Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай WEB-разработчик 2022, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 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
    Что делать дальше?