Сайтостроение Loftschool - Верстка - быстрый старт (2020)

[Admin]

Loftschool - Верстка - быстрый старт (2020)
Автор: Loftschool

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

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-подписки

Оформить VIP-Подписку