Беспотоковый курс

Веб-разработка.
Быстрый старт

Записывайтесь и уже сегодня
начните верстать свой первый сайт.

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

1

Вёрстка сайтов

Flexbox, SVG, BEM.
2

Инструменты разработчика

VSCode, Emmet, live-server.
3

Базовый JavaScript

Реализация фильтра, меню, слайдшоу.
4

Размещать сайт на хостинг

Деплой на Github Pages.

Что входит в курс

1

42 видео урока

Которые вы сможете изучить в комфортном для себя темпе.
2

Групповой чат

Telegram чат с одногруппниками, куратором и наставниками.
3

Домашнее задание

Красивый и технологичный проект для вашего портфолио.
4

Сертификат

После успешной защиты выпускного проекта (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)

Также вы получите

Модуль Git
Количество уроков
12 уроков
Количество тестов
27 тестовых вопросов
3000 a
Бесплатно

Почему стоит выбрать обучение в LoftSchool

1

Безупречная репутация

Мы в деле с 2014 года и нас знают во всех больших айти компаниях России и ближнего зарубежья.
2

LoftSchool – лидер в IT образовании

По результатам исследования «Моего круга» на Хабре LoftSchool занял первое место.
3

1000+ выпускников ежегодно

Наши выпускники работают в Apple, Яндекс, Mail.ru, Epam и др. крупнейших компаниях. Пруфы.

Как проходит обучение

Видео идёт всего 2 минуты. Расскажем всё, что нужно знать про обучение на данном курсе.
Смотреть видео

Команда наставников

  • Общение
    С 9 до 21 (6 дней в неделю) у вас будет возможность общаться с наставниками, задавать любые вопросы и получать квалифицированные ответы и помощь.
  • Код ревью
    Раз в неделю вы будете получать кодревью по вашему выпускному проекту.

Выпускной проект

Первую страницу вы сделаете вместе с преподавателем. Вторую – самостоятельно.

Ваш будущий сертификат

Преподаватель

Ваш будущий сертификат

Каждый участник курса получит сертификат о его прохождении.
Если вы успешно сдадите выпускной проект, то ваш статус будет "Защитил выпускной проект", а если не справитесь, то получите статус "Прослушал курс".
Всего будет 4 попытки защиты проекта. Этого вполне достаточно, чтобы справиться с задачей.

Беcпотоковое обучение подходит тем, кто

  • 1
    Не хочет быть ограниченным во времени. Учитесь когда вам удобно.
  • 2
    Готов начать учиться уже завтра или просто не хочет ждать старта потоковых курсов.
  • 3
    Достаточно самоорганизован (вас не будут контролировать, как на потоковых курсах).

В данный момент набор не ведется, зайдите через неделю