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