Урок 1.00:03:16
О курсе. Как проходит обучение по курсу. Чему вы научитесь
Урок 2.00:03:03
1.1 Зачем нам этот модуль
Урок 3.00:22:18
1.2 Классификация сайтов. Этапы создания
Урок 4.00:08:18
1.3 Установка и настройка редактора кода Visual Studio Code
Урок 5.00:21:37
1.4 Работа с Adobe Photoshop в вебе
Урок 6.00:20:58
1.5 Работа с современными редакторами: Avocode, Zeplin, Figma
Урок 7.00:08:36
1.6 Бонус. Что такое "сетки" и преобразование иконок в SVG формат
Урок 8.00:19:57
1.7 Создаем свой первый проект. Основы HTML
Урок 9.00:40:12
1.8 Основные теги HTML на практике
Урок 10.00:11:13
1.9 Семантические теги HTML5
Урок 11.00:31:12
1.10 Основы CSS на практике
Урок 12.00:13:17
1.11 Блочная модель CSS
Урок 13.00:14:02
1.12 Developer Tool. Что это и как с ним работать?
Урок 14.00:19:16
1.13 Блочная модель CSS. Часть 2
Урок 15.00:21:38
1.14 Позиционирование элементов в CSS. Принцип карточной колоды
Урок 16.00:09:00
1.15 Выравнивание элементов по вертикали. Верстка таблицами и float'ами
Урок 17.00:10:52
1.16 Бонус. Единицы измерения CSS
Урок 18.01:08:35
1.17 Практика. Создаем сайт на чистом HTML и CSS
Урок 19.00:14:18
1.18 Технология Flexbox и применение её на макете
Урок 20.00:34:14
1.19 Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание
Урок 21.00:09:28
1.20 Сброс стилей reset.css/normalize.css
Урок 22.00:31:19
1.21 Подключение шрифтов на сайт
Урок 23.00:01:31
2.1 Зачем нам этот модуль
Урок 24.00:34:53
2.2 Библиотека Bootstrap 4
Урок 25.01:03:35
2.3 Практика. Новый проект с использованием сетки Bootstrap 4
Урок 26.00:31:07
2.4 Препроцессоры. SASS/SCSS/LESS
Урок 27.00:03:19
2.5 Если у вас ошибка при компиляции SASS кода
Урок 28.00:04:30
2.6 Вендорные префиксы в CSS
Урок 29.00:32:04
2.7 Практика. Продолжаем работу и используем препроцессор SASS
Урок 30.00:17:35
2.8 Псевдоклассы и псевдоэлементы в CSS
Урок 31.00:42:56
2.9 Практика. Используем псевдоэлементы и псевдоклассы в проекте
Урок 32.00:20:42
2.10 Как работать с иконками. Иконочные шрифты
Урок 33.00:17:55
2.11 Адаптация проектов под различные устройства
Урок 34.00:04:08
2.12 Pixel Perfect верстка
Урок 35.00:11:45
2.13 Адаптация при помощи Bootstrap
Урок 36.00:42:39
2.14 Практика. Адаптация проекта. Часть 1
Урок 37.00:45:13
2.15 Практика. Адаптация проекта. Часть 2
Урок 38.00:06:10
2.16 Локальные ссылки и favicon
Урок 39.00:07:00
2.17 UX. Дорабатываем мелочи
Урок 40.00:12:43
2.18 Публикуем сайт в интернете. Домен. Хостинг. GitHub Pages и сброс "кеша"
Урок 41.00:01:38
3.1 Зачем нам этот модуль
Урок 42.00:22:47
3.2 Система контроля версий Git и сервис GitHub
Урок 43.00:16:16
3.3 Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
Урок 44.00:38:53
3.4 Планировщик задач Gulp
Урок 45.00:14:00
3.5 Методология БЭМ
Урок 46.00:37:35
3.6 Практика. Создаем новый проект, используя Gulp, БЭМ
Урок 47.00:02:34
3.7 Если у вас не работают картинки
Урок 48.00:32:27
3.8 Формы на сайтах
Урок 49.00:31:34
3.9 Знакомимся с языком программирования JavaScript
Урок 50.00:01:35
3.10 Как можно освоить JavaScript?
Урок 51.00:35:14
3.11 Практика. Создаем слайдер на сайте. Slick-слайдер
Урок 52.00:03:38
3.12 Если у вас не работают скрипты
Урок 53.00:30:33
3.13 Практика. Альтернативные варианты слайдеров
Урок 54.00:32:23
3.14 Практика. Создаем табы на сайте. Часть 1
Урок 55.00:37:40
3.15 Практика. Создаем табы на сайте. Часть 2
Урок 56.00:20:37
3.16 Создаем интерактивные карты на сайте
Урок 57.00:38:20
3.17 Практика. Создаем модальные окна на сайте
Урок 58.00:23:07
3.18 Валидация форм
Урок 59.00:05:53
3.19 Маска ввода номера на сайте
Урок 60.00:08:31
3.20 Локальные сервера
Урок 61.00:19:09
3.21 Практика. Отправка писем с сайта
Урок 62.00:11:46
3.22 Плавный скролл по ссылкам и элемент "вверх"
Урок 63.00:12:29
3.23 Анимации на сайтах при помощи CSS3
Урок 64.00:11:33
3.24 Библиотеки для работы с анимациями
Урок 65.00:07:58
3.25 Валидация сайта
Урок 66.00:15:13
3.26 Загружаем сайт на реальный хостинг. Настройка домена, что такое FTP и SSL
Урок 67.00:38:34
3.27 Оптимизация скорости загрузки сайта, доработка gulpfile
Урок 68.00:01:54
4.1 Что делать дальше?