Профессиональная, быстрая и комфортная верстка сайтов

Требования для прохождения курса

Курс не для начинающих. Вам нужно знать HTML, CSS и основы работы с javascript / jQuery.

Курс для тех, кто уже умеет верстать простые сайты и хочет перейти на следующий уровень, использовать новые технологии, увеличить скорость разработки, познать нюансы и мелочи, которые очень важны.

Знание HTML и CSS

Умение верстать простые сайты

Базовые знания javascript / jQuery

Желание изучать новые технологии

Технологии вы изучите

Вы научитесь эффективно использовать редактор кода, плагины и горячие клавиши.

Вы научитесь использовать Gulp (4 версия) для автоматизации процессов, и npm для работы с библиотеками.

Вы научитесь использовать методологию БЭМ, составлять грамотную структуру проекта. Изучите модульный подход при верстке сайта, а так же при работе с Bootstrap 4. Изучите SASS.

Узнаете как увеличить скорость работы сайта, узнаете на что стоит обращать внимание и как делать правильные анимации

После прохождения курса

Научитесь эффективно работать с редактором кода. Узнаете какие плагины необходимы для работы, какие горячие клавиши использовать

Будете писать код, который не ломается, используя методологии и правила написания качественного кода. Научитесь организовывать грамотную структуру проекта

Увеличите скорость разработки проектов используя современные инструменты разработки - Gulp, SASS, npm. Пусть рутиную работу выполняют машины!

Узнаете как увеличить скорость работы сайта и что на это влияет. Узнаете на что стоит обратить внимание и от чего нужно отказаться

Узнаете что отличает начинающего верстальщика от опытного. Узнаете на что не обращают внимание 90% верстальщиков и почему они пишут плохой код

Увеличите свой скилл верстки, почувствуете себя хорошим специалистом и соответственно повысите свой заработок

Содержание курса

Модуль 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 спрайты, оптимизация и многое другое!