[Loftschool] Веб-разработка. Быстрый старт (2019)

Чему вы научитесь

Вёрстка сайтов
Flexbox, SVG, BEM.

Инструменты разработчика
VSCode, Emmet, live-server.

Базовый JavaScript
Реализация фильтра, меню, слайдшоу.

Размещать сайт на хостинг
Деплой на Github Pages.

Что входит в курс

42 видео урока
Которые вы сможете изучить в комфортном для себя темпе.

Групповой чат
Telegram чат с одногруппниками, куратором и наставниками.

Домашнее задание
Красивый и технологичный проект для вашего портфолио.

Сертификат
После успешной защиты выпускного проекта (4 попытки защиты проекта).

Первые 8 уроков бесплатны, чтобы вы могли оценить качество материалов.
Последний урок также бесплатный, чтобы вы могли посмотреть домашнее задание.

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

• 1. Подготовка
  3 урока, 05:54
  • 1. Обзор проекта
    (00:44)
    Бесплатный урок
  • 2. Необходимые программы
    (01:32)
    Бесплатный урок
  • 3. Hello World
    (03:38)
    Бесплатный урок
• 2. Необходимая теория
  11 уроков, 81:16
  • 4. HTML. Теги
    (06:32)
    Бесплатный урок
  • 5. Emmet
    (01:15)
    Бесплатный урок
  • 6. Основная структура
    (03:09)
    Бесплатный урок
  • 7. Id и class
    (05:42)
    Бесплатный урок
  • 8. BEM
    (07:44)
    Бесплатный урок
  • 9. Первая секция. Разметка
    (08:28)
  • 10. Работа с путями
    (07:49)
  • 11. CSS. Теория
    (10:05)
  • 12. Св-ва позиционирования. Flexbox
    (09:12)
  • 13. Св-ва позиционирования. Position
    (06:31)
  • 14. Блочная модель
    (14:49)
• 3. Стилизация
  2 урока, 10:00
  • 15. Начало стилизации. Normalize
    (05:12)
  • 16. Цвет. Составные свойства
    (04:48)
• 4. Первая секция
  6 уроков, 32:02
  • 17. Первая секция. Стилизация
    (05:01)
  • 18. Подключение шрифтов
    (08:42)
  • 19. Первая секция. Позиционирование
    (03:40)
  • 20. Первая секция. Текст
    (09:50)
  • 21. Переиспользование блоков
    (03:04)
  • 22. Блок обертка
    (01:45)
• 5. Вторая секция
  5 уроков, 34:43
  • 23. Вторая секция. Фильтр
    (08:31)
  • 24. CSS Переменные
    (04:15)
  • 25. Вторая секция. Элементы
    (10:22)
  • 26. Вторая секция. Выравнивание списка
    (03:34)
  • 27. Вторая секция. Геометрический элемент
    (08:01)
• 6. Третья секция
  2 урока, 19:13
  • 28. Третья секция. Разметка
    (02:47)
  • 29. Третья секция. Стилизация
    (16:26)
• 7. Остальные секции
  2 урока, 21:55
  • 30. Секция меню
    (09:20)
  • 31. Иконки соц. сетей. SVG
    (12:35)
• 8. Реализация элементов на Javascript
  8 уроков, 62:55
  • 32. Боковое меню. Верстка
    (06:01)
  • 33. Боковое меню. Класс для состояний
    (06:02)
  • 34. Подключение скриптов
    (02:42)
  • 35. Боковое меню. Реализация
    (10:30)
  • 36. Слайдер. Верстка
    (08:08)
  • 37. Слайдер. Реализация
    (13:17)
  • 38. Фильтр. Селектор
    (06:17)
  • 39. Фильтр. Сортировка
    (09:58)
• 9. Деплой
  2 урока, 11:34
  • 40. Деплой. GitHub Pages
    (09:25)
  • 41. Отображение на мобильных
    (02:09)
• 10. Задание
  1 урок, 02:14
  • 42. Домашнее задание. Что нужно сделать
    (02:14)
    Бесплатный урок

СКАЧАТЬ