Скидки на курсы ждут в личном кабинете. Нажмите тут
Digital Academy
Войти
Домашние задания

Вёрстка — быстрый старт

от Loftschool
2 290 ₽  за курс
3 800 ₽
Перейти на сайт школы
Оставить отзыв
Вёрстка — быстрый старт
Формат
Видеоуроки
Длительность
0.5 месяцев
Уровень
Для новичков
Документ
Нет
Трудоустройство
Нет
Программа

Программа подходит для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект.

На курсе Вы будете верстать макет со статичным лейаутом, научитесь писать разметку для элементов и стилизовать их, реализуете интерактивные части при помощи JavaScript. Видеокурс состоит из 10 модулей с практикой, рассчитан на самостоятельное прохождение.

  • 1. Подготовка

    • 1. Обзор проекта
    • 2. Необходимые программы
    • 3. Hello World

  • 2. Необходимая теория

    • 4. HTML. Теги
    • 5. Emmet
    • 6. Основная структура
    • 7. Id и class
    • 8. BEM
    • 9. Первая секция. Разметка
    • 10. Работа с путями
    • 11. CSS. Теория
    • 12. Св-ва позиционирования. Flexbox
    • 13. Св-ва позиционирования. Position
    • 14. Блочная модель

  • 3. Стилизация

    • 15. Начало стилизации. Normalize
    • 16. Цвет. Составные свойства

  • 4. Первая секция

    • 17. Первая секция. Стилизация
    • 18. Подключение шрифтов
    • 19. Первая секция. Позиционирование
    • 20. Первая секция. Текст
    • 21. Переиспользование блоков
    • 22. Блок обертка

  • 5. Вторая секция

    • 23. Вторая секция. Фильтр
    • 24. CSS Переменные
    • 25. Вторая секция. Элементы
    • 26. Вторая секция. Выравнивание списка
    • 27. Вторая секция. Геометрический элемент

  • 6. Третья секция

    • 28. Третья секция. Разметка
    • 29. Третья секция. Стилизация

  • Остальные секции

    • 30. Секция меню
    • 31. Иконки соц. сетей. SVG

  • 8. Реализация элементов на Javascript

    • 32. Боковое меню. Верстка
    • 33. Боковое меню. Класс для состояний
    • 34. Подключение скриптов
    • 35. Боковое меню. Реализация
    • 36. Слайдер. Верстка
    • 37. Слайдер. Реализация
    • 38. Фильтр. Селектор
    • 39. Фильтр. Сортировка 

  • 9. Деплой

    • 40. Деплой. GitHub Pages
    • 41. Отображение на мобильных

  • 10. Домашнее задание

    42. Домашнее задание. Что нужно сделать

Чему научат на курсе
—
Вёрстка сайтов с помощью Flexbox, SVG, BEM
—
Инструменты разработчика — VSCode, Emmet, live-server
—
Базовый JavaScript — реализация фильтра, меню, слайдшоу
—
Размещать сайт на хостинг. Деплой на Github Pages
О школе
Loftschool
рейтинг 4.8
28 отзывов
15 курсов
Loftschool

Loftschool — школа онлайн-образования, которая предлагает обучение в сфере IT и интернет-маркетинга. Учиться можно в рамках курса, направленного на одну специальность, или в рамках профессии: комплексное обучение, состоящее из нескольких курсов.

Преподаватели и наставники — действующие IT-специалисты из таких компаний, как Avito, Mojang (Minecraft) и др.

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.