логотип PurpleSchool
Frontend

HTML и CSS - полный курс по вёрстке с нуля

Изучите все особенности HTML5 и CSS3, чтобы создавать современные адаптивные сайты на flexbox и CSS Grid

Рейтинг
иконка зведочки рейтинга4.9
Обновлено 19 февраля 2024 г.
изоражение курса
кнопка запустить видеоО курсе
Цена от:2 999 ₽5 000 ₽
При покупке до 05.03.2024
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

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

После прохождения курса вы сможете:
Верстать адаптивные сайты на HTML и CSS
Знать сематическую вёрстку и особенности HTML5
Проверять доступность и работать со Screen Reader
Верстать формы и таблицы
Работать с Figma макетами
Понимать каскад и специфичность стилей
Понимать работу потока документа и блочную модель
Создавать анимацию
Работать с различными layout
Верстать на CSS Flexbox
Верстать на CSS Grid
Custom property и расчёты в CSS

Минимальные требования: Не требуются ни какие знания по программированию

19часовкоротких лекций по 10 - 15 минут
15 упражненийдля закрепления на практике
19 тестовдля проверки знаний

Технологии

HTMLCSSБЭМHTML5FigmaFlexboxCSS GridSMACSSCustom Properties

О курсе

Что в курсе?

В этом курсе мы изучим всё об HTML и CSS и сверстаем несколько посадочных страниц и отдельных компонент сайта. Он подойдёт тем, кто только хочет погрузиться в веб разработку и создавать свои сайты или полноценные приложения. HTML и CSS является базой перед переходом к JavaScript и фреймворкам типа React, Angular или Vue, поэтому от вас не потребуется вообще никаких знаний.

Так же он подойдёт тем, кто уже пишет веб приложения, но хочет структурировать свои знания по вёрстке и почерпнуть техники работы с flex и grid. Все эти знания мы применим на вёрстке реальной страницы сайта PurpleSchool, сравнивая различные подходы к вёрстке.

Лекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы HTML и CSS. В конце каждого модуля вас ожидает тест. Этот курс направлен на практику, потому в курсе сделан упор на большое число упражнений, которые позволит закрепить знания.

certificate
Ваш сертификат по окончанию курса
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 05 марта 2024
Модули курса

План курса

Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.

кнопка запустить видеоПример лекции
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 05 марта 2024
Что будем писать?

Проекты

С наставником

Сайт учёта финансов

Мы выполним вёрстку большой посадочной страницы сервиса учёта финансов для организаций и адаптируем под мобильные устройства.
Без наставника

Каталог курсов

Мы сверстаем каталог курсов по аналогии с сайтом школы, а так же поработаем с формами, сделав форму контактов.
Работа с наставником

Что даёт работа с наставником?

В рамках работы на тарифе с наставником вы сможете не только получить поддержку при прохождении курса, но и ценную обратную связь в рамках код ревью и пройти mini-собеседование. Наши процессы сделаны так, чтобы отразить реальный рабочий процесс в компании.

  • Live поддержка
    Вы будете вживую общаться с ведущими разработчиками из крупных компаний.
  • Код ревью
    Разбор каждой строчки вашего кода и детальная обратная связь, которая позволяет учиться быстрее.
  • Домашние задания
    Для закрепления материалов на практике под руководством наставника.
  • Практические собеседования
    После каждого курса, для подготовки к реальным собеседованиям и проверки знаний.
  • Персональная карта развития
    Вы получаете не просто обратную связь от наставника, а полноценную карту развития, где будут отражены ваши сильные и слабые стороны.
Команда курса

Автор и наставники

фото команды
Автор курса

Антон Ларичев

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 13 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

фото команды
Наставник

Островский Константин

Senior Frontend Developer в Lectera

Разработкой занимаюсь больше 6 лет. Прошёл тернистый путь от работы экономистом на заводе до ведущего разработчика. Основной стек: TypeScript, React, Next.js. Принимал участие в разработке дизайн-системы, люблю семантическую вёрстку и высокие показатели в Lighthouse.

фото команды
Наставник

Левитин Никита

Старший Frontend разработчик Билайн

Занимаюсь разработкой больше 5 лет. Начинал с продавца в магазине одежды, смотря на перерыве уроки по фронтенду. Основной стек React, Vue, TypeScript. Разрабатываю дизайн-системы и микрофронты. Люблю сложные задачи после которых сложно сдержать крик радости.

фото команды
Наставник

Денис Уткин

Senior Frontend Engineer at IBS

Знаю как технологии работают под капотом. Люблю чистый строго типизированный код и функциональное программирование. В свободное время изучаю искусственный интеллект. Стек: React, Typescript и все что с ним связано

Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 05 марта 2024
О нас

Нам доверяют

Основатель и автор курсов Антон Ларичев занимается разработкой уже более 13 лет и прошёл путь от разработчика до CTO. В курсах даются актуальные материалы без воды с опытом реальных проектов и практическим закреплением материала.

15 000клиентов по всему миру
30 днейгарантия возврата денег
90%рекомендуют курсы

Рейтинги на независимых платформах

4.8
Логотип Kusly
рейтингрейтингрейтингрейтингрейтинг
4.8
лого степик
рейтингрейтингрейтингрейтингрейтинг
4.7
лого udemy
рейтингрейтингрейтингрейтингрейтинг
Под ваши потребности

Тарифы

Первый модуль

Бесплатно

Check Circle IconБесплатный тариф с доступом к первому модулю

Без наставника

Цена: 2 999 ₽5 000 ₽
При покупке до 05.03.2024
Доступ к материалам не ограничен

Курс включает:

19 часов видео лекций
19 тестовых заданий
15 упражнений
Сертификат об окончании
Оплата по всему миру

С наставником

Цена: 8 990 ₽16 000 ₽
Рассрочка: 4 495 ₽/мес
При покупке до 05.03.2024
Длительность курса: 2 месяца

То же что в тарифе «Без наставника», а так же:

Домашние задания для закрепления материала
Код ревью домашних заданий от наставника
Персональный наставник
Чат с наставником
Консультация 1 на 1 с наставником
Персональная карта развития
Что говорят наши ученики

Отзывы

Отзывы не модерируются и не редактируются. Отзыв можно оставить поле прохождения половины курса.

Карта развития

Направления с нуля

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

Изучи направление Фронтенд разработчик

Благодаря направлению вы сможете последовательно изучить все аспекты frontend разработки под руководством опытного наставника, добавить множество проектов в портфолио и получить практический опыт разработки.

10
10 месяцевдлительность направления
8
8 проектовдля портфолио
1 на 1
занятияс наставником

Frontend

изображение курса Основы JavaScript
Основы JavaScriptПодробнее
изображение курса HTML и CSSТекущий курс
HTML и CSS
изображение курса Продвинутый JavaScript
Продвинутый JavaScriptПодробнее
изображение курса TypeScript с нуля
TypeScript с нуляПодробнее
изображение курса React и Redux
React и ReduxПодробнее
изображение курса React + Next.js - с нуля
React + Next.js - с нуляПодробнее
Курсы с наставником и без

Для компаний

Все курсы доступны для приобретения для сотрудиков компаний по безналичному расчёту. Процесс получения доступа очень простой, нужен только ваш ИНН и число сотрудников.

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Для разработчиков

Собственная система обучения

Мы создали для наших студентов собственную электронную систему обучения, которая позволит эффективно следить за прогрессом и выполнять тесты и домашние задания.

Удобный просмотр лекций с любого устройства
Тесная работа с наставником и интеграция с GitHub
Подсветка синтаксиса в комментариях и домашних заданиях
Система тестов для закрепления знаний
Скоро

Мобильное приложение для iOS и Android

Macbook image
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 05 марта 2024
Остались вопросы?

Частые вопросы

Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.

Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 05 марта 2024