Программирование [frontendblok] Продвинутый курс по верстке 4.0. Webpack, SCSS и JavaScript (2023)

[Moderator]

Автор: frontendblok

Название: Продвинутый курс по верстке 4.0. Webpack, SCSS и JavaScript (2023)

Описание:

Прокачаешь свои навыки вёрстки на практике с Webpack, SCSS и JavaScript

Продвинутый курс по вёрстке сайтов является продолжение
Но если вы уже обладаете знаниями по верстке, то совсем не обязательно начинать с нуля. Вы можете выбрать этот курс, чтобы прокачаться на практике с Webpack, SCSS и Git. На базовом курсе мы делаем акцент только на HTML и CSS. Иначе говоря, на самых основах.

Что будет на курсе?
- Выдача материалов
Мы предоставим макеты Figma, которые были специально отрисованы для курса. Первый макет верстаем вместе, второй - самостоятельно.

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

- Верстка сайтов для вашего портфолио
Всё, что вы сверстаете в рамках курса, пойдет в ваше портфолио. Работы будет не стыдно показать заказчику или работодателю.

Кому полезен этот курс?
- Тем, кто готов обучаться и прокачивать свой скилл, не останавливаясь на одном лишь HTML и CSS. Вам откроется больше возможностей: сможете взяться за большее количество заказов, повышая тем самым свой доход.

- Тем, кто уже работает в качестве верстальщика, но имеет слабое портфолио, либо владеет малым количеством технологий. На курсе мы на практике верстаем с Webpack, используя HTML/SCSS и немного JavaScript.

- Тем, кто хотел бы начать зарабатывать в сфере IT. Начинать лучше с верстки сайтов, потому что освоить азы можно быстро и на этих знаниях заработать первую денежку. Главное не останавливаться.

Программа курса

1 неделя
День 1 | Знакомимся с дизайном сайта
День 2 | Знакомимся с системой контроля версий
День 3 | Устанавливаем Node и npm
День 4 | Настраиваем сборку для проекта
День 5 | Знакомимся с CSS-препроцессором

2 неделя
День 6 | Учимся работать с вектором
День 7 | Верстаем шапку сайта
День 8 | Дорабатываем шапку сайта
День 9 | Верстаем главный экран
День 10 | Дорабатываем главный экран

3 неделя
День 11 | Верстаем слайдер
День 12 | Дорабатываем слайдер
День 13 | Верстаем каталог
День 14 | Верстаем форму
День 15 | Верстаем подвал сайта

4 неделя
День 16 | Знакомимся с трансформациями
День 17 | Знакомимся с анимациями
День 18 | Адаптируем сайт под планшет
День 19 | Адаптируем сайт под мобильные
День 20 | Оформляем проект и свой профиль

5 неделя
День 21 | Делаем выпадающие окна
День 22 | Разбор ошибок в профиле Github

Автор курса: Анна Блок

Учебные проекты
Во время курса вы сверстаете 2 крутых сайта, которые не стыдно будет показать заказчику или работодателю, под руководством опытных преподавателей

Учебный макет в PSD (Adobe Photoshop).
Сверстаем небольшой интернет-магазин за 20 уроков с использованием Webpack, HTML и CSS-препроцессора (SCSS).

Макет для верстки 1:

Макет для верстки 2:

Ваше резюме после обучения
Должность:
ВЕРСТАЛЬЩИК САЙТОВ

Зарплата от:
50000 РУБ

Профессиональные навыки:
- HTML5 и CSS3
- Знание Figma и Photoshop для работы с макетами
- Кроссбраузерная верстка
- Адаптивная и отзывчивая верстка
- Оптимизация под мобильные устройства
- Оптимизация изображений
- Умение разбираться в чужом коде
- Понимание семантической верстки
- Работа с Webpack
- Умение работать с Git и Github
- Умение работать с SCSS
- Написание скриптов для популярных задач (карусель, попапы)

 

Подробнее:

Ссылки и информация для скачивания: