Стек технологий проекта: Vue, Vuex, Element UI, Jest, Cypress, Typescript. Vue (произносится /vjuː/, примерно как view) — это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от фреймворков-монолитов, Vue создан пригодным для постепенного внедрения. Его ядро в первую очередь решает задачи уровня представления (view), что упрощает интеграцию с другими библиотеками и существующими проектами. С другой… Читать далее VUE JS
Рубрика: Web
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 +… Читать далее React — создание приложения на React пример
Webpack
Webpack — инструмент веб-разработчика, который соединяет JavaScript- и CSS-файлы в единое целое — файл, который часто называется «bundle» (с англ. «пачка»). https://webpack.js.org/ — официальный сайт Устанавливаем Node и npm Чтобы проверить установлен ли Node.js набираем в терминале (командной строке): node -v Если показывает текущую версию, то установлен, иначе устанавливаем его по инструкции ниже. Webpack построен… Читать далее Webpack
Введение в CSS
Введение в CSS Синтаксис CSS селектор { свойство: значение; свойство: значение; свойство: значение; … } /* А я комментарий! */ Селекторы p {…} /* по тегу */ .title {…} /* по классу */ p.warning {…} /* тег с классом */ #promo {…} /* по id */ h1#chapter1 {…} /* тег с id */ .title a… Читать далее Введение в CSS
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> <!— перенос… Читать далее HTML Разметка
WordPress — обучающий курс от Артема Исламова
Вспомогательная информация Редактор текста: SublimeText Установка плагинов и тем оформления для комфортной работы. <CTRL>+<SHIFT>+<P> Install Package Control <CTRL>+<SHIFT>+<P> Package Control: Install Package Устанавливаем плагины: Emmet, All Autocomplete, AutoFileName, BracketHighligther Так же как плагины, устанавливаем темы: Theme — Afterglow Настраиваем: Preference -> Color Scheme выбираем Afterglow-monokai Preference -> Theme выбираем Afterglow.Orange Preference -> Settings «theme»: «Afterglow-orange.sublime-theme», «tabs_medium»:… Читать далее WordPress — обучающий курс от Артема Исламова
Терминал от git в PHPStorm
Чтобы заменить встроенный терминал в PHPStorm на терминал git нужно в меню Settings -> Tools -> Terminal изменить параметр Shell path на exe-файл с полным путем (зависит от того куда установлен Git) …Git\bin\bash.exe. Чтобы отображался нормально русский язык в переменные окружения системы прописываем LANG=ru_RU.utf8
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
Оптимизация текста для сайтов
Вот что пишут профессионалы, оригинал статьи по адресу: http://1ps.ru/blog/texts/chek-list-dlya-optimizirovannogo-teksta/
robots.txt и WordPress
Файл robots.txt — запрет индексации для Яндекса и Google. Создание правильного robots.txt для WordPress
Как правильно перенести сайт на новое доменное имя
Как правильно перенести сайт на новый домен. Выдержки из найденного в интернете. Перенос сайта — это к сожалению не тривиальная задача как может показаться сначала. Встречается ОЧЕНЬ много подводных камней. В любом случае не обойтись без определенных потерь. Посмотрим как можно минимизировать проблемы, которые могут возникнуть при переносе.