37 бесплатных онлайн-курсов по HTML и CSS

Для начинающих с нуля в 2021 году. До уровня PRO.

1. «Основы HTML и CSS» от «Нетологии»

Длительность: 2 недели (5 занятий).

Подтверждение прохождения: сертификат «Нетологии».

Формат обучения: вебинары с экспертами + выполнение домашних практических заданий.

Программа:

  • Разметка текстов, теги и атрибуты.
  • Таблицы, списки.
  • Селекторы и их свойства.
  • Текстовые блоки в CSS.
  • Клиент-серверное взаимодействие.

Чему можно научиться:

  • Внесению простых правок в HTML-код.
  • Вёрстке текстовых блоков в CSS.
  • Добавлению стилей элементам сайта.
  • Подготовке контента к окончательной публикации.

Преподаватели:

Владимир Чебукин — фронтенд-разработчик в «TEKO».

Семён Бойко — фронтенд-разработчик в «AbventorБиография».

С лекторами можно пообщаться после занятия или в любое время в закрытом Telegram-чате.

2. «Веб-разработка. Быстрый старт» от GeekBrains

Длительность: 13 уроков.

Подтверждение прохождения: сертификат GeekBrains.

Формат обучения: видеокурс.

Программа:

  • 1 блок — установка веб-сервера, объяснение его назначения.
  • 2 блок — изучение основ HTML, CSS и шаблонов на примере интернет-магазина.
  • 3 блок — получение базовых знаний по PHP.
  • 4 блок — подробнее о хранении данных.
  • 5 блок — освоение массивов и циклов.
  • 6 блок — размещение сайта в Интернете.

Чему можно научиться: весь курс строится на общем изучении задач и особенностей веб-разработки, но также он включает блоки, позволяющие освоить:

  • Базовые навыки работы с HTML, CSS, PHP, массивы и циклы.
  • Работу с сервером Apache.
  • Разработку интернет-магазинов и других простых сайтов, по шаблонам и без них.
  • Как размещать проекты в Интернете.

🏆 На правах рекламы. «Профессия Frontend-разработчик» от SkillFactory [гарантированная помощь в трудоустройстве]

Длительность: 7 месяцев = 10 часов в неделю.

Документ об окончании: сертификат.

Формат: интерактивные вебинары + пошаговые уроки + работа в тренажёрах + домашние задания с проверкой + общение с другими участниками курса в закрытом чате + работа с личным наставником.

Особенности:

  • Гарантированная помощь в трудоустройстве
  • Готовое портфолио из 5 проектов по окончании обучения
  • Преподаватели-практики — сотрудники EPAM Systems и Radario
  • Выпускники SkillFactory работают в Nvidia, Skyeng, Cisco, Yoomoney, «СберБанке», «Билайне», «Альфа-Банке»
  • Можно оплачивать обучение в рассрочку на 6 или 12 месяцев
  • Бесплатная консультация для желающих начать обучение

3. «Курс HTML/CSS» от BeONmax

Длительность: ~5 часов.

Подтверждение прохождения: сертификат BeONmax.

Формат обучения: видеокурс.

Программа:

  1. Введение в основы.
  2. Установка редактора кода.
  3. Базовые HTML-теги и CSS-стили.
  4. Разработка сайта пошагово (постранично).

Курс условно бесплатный, так как платить не нужно только за вводные уроки.

Чему можно научиться:

  • Основам вёрстки на HTML и CSS, их практическому применению на примере сайта о кино.
  • Работать с кодом в SublimeText.
  • Размещать блоки и сетки.
  • Верстать сайты под мобильные устройства.

Предлагается множество полезных инструментов, которые пригодятся начинающему frontend-разработчику.

Преподаватели:

Сергей Никонов — веб-разработчик с опытом работы более 12 лет.

4. «HTML5 для начинающих» от itProger

Длительность: 18 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение в HTML.
  2. Отображение файла index.html в браузере.
  3. Изучение кода на примере готового проекта.
  4. Метаданные.
  5. Текстовые теги.
  6. Теги списков.
  7. Атрибуты тегов.
  8. Ссылки в HTML.
  9. Вставка и обработка изображений.
  10. Таблицы.
  11. Подключение файлов.
  12. Функции div и span.
  13. Формы и поля для ввода.
  14. Кнопки.
  15. Секторы выбора.
  16. Особенности HTML5.
  17. Браузерная оптимизация.
  18. Заключение.

Чему можно научиться: видеокурс позволяет изучить все базовые HTML теги и как применять их на практике, поэтому к концу курса каждый обучающийся сможет построить простейший веб-сайт и продолжить углубляться в HTML и другие языки.

5. «Изучение CSS для новичков» от itProger

Длительность: 10 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение в CSS.
  2. Подключение стилей, их форматы.
  3. Селекторы.
  4. Псевдоклассы, псевдоэлементы.
  5. Работа с фоновыми изображениями.
  6. Стили текстов.
  7. Стили блоков.
  8. Позиционирование блоков.
  9. Обработка списков.
  10. Заключение.

Чему можно научиться: курс позволяет узнать основы CSS, базовые стили, грамотную работу с селекторами. Итог курса — возможность комбинировать HTML и CSS внутри простых и маленьких проектов, получение базы для углублённого изучения этих языков и создания более сложных сайтов.

6. «Основы HTML и CSS с нуля» от Udemy

Длительность: 38 лекций общей продолжительностью ~7,5 часов.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • 5 лекций по основам HTML.
  • 9 лекций базового CSS.
  • 6 лекций по простой вёрстке.
  • 5 лекций по вёрстке проекта MailGenius.
  • 13 лекций с базой CSS Grid.

Чему можно научиться: курс позволяет узнать больше о профессии frontend-разработчика, познакомиться с синтаксисами и инструментами HTML и CSS, изучить Flexbox и другие инструменты. Также можно научиться вёрстке простых веб-страниц, использовать шаблоны и макеты, познакомиться с основами CSS Grid.

Преподаватели:

Мещеряков Денис — frontend-разработчик с опытом работы более 8 лет и опытом преподавания более 6 лет.

7. «Изучение CSS для новичков» от itProger

Длительность: 4 урока.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Создание адаптивного сайта.
  2. Вёрстка веб-сайта.
  3. Использование базовых стилей.
  4. Создание адаптивности.

Чему можно научиться: курс помогает научиться адаптировать веб-страницы под разные устройства и разрешения дисплеев. Делается акцент на прописывание CSS стилей под меняющуюся ширину экрана, то есть они будут одновременно подходить и под смартфоны, и под ПК. Рассматривается принцип описания нескольких разных версий сайта в одном файле со стилями.

8. «Основы веб-разработки. HTML и CSS» от Udemy

Длительность: 3,5 часа.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение — 4 лекции, 4 мин.
  2. HTML — 12 лекций, 1,5 часа.
  3. CSS — 15 лекций, 2 часа.
  4. Бонусная лекция, заключение — 1 мин.

Чему можно научиться: курс подойдёт для начинающих веб-разработчиков, желающих получить азы HTML и CSS. В итоге каждый сможет заполнять веб-страницу HTML элементами стилизовать их инструментами CSS.

Преподаватели:

Юрий Аллахвердов — Master of Computer Applications (M.C.A.), веб-разработчик со стажем более 15 лет.

9. «Вёрстка сайта» от itProger

Длительность: 10 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Вводный урок.
  2. Обзор полезных инструментов.
  3. Шапка и футтер сайта (2 части).
  4. Фиксированное меню.
  5. Основной контент.
  6. Виджеты.
  7. Создание новой страницы.
  8. Форма обратной связи через PHP, Ajax, jQuery.
  9. Страницы с ошибками.

+ Короткое заключение.

Чему можно научиться: на курсе рассматривается вёрстка сайта, то, как наполнять его информацией и адаптировать под разные устройства. Внимание уделяется шаблонам, базовым инструментам HTML, CSS, JS и jQuery, чтобы уметь собрать простую веб-страницу. Серверы и базы данных не рассматриваются.

10. «Основы HTML и CSS» от Coursera

Длительность: 5 недель.

Подтверждение прохождения: сертификат Coursera.

Формат обучения: видеокурс + текстовые материалы + тесты.

Программа:

  • 1 неделя — Введение в HTML – 3 часа.
  • 2 неделя — Введение в HTML (часть 2) — 4 часа.
  • 3 неделя — Введение в CSS — 3 часа.
  • 4 неделя — Шрифты и текст — 3 часа.
  • 5 неделя — Анимации в CSS — 3 часа.

Чему можно научиться: курс позволит освоить простейшие навыки в вёрстке, работе со шрифтами и текстом, создавать несложные веб-страницы с анимацией и без.

Преподаватели:

Мохов Олег, Артём Кувалдин и Олег Семичёв — разработчики интерфейсов из Яндекса.

11. Тренажёр «Знакомство с HTML и CSS» от HTML Academy

Длительность: 5 частей.

Подтверждение прохождения: нет.

Формат обучения: текстовые материалы + 83 задания + 5 испытаний.

Программа:

  • Часть 1 — Структура HTML-документа — 17 заданий, 35 минут теории, 30 минут практики.
  • Часть 2 — Разметка текста — 20 заданий, 40 минут теории, 50 минут практики.
  • Часть 3 — Ссылки и изображения — 16 заданий, по 30 минут теории и практики.
  • Часть 4 — Основы CSS — 16 заданий, 35 минут теории, 40 минут практики.
  • Часть 5 — Оформление текста — 19 заданий, 40 минут теории, 30 минут практики.

+ дополнительные материалы о подключении тем оформления, работе с GitHub Pages и т. д.

Чему можно научиться: на примере простого сайта можно изучить базовые механизмы стилизации и сематическую разметку, задающиеся основными инструментами HTML и CSS. Это вводный курс в эти языки.

12. Тренажёр «Знакомство с веб-разработкой» от HTML Academy

Длительность: 3 части.

Подтверждение прохождения: нет.

Формат обучения: текстовые материалы + 43 задания.

Программа:

  • Часть 1 — Основы HTML и CSS — 12 заданий, 30 минут теории, 20 минут практики.
  • Часть 2 — Основы JavaScript — 16 заданий, 35 минут теории, 40 минут практики.
  • Часть 3 — Основы PHP — 15 заданий, 25 минут теории, 40 минут практики.

+ дополнительные задания о сборке сайта-визитки, запуске сайта с PHP, выборе домена и публикации сайта.

Чему можно научиться: на практике изучаются базовые технологии веб-разработки — разметка страницы, оформление стилями. Происходит знакомство с базовыми возможностями PHP, JavaScript, скриптами. Рассматривается, как опубликовать сайт в Интернете.

13. «Основы CSS» от Loftblog

Длительность: 7 уроков (1 час 8 минут).

Подтверждение прохождения: нет.

Формат обучения: видеокурс + текстовые материалы.

Программа:

  1. Подключение CSS.
  2. Селекторы CSS.
  3. Центрирование блочных элементов CSS.
  4. Свойства CSS float и clear.
  5. Каскадность в CSS.
  6. Применение шрифтов в CSS.
  7. Единицы измерения и цветовые модели в CSS.

Чему можно научиться: курс позволяет освоить основы CSS, узнать больше о селекторах, блоках объявлений, подключении стилей. Есть опора на базовые знания HTML, так что их нужно изучить до прохождения этой программы.

14. «Курс HTML для начинающих» от Артёма Ивашкевича на платформе WebShake

Длительность: 5 частей.

Подтверждение прохождения: сертификат WebShake.

Формат обучения: текстовый курс + видео + домашние задания.

Программа:

  • Часть 1 — Введение и основы HTML — создание первой HTML страницы и базовые теги.
  • Часть 2 — Служебные теги.
  • Часть 3 — Оформление контента — ссылки, таблицы и формы в HTML, основы CSS.
  • Часть 4 — Создание сайта и его размещение в интернете.
  • Часть 5 — Подведение итогов.

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

Чему можно научиться: с помощью курса можно научиться грамотно составлять HTML-страницы и публиковать их в Интернете, все изучаемые инструменты нужны для базового понимания языка, чтобы потом можно было углубиться в изучение.

Преподаватели:

Артём Ивашкевич — backend-разработчик в Яндексе, более 10 лет в программировании.

15. «Курс HTML и CSS — вёрстка сайтов для начинающих» от School-PHP

Длительность: 20 часов.

Подтверждение прохождения: нет.

Формат обучения: видеокурс + текстовые уроки + домашние задания + тесты.

Программа:

  1. Веб-разработка изнутри. Введение.
  2. Установка необходимых программ.
  3. Теги, атрибуты и свойства в HTML.
  4. Структура страницы с точки зрения HTML.
  5. Навигация и ссылки.
  6. Графика в HTML и CSS.
  7. Блочная вёрстка сайтов.
  8. Таблицы, слои, позиционирование.
  9. Типы вёрстки: табличная, блочная, адаптивная.
  10. Первичные навыки Photoshop, нарезка картинок.
  11. Работа с шаблонами Photoshop.

Чему можно научиться: курс позволяет получить базовый набор навыков для создания простого, качественного сайта, подходит как начинающим, так и верстальщикам с опытом. Помимо основных инструментов HTML и CSS есть поверхностное изучение Adobe Photoshop для умения правильной обработки изображений. По итогу будет целый макет, на основе которого можно сделать сайт из нескольких страниц.

16. «Learn HTML» от Codecademy (курс на английском языке)

Длительность: 9 часов.

Подтверждение прохождения: сертификат, только в PRO версии.

Формат обучения: текстовые материалы + практические задания.

Программа:

  1. Элементы и структура — 30 уроков.
  2. Основной синтаксис таблиц HTML — 13 уроков.
  3. Формы в HTML5 — 20 уроков.
  4. Семантические HTML-теги — 9 уроков.

Чему можно научиться: курс предлагает изучить принципы структурирования HTML-страниц, все основные теги и базовые атрибуты, а также то, как создавать таблицы и правильно демонстрировать табличные данные на сайте.

17. «БЕСПЛАТНЫЙ курс по вёрстке сайтов (Front End). Уроки HTML CSS JS» от Жени Андриканича (канал «Фрилансер по жизни»)

Длительность: 43 урока.

Подтверждение прохождения: нет.

Формат обучения: видеоуроки.

Программа:

  • HTML — 5 уроков.
  • CSS — 15 уроков.
  • Препроцессор SASS/SCSS — 1 урок.
  • Методология БЭМ — 1 урок.
  • Flexbox — 4 урока.
  • Адаптивная вёрстка — 1 урок.
  • CSS Grid Layout — 4 урока.
  • JavaScript — 12 уроков.

Чему можно научиться: курс будет полезен для начинающих и опытных верстальщиков, так как включает в себя элементы продвинутого кодинга (в части CSS и JavaScript), а начинает с азов.

Преподаватели:

Женя Андриканич — IT-специалист, разработчик сайтов.

18. «Курс HTML & CSS» от Андрея Андриевского

Длительность: 24 урока.

Подтверждение прохождения: нет.

Формат обучения: видеоуроки.

Программа:

  • Введение в HTML и CSS, исходный код и домашние задания — 1 урок.
  • HTML — 5 уроков.
  • CSS — 17 уроков.
  • Полное руководство по Flexbox — 1 урок.

Чему можно научиться: курс позволяет узнать необходимый минимум инструментов HTML5 и CCS3, чтобы создать качественную, полноценную (не простейшую) веб-страницу.

Преподаватели:

Андрей Андриевский — front-end разработчик.

19. «CSS уроки. Полный курс (2019) Light» от Victor Stork

Длительность: 49 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеоуроки.

Программа:

  • CSS — 47 уроков.
  • CSS Grid — 1 урок.
  • Основы Flexbox — 1 урок.

Также есть дополнительно 51 урок по реализации оформлений сайта средней и высокой сложности.

Чему можно научиться: курс будет полезен и тем, кто не имеет представления о CSS, и опытным верстальщикам, так как рассматриваются и основы, и продвинутые инструменты CSS уровня выше новичка.

Преподаватели:

Виктор Сторк — веб-программист.

20. «Уроки HTML/CSS для начинающих» от Олега Шпагина

Длительность: 66 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: все 66 уроков параллельно рассказывают об инструментах HTML5 и сочетаемых с ними инструментами CSS3. Дополнительно есть короткие уроки по установке необходимого ПО, редакторов и плагинов.

Чему можно научиться: благодаря курсу можно создавать сайты и наполнять их контентом с помощью HTML5 и стилей CSS3. Комбинированное изучение позволяет быстрее вникнуть в веб-разработку и начать сразу создавать простые веб-страницы, которые будут усложняться с прохождением курса.

Преподаватели:

Олег Шпагин — веб-разработчик с опытом более 15 лет, основатель онлайн-школы программирования Wiseplat.

21. «HTML5 уроки. Полный курс (2019) Light» от Victor Stork

Длительность: 15 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • 15 уроков по HTML.
  • 1 урок английского для HTML.
  • 2 урока по обработке изображений для вставки на страницу.

Чему можно научиться: курс предлагает простейшую базу HTML5, позволяющую собрать несложную веб-страницу с правильной структурой, изображениями, музыкой, видео, кнопками.

Преподаватели:

Виктор Сторк — веб-программист.

22. «Front-End разработка | Курсы по HTML, CSS, JavaScript» от Brainoteka Light

Длительность: 12 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение.
  2. Создание шаблона.
  3. Структура страницы.
  4. Создание первичной веб-страницы.
  5. Создание списков.
  6. Добавление ссылок.
  7. Добавление изображений.
  8. Таблицы.
  9. Форматирование текстов.
  10. Формы.
  11. Валидация разметки.
  12. Заключение.

Чему можно научиться: благодаря курсу можно получить базовое представление о вёрстке сайтов, а также сверстать простейшую HTML страницу.

23. «Основы CSS/CSS3» от Sorax

Длительность: 23 урока.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение.
  2. Основные понятия CSS.
  3. Селекторы.
  4. Позиционирование элементов.
  5. Текст.
  6. Цвет.
  7. Рамки.
  8. Закруглённые углы.
  9. Треугольники.
  10. Фоны и множественные фоны.
  11. Спрайты.
  12. Плавающие элементы.
  13. Списки.
  14. Тени.
  15. Плавные переходы.
  16. Градиенты.
  17. Трансформации.
  18. Трёхмерные кубы.
  19. Анимации.
  20. @font-face.
  21. Медиазапросы.
  22. Вёрстка сайта.
  23. Многоколоночный текст.

Чему можно научиться: на курсе можно изучить все базовые элементы CSS, а также получить представление о продвинутой стилизации веб-страниц.

24. «Курс Веб-разработчик 10.0» от Glo Academy

Длительность: 47 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • Вводный урок, установка необходимых программ.
  • Основной курс — 31 урок.
  • Практические задания — 14 частей.

Чему можно научиться: курс предлагает узнать основы HTML и CSS, как использовать препроцессор LESS, Bootstrap, GitHub. Подробно рассказывается про добавление анимации, аудио и видео, форм отзывов и комментариев, всплывающих окон, геокарт и других элементов, которые часто встречаются на современных сайтах. Некоторые уроки рассказывают об установке подходящего ПО, движках для сайтов, организации рабочего пространства, портфолио, а также работе с заказчиками и их поиске.

Преподаватели:

Артём Исламов — веб-разработчик.

25. «HTML курс» от Евгения Попова

Длительность: 33 урока.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: 33 урока, начинающихся с понятия «тега», рассказывающие о добавлении изображений, ссылок, таблиц, чекбоксов, радиокнопок, а также о локальных серверах и валидации документа.

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

Преподаватели:

Евгений Попов — веб-разработчик, IT-бизнесмен.

26. «CSS курс» от Евгения Попова

Длительность: 45 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • 1 урок — Установка софта.
  • 1 урок — Базовые принципы CSS.
  • 43 урока — Основы CSS — селекторы, шрифты, декор и выравнивание, каскадность, блоки, формы и таблицы, наследуемость и не наследуемость свойств и т. д.

Чему можно научиться: этот курс предлагает изучить всю необходимую базу CSS, которая позволит подключать к сайтам оформление низкой и средней сложности.

Преподаватели:

Евгений Попов — веб-разработчик, IT-бизнесмен.

27. «HTML/CSS для начинающих с нуля» от FructCode

Длительность: 7 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Установка редактора кода Sublime Text.
  2. Базовые теги h1, strong и т. д.
  3. Структура сайтов.
  4. Этапы создания сайта.
  5. CSS-стили в отдельном файле.
  6. Оформление верхней части сайта.
  7. Подключение шрифтов.

Чему можно научиться: курс позволяет изучить самые азы веб-вёрстки, структуру сайта и то, как сохранить её с помощью простейших HTML-элементов и CSS стилей.

28. «Уроки HTML/CSS» от ShleiF School

Длительность: 21 урок.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: 21 видео с параллельным изучением основных тегов HTML и стилей CSS. Изучается структура веб-страницы, таблицы, подключение стилей и их использование.

Чему можно научиться: курс позволяет освоить всю необходимую базу HTML и CSS для того, чтобы изучать продвинутые инструменты, а также особое внимание уделяет изучению работы с Bootstrap и простейшим возможностям PHP.

29. «HTML & CSS — вёрстка сайтов для начинающих» от Александра Паукова

Длительность: 67 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: параллельное изучение HTML и CSS, поделённое на 6 больших блоков, в каждом по 10 видео с дополнениями.

Чему можно научиться: курс предлагает всю базовую информацию об HTML и CSS, после прохождения можно сверстать сайт малой и средней сложности.

Преподаватели:

Александр Пауков — веб-программист.

30. «Создание сайтов с нуля для новичков. Курс с нуля HTML5» от IT-PLANET

Длительность: 38 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • 10 уроков, дающих простейшую базу по HTML.
  • 18 уроков об обязательных для изучения тегах, позволяющих добавлять изображения, аудио, видео и другие важные элементы.

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

31. «Курс HTML и CSS – Как создать ваш первый сайт» от WebUPBlog

Длительность: 22 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: 22 урока, поэтапно объясняющих, как собирается любая веб-страница, какие элементы в неё входят и как их оформить с помощью тегов и стилей. Наибольшее внимание уделяется структуре веб-страниц — подробно рассматриваются шапка, подвал, сайдбары и основной блок информации.

Чему можно научиться: преподавание основ HTML и CSS происходит в процессе создания сайта, поэтому можно не только узнать основы этих языков, но и понять универсальную базовую технологию сборки веб-страниц, согласно которой собирается любой сайт.

Преподаватели:

Слава Шевченко — веб-разработчик со стажем более 10 лет.

32. «Практические уроки по CSS и CSS3» от Дениса Горелова

Длительность: 30 видео.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа: все 30 видео рассказывают о различных инструментах CSS для работы с анимацией, есть уроки про адаптацию страниц и формы.

Чему можно научиться: на реальных примерах демонстрируется базовый CSS, от простейшей вёрстки до продвинутых элементов, особое внимание уделяется добавлению анимации, немного говорится о Java Script.

Преподаватели:

Денис Горелов — веб-разработчик.

33. «Курс CSS обучение. Создание сайтов для новичков» от IT-PLANET

Длительность: 51 урок.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • Введение — 1 урок.
  • Brackets и плагины — 3 урока.
  • Подключение CSS к HTML — 7 уроков.
  • Свойства CSS — 18 уроков.
  • Селекторы — 8 уроков.
  • Блочная вёрстка — 7 уроков.
  • Позиционирование — 4 урока.
  • Выгрузка сайта в интернет — 3 урока.

Чему можно научиться: курс обучает всем инструментам CSS, которые нужны для уверенного пользования этим языком начинающим верстальщикам. Есть несколько вводных элементов для продвинутого CSS.

34. «HTML CSS уроки. Live coding» от EDUCAT.courses

Длительность: 47 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • Работа с изображениями — 1 урок.
  • Аудио и видео — 3 урока.
  • Стили — 6 уроков.
  • Таблица стилей — 2 урока.
  • Псевдоклассы — 3 урока.
  • Блочная модель — 3 урока.
  • Тесты, шрифты, списки — 6 уроков.
  • Таблицы — 2 урока.
  • Тени, фоны, цвета — 4 урока.
  • Позиционирование — 2 урока.
  • Flex-контейнеры — 2 урока.
  • Сетки и Grid – 3 урока.
  • CSS в сочетании с простым JS — 4 урока.
  • Анимации — 2 урока.
  • Медиазапросы — 2 урока.
  • Практический вебинар «FullStack разработчик» — 2 урока.

Чему можно научиться: курс предоставляет основные навыки использования HTML и CSS для создания веб-страниц с изображениями, анимациями, музыкой и видео и другими элементами средней сложности. Небольшое внимание уделяется JavaScript.

35. «HTML5 уроки для начинающих» от #SimpleCode

Длительность: 12 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Установка и настройка Brackets.
  2. Парные и непарные теги.
  3. Структура HTML документа, атрибуты тегов.
  4. Тег <meta>.
  5. Форматирование текста.
  6. Маркированный список.
  7. Определения в HTML.
  8. Вставка изображений.
  9. Добавить ссылки.
  10. Таблицы.
  11. Добавление аудиоплеера.
  12. Добавление видеоплеера.

Чему можно научиться: курс позволяет изучить самые необходимые элементы HTML, которые нужно знать начинающему верстальщику без опыта.

36. «HTML + CSS» от Selfedu

Длительность: 11 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  1. Введение. Что такое Интернет и сайты.
  2. Инструменты и структура документа.
  3. Основные теги HTML.
  4. Ссылки, теги div и span.
  5. Таблицы.
  6. Фреймы.
  7. GET и POST запросы.
  8. Поле ввода, кнопки, списки.
  9. Каскадные таблицы.
  10. CSS теория.
  11. Создание простого макета HTML страницы.

Чему можно научиться: курс обучает самым простейшим основам HTML и связанным с ними CSS инструментами.

37. «Уроки HTML» от ITDoctor

Длительность: 55 уроков.

Подтверждение прохождения: нет.

Формат обучения: видеокурс.

Программа:

  • Введение в HTML — 1 урок.
  • Обязательные теги HTML страницы — 1 урок.
  • Заголовок, служебные теги — 2 урока.
  • Подключение стилей CSS — 2 урока.
  • Основные части HTML страницы — 3 урока.
  • Подключение аудио, видео, изображений и карт — 6 уроков.
  • Апплеты Java — 1 урок.
  • Списки — 3 урока.
  • Меню и гипертекстовые ссылки — 2 урока.
  • Таблицы — 4 урока.
  • Работа с текстом — от использования «рыбы» до вставки кода, базовое форматирование — 12 уроков.
  • Слои и блоки — 5 уроков.
  • Формы — 5 уроков.
  • Специальные атрибуты, сокращения, символы — 6 уроков.
  • Введение в простейший JavaScript — 1 урок.
  • Адаптивность — 1 урок.

Дополнительно есть сжатый курс — вся простейшая база HTML за полчаса.

Чему можно научиться: этот курс позволяет изучить все необходимые инструменты HTML для уверенного начинающего разработчика, который по итогу сможет собрать простой, качественный сайт.

Преподаватели:

Исмаил Усеинов — веб-разработчик, автор образовательного канала ITDoctor (ITD).

Алексей Шаполов

Основатель и главный редактор проекта. Специалист в области интернет-маркетинга (SEO-продвижения и копирайтинга, в частности). Работаю онлайн с 2018 года.

Оцените автора
Добавить комментарий