[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)
Бесплатный урок
Авторизуйтесь, чтобы посмотреть скрытый контент.