Вы можете выбрать товар из Каталога.
Научись верстать сайты, используя инструменты для автоматизации и оптимизации процессов. Узнай как верстать сайты качественно и профессионально, тратя меньше времени на разработку и зарабатывая больше.
Модуль 1. Редактор, emmet, горячие клавиши (3 урока)
— Данный модуль посвящен настройке редактора кода.
— Поговорим о необходимых плагинах, разберемся для чего они нужны и как они работают.
— Так же разберем горячие клавиши, которые помогут вам писать код быстрее
Модуль 2. Автоматизация, структура проекта (6 уроков)
— Данный модуль посвящен автоматизации процессов.
— Установим таск-раннер Gulp, который будет выполнять 90% рутинной работы за вас - проставлять префиксы, уменьшать CSS и javascript файлы, оптимизировать изображения, удобно работать с HTML и многое другое.
— Научитесь использовать npm для установки библиотек.
— Вы узнаете как создать структуру проекта и как работать с файлами максимально эффективно.
Модуль 3. БЭМ, SASS, Bootstrap 4 (6 уроков)
— Данный модуль посвящен методологии БЭМ, работе с SASS, эффективной работе с проектом, работе с фреймворком Bootstrap 4 и подключению сторонних библиотек используя npm.
— Вы узнаете, что такое БЭМ и как с ним работать.
— Вы узнаете как грамотно и эффективно организовать рабочий процесс.
— Вы узнаете как работать с препроцессором SASS
— Вы узнаете как грамотно работать с Bootstrap 4, подключая только необходимые модули.
Модуль 4. Скорость работы сайта (5 уроков)
— Данный модуль посвящен скорости работы сайта.
— Вы узнаете, на что стоит обращать внимание при верстке сайта.
— Вы узнаете, как писать правильную анимацию, которая не будет нагружать браузер, узнаете много интересного про шрифты и многое другое.
Модуль 5. Стиль написания кода (2 урока)
— Данный модуль посвящен правильной организации кода и стилю его написания.
— Вы узнаете, как сделать ваш код более профессиональным, грамотным и более читабельным.
— Вы узнаете, почему важно придерживаться правил и почему качество кода влияет на ваш заработок.
Модуль 6. Практика (11 уроков)
— Данный модуль посвящен практике.
— Вы сверстаете сайт-портфолио, используя все изученные технологии, и научитесь делать это быстро и качественно.
— Практика работы с Gulp, SASS, БЭМ, Bootstrap 4, SVG спрайты, оптимизация и многое другое!