логотип PurpleSchool
Иконка входа
Вход
  • Обучение
  • Войти
логотип PurpleSchool
FrontendMobile

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

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

Рейтинг
иконка звездочки рейтинга4.9
Обновлено 19 февраля 2024 г.
изоражение курса
кнопка запустить видеоО курсе
Цена от:2 999 ₽5 000 ₽
При покупке до 20.05.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 ₽
Иконка календаряПри покупке до 20 мая 2024
Модули курса

План курса

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

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

Проекты

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

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

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

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

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

Приложение для планирования встреч

Вместе с командой мы разрабатываем приложение для удобного планирования и назначения встреч.
О нас

Нам доверяют

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

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

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

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

Тарифы

Иконка курсаГарантия возврата - 30 дней
Иконка курсаСкидки до 20.05.2024
Иконка курсаДоступ - Неограниченно
Начните учиться бесплатно!Бесплатный тариф для старта в обучении

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

Цена:2 999 ₽5 000 ₽

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

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

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

Цена:8 990 ₽16 000 ₽
Рассрочка:4 495 ₽/мес

Всё из тарифа «Без наставника», а также:

  • Поддержка наставника на 2 месяца
  • Домашние задания
  • Код ревью домашних заданий
  • Консультация 1 на 1 с наставником
  • Персональная карта развития

С командным проектом

Цена:15 999 ₽25 000 ₽
Рассрочка:5 333 ₽/мес

Всё из тарифа «С наставником», а также::

  • Работа в команде над реальном проектом
  • Полноценный опыт работы
  • Практические проекты
  • Практика Agile
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

    Несколько опытных наставников будут проводить код ревью и помогать с задачами

  • Командная работа

    Вы научитесь синхронизироваться с командой и совместно реализовывать сложные фичи

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  • 1

    Планируем спринт

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

  • 2

    Синхронизируемся

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

  • 3

    Выполняем задачи

    Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

  • 4

    Проводим ретроспективу

    В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

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

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

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

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

Основатель PurpleSchool

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

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

Алексей Черепанов

Руководитель отдела разработки

В IT сфере более 10 лет. Основной стек MySQL, JavaScript, NodeJS, Express.js. Около 5 лет занимаюсь системными интеграциями, внедрением и развитием веб-сервисов, автоматизацией процессов. Люблю задачи, которые заставляют развиваться и хорошенько подумать, после решения которых приходит эйфория.

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

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

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

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

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

Денис Уткин

Senior Frontend Engineer at IBS

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

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

Сергей Краснолобов

Фронтенд инженер в Авито

В разработке около 5 лет. Полностью самоучка, основные знания получил из разного рода книг, статей и документации. Считаю, что главные качества хорошего разработчика - это упорство и трудолюбие! В своем подходе к обучению ребят я стараюсь дать возможность найти ответы самому, изредка слегка направляя куда копать

Работа с наставником

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

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

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

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

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

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

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

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

Frontend

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

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

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

Mobile

изображение курса Основы JavaScript
Основы JavaScriptПодробнее
изображение курса HTML и CSSТекущий курс
HTML и CSS
изображение курса Продвинутый JavaScript
Продвинутый JavaScriptПодробнее
изображение курса TypeScript с нуля
TypeScript с нуляПодробнее
изображение курса React и Redux
React и ReduxПодробнее
изображение курса React Native и Expo Router
React Native и Expo RouterПодробнее
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 20 мая 2024
Что говорят наши ученики

Отзывы

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

Для студентов

Собственная платформа

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

Картинка платформы
Иконка пункта Тесная работа с наставником и интеграция с GitHubТесная работа с наставником и интеграция с GitHub
Стрелка
Иконка пункта Удобный просмотр лекций с любого устройстваУдобный просмотр лекций с любого устройства
Стрелка
Иконка пункта Система тестов для закрепления знанийСистема тестов для закрепления знаний
Стрелка
Иконка пункта Подсветка синтаксиса в комментариях и домашних заданияхПодсветка синтаксиса в комментариях и домашних заданиях
Стрелка
Иконка пункта Удобные конспекты к каждой лекцииУдобные конспекты к каждой лекции
Стрелка
Иконка пункта Дополнительный материал и полезные ссылкиДополнительный материал и полезные ссылки
Стрелка
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 20 мая 2024
Курсы с наставником и без

Для компаний

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

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

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

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

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