Рубрика: Web

VUE JS

Стек технологий проекта: Vue, Vuex, Element UI, Jest, Cypress, Typescript. Vue (произносится /vjuː/, примерно как view) — это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от фреймворков-монолитов, Vue создан пригодным для постепенного внедрения. Его ядро в первую очередь решает задачи уровня представления (view), что упрощает интеграцию с другими библиотеками и существующими проектами. С другой […]

React — создание приложения на React пример

Настройка локальной среды разработки. $npm i -g create-react-app создадим каталог для приложений React $mkdir Projects $cd Projects $create-react-app react-quiz Столкнулся с ошибкой выполнения скрипта под Windows 10 create-react-app : Невозможно загрузить файл C:\Users\andre\AppData\Roaming\npm\create-react-app.ps1, так как выполнени е сценариев отключено в этой системе. Для получения дополнительных сведений см. about_Execution_Policies по адресу http s:/go.microsoft.com/fwlink/?LinkID=135170. строка:1 знак:1 + […]

Webpack

Webpack — инструмент веб-разработчика, который соединяет JavaScript- и CSS-файлы в единое целое — файл, который часто называется «bundle» (с англ. «пачка»). https://webpack.js.org/ — официальный сайт Устанавливаем Node и npm Чтобы проверить установлен ли Node.js набираем в терминале (командной строке): node -v Если показывает текущую версию, то установлен, иначе устанавливаем его по инструкции ниже. Webpack построен […]

Введение в CSS

Введение в CSS Синтаксис CSS селектор { свойство: значение; свойство: значение; свойство: значение; … } /* А я комментарий! */ Селекторы p {…} /* по тегу */ .title {…} /* по классу */ p.warning {…} /* тег с классом */ #promo {…} /* по id */ h1#chapter1 {…} /* тег с id */ .title a […]

HTML Разметка

Введение в HTML HTML-теги Тег:  <имя_тега> Примеры тегов: <html> <body> <section> <article> <div> <h1> <nav> <ul> <ol> <li> <p> <a> <strong> <em> <time> <mark> <img> <video> <audio> <form> <input> <button> <label> <!— А я комментарий! —> Парные теги <h1>Три главных слова</h1> <p> Инкапсуляция, наследование, полиморфизм! </p> Одиночные теги <hr> <!— разделитель —> <br> <!— перенос […]

BootStrap — заметки

https://getbootstrap.com/ Скачать https://getbootstrap.com/docs/4.3/getting-started/download/ Стартовый шаблон https://getbootstrap.com/docs/4.3/getting-started/introduction/#starter-template BootStrap оперирует 12 колоночной сеткой. Сетка формируется с помощью трех специальных классов: .container, .row, .col Open Server Panel — это портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.  

Мастер классы по дизайну от Павла Лебедева

Мастер классы по дизайну от Павла Лебедева Пять олимпийских колец дизайна

Рекомендую мастер классы по дизайну от Павла Лебедева, отличная работа, мне очень понравилось. Решил для себя законспектировать, чтобы осталось в голове. 1. Выделение важного, как расставить акценты 1.1. Два режима изучения макетов: Режим захвата изображения Режим чтения Стандартное изучение макета F-паттерн слева направо и вниз. 1.2. Как захватить внимание пользователя Там где нет якорных объектов, […]

Тренды веб-дизайна 2017

Тренды веб-дизайна 2017

От чего ушли, к тому и пришли :-) всё развивается по спирали. Содержание важнее формы. “Расположение элементов дизайна внутри данной структуры должно быть таким, чтобы читатель мог легко уловить главную мысль, не снижая свою обычную скорость чтения” — Герман Цапф Дизайнеры во всем мире поняли, что пользователи посещают сайты в первую очередь ради содержания, будь […]

Как правильно перенести сайт на новое доменное имя

Как правильно перенести сайт на новый домен. Выдержки из найденного в интернете. Перенос сайта — это к сожалению не тривиальная задача как может показаться сначала. Встречается ОЧЕНЬ много подводных камней. В любом случае не обойтись без определенных потерь. Посмотрим как можно минимизировать проблемы, которые могут возникнуть при переносе.