Создание сайтов [Loftschool] Верстка - быстрый старт (2020)

крымский гусь
крымский гусь
Премиум
Регистрация
24/06/2018
Сообщения
466
Репутация
194
  • 2
  • #1
Автор: Loftschool
Название: Верстка - быстрый старт (2020)

[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)
      Бесплатный урок

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:

Отзывов в теме: 2

stepanoff
Премиум
badge
Регистрация
11/06/2020
Сообщения
1
Репутация
2
Очень качественный материал. Все как надо. Гусь, о души)
 

Spasatelev
Премиум
badge
Регистрация
11/07/2020
Сообщения
7
Репутация
4
Нету верстки второй страницы product, а она там должна быть.
 
gqqdart
Премиум
badge badge badge
Регистрация
31/01/2019
Сообщения
100
Репутация
109
[LoftSchool] курсы нравятся надо заценить потом
 
foredu
Премиум
badge
Регистрация
09/02/2019
Сообщения
41
Репутация
100
Курс отличный - для продолжающих. Для совсем новичков тут много сложных конструкций. А вот для тех, кто немного разобрался уже в коде, 100% стоит смотреть.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Похожие темы

Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Nemo
Ответы
0
Просмотры
2K
Nemo
Nemo
Малыш Джон
Ответы
20
Просмотры
23K
islom_3007
islom_3007
Михаил
Ответы
0
Просмотры
2K
Михаил
Михаил
Михаил
Ответы
0
Просмотры
1K
Михаил
Михаил
Михаил
Создание сайтов WP Video Ace Plugin
Ответы
0
Просмотры
928
Михаил
Михаил
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Сверху Снизу