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

Курс: “Профессиональная, быстрая и комфортная верстка сайтов”. Если вы хотели вникнуть в тему с версткой сайтов – данный материал для вас! Информации много, без воды. Не забывайте про практику – это важный момент! Практики в курсе много. Материал прислал анонимный пользователь без комментариев. 

Материал может быть удален по запросу правообладателя!

Описание курса:

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

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

• Научитесь эффективно работать с редактором кода. Узнаете какие плагины необходимы для работы, какие горячие клавиши использовать.
• Будете писать код, который не ломается, используя методологии и правила написания качественного кода.
• Научитесь организовывать грамотную структуру проекта.
• Увеличите скорость разработки проектов используя современные инструменты разработки – 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 спрайты, оптимизация и многое другое!

Если Вы не видите ссылку для скачивания материала – отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте – покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Анонимно