Программирование [Loftschool] Веб-разработка. Быстрый старт (2019)

[RoBot]

[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)

Бесплатный урок

СКАЧАТЬ