[Loftschool] Веб-разработка. Быстрый старт (2019)
Чему вы научитесь
Вёрстка сайтов
Flexbox, SVG, BEM.
Инструменты разработчика
VSCode, Emmet, live-server.
Базовый JavaScript
Реализация фильтра, меню, слайдшоу.
Размещать сайт на хостинг
Деплой на Github Pages.
Что входит в курс
42 видео урока
Которые вы сможете изучить в комфортном для себя темпе.
Групповой чат
Telegram чат с одногруппниками, куратором и наставниками.
Домашнее задание
Красивый и технологичный проект для вашего портфолио.
Сертификат
После успешной защиты выпускного проекта (4 попытки защиты проекта).
Первые 8 уроков бесплатны, чтобы вы могли оценить качество материалов.
Последний урок также бесплатный, чтобы вы могли посмотреть домашнее задание.
Программа курса:
Чему вы научитесь
Вёрстка сайтов
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)
Бесплатный урок
- 1. Обзор проекта
- 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)
- 4. HTML. Теги
- 3. Стилизация
2 урока, 10:00- 15. Начало стилизации. Normalize
(05:12) - 16. Цвет. Составные свойства
(04:48)
- 15. Начало стилизации. Normalize
- 4. Первая секция
6 уроков, 32:02- 17. Первая секция. Стилизация
(05:01) - 18. Подключение шрифтов
(08:42) - 19. Первая секция. Позиционирование
(03:40) - 20. Первая секция. Текст
(09:50) - 21. Переиспользование блоков
(03:04) - 22. Блок обертка
(01:45)
- 17. Первая секция. Стилизация
- 5. Вторая секция
5 уроков, 34:43- 23. Вторая секция. Фильтр
(08:31) - 24. CSS Переменные
(04:15) - 25. Вторая секция. Элементы
(10:22) - 26. Вторая секция. Выравнивание списка
(03:34) - 27. Вторая секция. Геометрический элемент
(08:01)
- 23. Вторая секция. Фильтр
- 6. Третья секция
2 урока, 19:13- 28. Третья секция. Разметка
(02:47) - 29. Третья секция. Стилизация
(16:26)
- 28. Третья секция. Разметка
- 7. Остальные секции
2 урока, 21:55- 30. Секция меню
(09:20) - 31. Иконки соц. сетей. SVG
(12:35)
- 30. Секция меню
- 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)
- 32. Боковое меню. Верстка
- 9. Деплой
2 урока, 11:34- 40. Деплой. GitHub Pages
(09:25) - 41. Отображение на мобильных
(02:09)
- 40. Деплой. GitHub Pages
- 10. Задание
1 урок, 02:14- 42. Домашнее задание. Что нужно сделать
(02:14)
Бесплатный урок
- 42. Домашнее задание. Что нужно сделать
Скрытое содержимое. Вам нужно войти или зарегистрироваться.
Последнее редактирование: