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

[serafim]

[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)
  Бесплатный урок

СКАЧАТЬ

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.