После прохождения курса вы сможете верстать страницы практически любой сложности. Узнаете, как работать с чужим кодом и правильно публиковать сайты в сети, соберёте портфолио из 2-х сайтов и выполните боле двухсот учебных заданий.
При успешной сдаче проекта и выполнении домашних заданий, вы получаете сертификат об окончании курса. Также каждый студент получает гарантированную скидку в 10% на все последующие курсы школы.
Учебная программа:
1. Введение. Основы HTML5.
- Самое начало. Как работает интернет и кто делает сайты. Разметка сайтов и из чего она состоит.
2. Доступность, семантика и инструменты веб-разработчика.
- Про полезные инструменты и что помогает меньше ошибаться. Что такое доступность сайта и почему она важна.
3. Каскадные таблицы стилей.
- Синтаксис и селекторы CSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.
4. Работа с графикой и шрифтами. Фотошоп для верстальщика.
- Про то, что нужно знать верстальщикам о фотошопе и дизайнерах, что особенного в графике для веба и как работать со шрифтами (и дизайнерами).
5. Блочная модель документа.
- Что такое поток документа? Узнаем про блочные и строчные элементы, и все, что с ними происходит: отступы, выравнивание, схлопывания, выпадения, переполнение и сбрасывание потока. И про каркас сайта.
6. Flexbox и стеки.
- Знакомство с модульными сетками и расположение блоков с помощью Flexbox
7. Контроль версий и Git.
- Всей группой разбираем макет, советуемся с преподавателем и выясняем как (и зачем) работать с системой контроля версий Git.
8. Адаптивная и резиновая вёрстка.
- Сайты для всех устройств: адаптивность, перестроение сеток, медиазапросы.
9. Декоративные элементы.
- Узнаем про позиционирование, слои и псевдоэлементы.
10. Интерактивные и анимированные элементы.
- Больше интерактива! Пробуем анимировать элементы с помощью CSS.
11. Формы и где они обитают.
- Подробно разбираем важную часть сайта - форму отправки и учимся ее кастомизировать.
12. jQuery часть 1.
- Знакомство с бибилиотекой jQuery.
- Взаимодействие jQuery с HTML и CSS.
- Селекторы — поиск и выборка элементов DOM.
- Эффекты — примеры использования, разбор очереди.
- Базовые события jQuery. Отладка ошибок в консоли.
13. jQuery часть 2.
- jQuery Ajax.
- Часто используемые плагины: слайдер, модальные окна, табы, выпадающее меню.
- Стилизация плагинов.
Преподаватели
- Николай Громов, веб-технолог, фрилансер.
Разработчик с опытом работы более 17 лет. Свой первый проект сделал в 2000 году. Николай является наиболее опытным преподавателем в Epic Skills и делится своими знаниями на курсах вёрстки. - Кирилл Демидов, frontend-разработчик Kelnik.
Инженер-технолог, который перешёл на светлую сторону web-разработки в 2014 году, закончив курсы в Epic Skills. Дайвер, инструктор ФБФР.