Чему вы научитесь
1
Вёрстка сайтов
Flexbox, SVG, BEM.
2
Инструменты разработчика
VSCode, Emmet, live-server.
3
Базовый JavaScript
Реализация фильтра, меню, слайдшоу.
4
Размещать сайт на хостинг
Деплой на Github Pages.
Верстка - быстрый старт
К видеокурсамВидеокурс «Вёрстка — быстрый старт» подойдёт для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект.
Что будет на курсе:
— Сверстаем макет со статичным лейаутом;
— Научимся писать разметку для элементов и стилизовать их;
— Реализуем интерактивные части при помощи JavaScript.
- 1. Подготовка3 урока, 05:54
- 1. Обзор проекта (00:44)Бесплатный урок
- 2. Необходимые программы (01:32)Бесплатный урок
- 3. Hello World (03:38)Бесплатный урок
- 2. Необходимая теория11 уроков, 01:21: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. Реализация элементов на Javascript8 уроков, 01:02: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)Бесплатный урок
Верстка - быстрый старт
Стоимость:
3800
2290