👨‍💻DEV [Loftschool] Верстка - быстрый старт (2020)

[Odyvanchik]

[Loftschool] Верстка - быстрый старт (2020)

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

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. Реализация элементов на Javascript
8 уроков, 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)
Бесплатный урок



—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал