Урок 1.00:02:36
Зачем нам этот модуль
Урок 2.00:21:53
Классификация сайтов. Этапы создания.
Урок 3.00:07:54
Установка и настройка редактора кода
Урок 4.00:21:14
Работа с Adobe Photoshop в вебе
Урок 5.00:22:39
Работа с современными редакторами: Avocode, Zeplin, Figma...
Урок 6.00:08:13
Бонус. Что такое "сетки" и преобразование иконок в SVG формат
Урок 7.00:19:34
Создаем свой первый проект. Основы HTML
Урок 8.00:39:49
Основные теги HTML на практике
Урок 9.00:10:50
Семантические теги HTML5
Урок 10.00:30:48
Основы CSS на практике
Урок 11.00:12:54
Блочная модель CSS
Урок 12.00:13:38
Developer Tool. Что это и как с ним работать?
Урок 13.00:18:52
Блочная модель CSS. Часть 2
Урок 14.00:21:15
Позиционирование элементов в CSS. Принцип карточной колоды
Урок 15.00:08:36
Выравнивание элементов по вертикали. Верстка таблицами и float'ами
Урок 16.00:10:29
Бонус. Единицы измерения CSS
Урок 17.00:11:39
Специфичность CSS селекторов
Урок 18.01:08:12
Практика. Создаем сайт на чистом HTML и CSS
Урок 19.00:13:54
Технология Flexbox и применение её на макете
Урок 20.00:33:50
Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание
Урок 21.00:09:05
Сброс стилей reset.css/normalize.css
Урок 22.00:30:56
Подключение шрифтов на сайт
Урок 23.00:01:04
Зачем нам этот модуль
Урок 24.00:34:29
Библиотека Bootstrap 4
Урок 25.00:07:39
Про обновление Bootstrap до пятой версии
Урок 26.01:03:12
Практика. Новый проект с использованием сетки Bootstrap
Урок 27.00:05:29
Как правильно формировать пути к файлам
Урок 28.00:30:44
Препроцессоры. SASS/SCSS/LESS
Урок 29.00:02:56
Если у вас ошибка при компиляции SASS кода
Урок 30.00:04:07
Вендорные префиксы в CSS
Урок 31.00:31:41
Практика. Продолжаем работу и используем препроцессор SASS
Урок 32.00:17:12
Псевдоклассы и псевдоэлементы в CSS
Урок 33.00:42:33
Практика. Используем псевдоэлементы и псевдоклассы в проекте
Урок 34.00:20:19
Как работать с иконками. Иконочные шрифты
Урок 35.00:17:32
Адаптация проектов под различные устройства
Урок 36.00:03:45
Pixel Perfect верстка
Урок 37.00:11:22
Адаптация при помощи Bootstrap
Урок 38.00:42:16
Практика. Адаптация проекта. Часть 1
Урок 39.00:44:46
Практика. Адаптация проекта. Часть 2
Урок 40.00:05:47
Локальные ссылки и favicon
Урок 41.00:06:37
UX. Дорабатываем мелочи
Урок 42.00:12:20
Публикуем сайт в интернете. Домен. Хостинг. GitHub Pages и сброс "кеша"
Урок 43.00:01:10
Зачем нам этот модуль
Урок 44.00:25:07
Система контроля версий Git и сервис GitHub
Урок 45.00:15:53
Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
Урок 46.00:40:43
Планировщик задач Gulp
Урок 47.00:13:37
Методология БЭМ
Урок 48.00:37:12
Практика. Создаем новый проект, используя Gulp, БЭМ...
Урок 49.00:02:11
Если у вас не работают картинки
Урок 50.00:32:04
Формы на сайтах
Урок 51.00:31:11
Знакомимся с языком программирования JavaScript
Урок 52.00:01:21
Как можно освоить JavaScript?
Урок 53.00:34:51
Практика. Создаем слайдер на сайте. Slick-слайдер
Урок 54.00:03:15
Если у вас не работают скрипты
Урок 55.00:30:10
Практика. Альтернативные варианты слайдеров
Урок 56.00:32:00
Практика. Создаем табы на сайте. Часть 1
Урок 57.00:37:17
Практика. Создаем табы на сайте. Часть 2
Урок 58.00:20:14
Создаем интерактивные карты на сайте
Урок 59.00:37:57
Практика. Создаем модальные окна на сайте
Урок 60.00:22:44
Валидация форм
Урок 61.00:05:30
Маска ввода номера на сайте
Урок 62.00:08:08
Локальные сервера
Урок 63.00:22:52
Практика. Отправка писем с сайта
Урок 64.00:11:56
Если у вас ошибка при отправке формы
Урок 65.00:11:23
Плавный скролл по ссылкам и элемент "вверх"
Урок 66.00:12:06
Анимации на сайтах при помощи CSS3
Урок 67.00:11:10
Библиотеки для работы с анимациями
Урок 68.00:10:13
Про обновления и animate.css
Урок 69.00:07:35
Валидация сайта
Урок 70.00:14:50
Загружаем сайт на реальный хостинг. Настройка домена, что такое FTP и SSL
Урок 71.00:41:02
Оптимизация скорости загрузки сайта, доработка gulpfile
Урок 72.00:01:41
Зачем этот модуль
Урок 73.00:17:17
Снова про сетки и CSS Grid
Урок 74.00:08:30
Единица гибкости (fr) и repeat()
Урок 75.00:20:28
Явные и неявные гриды
Урок 76.00:18:32
Функция minmax() и масштабирование треков
Урок 77.00:23:55
Позиционирование треков
Урок 78.00:13:32
Выравнивание треков
Урок 79.00:19:16
Grid Area и подсетки. Адаптация гридов
Урок 80.00:09:34
Еще раз про meta-тэги и фавикон. OG tags
Урок 81.00:22:37
Подготовка к созданию портфолио
Урок 82.00:57:38
Создаем первый экран, часть 1
Урок 83.00:48:00
Создаем первый экран, часть 2 (анимация меню)
Урок 84.00:41:51
Используем CSS Grid для создания второго экрана
Урок 85.00:47:29
Создаем третий экран портфолио
Урок 86.00:13:52
Реализуем скрипт автоматического пересчета процентов
Урок 87.00:25:22
Создаем блок-портфолио работ
Урок 88.00:37:48
Создаем блок с контактами
Урок 89.00:15:15
Политика конфиденциальности. Что это, зачем и как использовать.
Урок 90.00:14:55
Свойство object-fit
Урок 91.00:57:16
Адаптация портфолио, часть 1
Урок 92.00:31:35
Адаптивные изображения
Урок 93.00:24:19
Заканчиваем портфолио и адаптируем последние экраны
Урок 94.00:16:41
CSS Variables (CSS переменные)
Урок 95.00:11:26
Что такое Mobile first
Урок 96.00:02:00
Что делать дальше?
Вот по ссылке есть макет ко второму модулю