Знание HTML и CSS хотя бы на базовом уровне необходимо практически каждому, кто имеет дело с сайтами. Язык разметки пригодится не только верстальщикам, но и контент-менеджерам, ведущим сайты компаний, авторам и редакторам, оформляющим статьи и промостраницы.
На онлайн-курсах можно получить как базовые навыки верстки и оформления страниц при помощи HTMLи CSS, так и продвинутые приемы анимации, создания интерфейсов, адаптивной и кроссбраузерной верстки.
В этой подборке — онлайн-школы с хорошими отзывами, где вы сможете найти бесплатные и платные курсы подходящего вам уровня и содержания.
Содержание
- 1 Онлайн-университет Skillbox
- 2 Практические курсы по программированию «Hexlet»
- 3 Geekbrains
- 4 Университет интернет-профессий «Нетология»
- 5 Яндекс.Практикум
- 6 Школа онлайн обучения IT профессиям «LoftSchool»
- 7 Интерактивные онлайн-курсы «HTML Academy»
- 8 Портал «beonmax.com»
- 9 Школа веб-разработки «webcademy.ru»
- 10 Портал «webshake.ru»
- 11 Портал «codebra.ru»
- 12 Интерактивные курсы программирования «FructCode»
- 13 Портал «web.cofp.ru»
Онлайн-университет Skillbox
«Профессия Frontend-разработчик»
Вы начнёте с основ вёрстки и JavaScript, а к концу обучения научитесь делать корпоративные сервисы. Получите опыт работы в команде и начнёте карьеру веб-разработчика.
Чему вы научитесь
- Верстать сайты правильно
Детально изучите все возможности современного CSS, научитесь верстать адаптивные сайты, которыми удобно пользоваться. Сделаете проекты эстетичнее при помощи анимаций и переходов. - Программировать на JavaScript
Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования. - Работать с современными фреймворками
С помощью фреймворков вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера. Вы сами выбираете, что учить — React или Vue. - Работать с Git
Будете сохранять все этапы работы над проектами, чтобы у коллег всегда был доступ к коду, а случайные ошибки можно было исправить в два клика. - Создавать красоту в команде
Научитесь работать по спринтам и Scrum-методологии. Под руководством тимлида вместе с другими студентами напишете веб-приложение.
Программа
Вас ждут 14 курсов с разными уровнем сложности, видеоматериалы и практика.
Основные курсы
- Веб-вёрстка. Базовый уровень
- JavaScript. Базовый уровень
- Курс на выбор. React.js
- Курс на выбор. Vue.js
Дополнительные курсы
- Веб-вёрстка. Продвинутый уровень
- JavaScript. Продвинутый уровень
- Универсальные знания программиста
- Photoshop с нуля
- Figma с нуля до PRO
- Английский для IT-специалистов
- Система контроля версий Git
- Язык запросов SQL
- Карьера и развитие программиста
- Работа в командной строке Bash
- Алгоритмы и структуры данных
Практические курсы по программированию «Hexlet»
«Основы HTML, CSS и веб-дизайна»
Курс посвящен базовым концепциям веб-дизайна, языка разметки HTML и CSS. Слушатель научится делать статические веб-страницы, задавать стили элементам, думать о пространстве и расстояниях, работать с документом в браузере с Developer Tools, публиковать страницы в интернете и интегрировать их с социальными сетями.
Уроки курса:
- Верстальщик vs. веб-дизайнер
- Знакомство с HTML
- Элементы, теги и атрибуты
- Структура страницы
- Основы CSS
- Chrome DevTools
- Каскад
- div, span и display
- Правило близости
- Размещение на Github Pages
- Интеграция с соц. сетями и семантический веб
Продолжительность курса – 8 часов.
Geekbrains
Стоимость: 13 370 р.
Назовите менеджеру промокод GeekPromo и получите скидку 7% на любой курс!
«HTML/CSS. Интерактивный курс»
Слушатель может смотреть видеокурс в удобное время и по всем вопросам обращаться к наставнику, который будет контролировать прогресс.
Слушатель научится:
- Верстке статических сайтов
- Валидной кроссбраузерной вёрстке
- Блочной вёрстке
- Выполнению базовых операций в Photoshop
- Использованию препроцессоров LESS и Bootstrap
Программа курса:
- Урок 1. Основные понятия в веб-разработке
- Урок 2. Основы языка разметки документов HTML
- Урок 3. Основы языка оформления стилей документа CSS
- Урок 4. Псевдоклассы и псевдоэлементы, табличная верстка
- Урок 5. Формирование блочной модели, блочная верстка
- Урок 6. Работа с макетом дизайна в формате PSD
- Урок 7. Разметка сайта и знакомство с Bootstrap
- Урок 8. Стандарты web и вспомогательные инструменты
Слушателям выдается сертификат об окончании обучения.
Университет интернет-профессий «Нетология»
Стоимость: бесплатно
Если решите продолжать обучение в Нетологии — промокод ADVCAKE дает 10% скидки от текущей цены курса!
«Основы HTML и CSS»
Знания основ HTML и CSS нужны всем, кто хочет работать с вебом, независимо от того, планируете ли вы стать верстальщиком, frontend-разработчиком или backend-разработчиком.
Дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов также пригодится умение внести изменения на сайте.
Программа курса:
- Базовый курс HTML
- Базовый курс CSS
- Основы клиент-серверного взаимодействия
- Сопровождение ментора и полный разбор домашних заданий
- Практические занятия
Яндекс.Практикум
Стоимость: бесплатная вводная часть, далее 7 009 р./месяц или 140 000 р. за весь курс
Фронтенд-разработчик собирает сайт по макету, пользуясь языками HTML и CSS. Понимает процессы, сопутствующие созданию сайта и его публикации в сети. Включается в совместную работу через Git и умеет настраивать сборку проекта инструментом Webpack.
За 7 месяцев обучения по 10 часов в неделю слушатель освоит востребованные навыки фронтенд-разработчика и соберёт портфолио проектов.
Стоимость:
- Вводный курс — бесплатно. Можно попробовать себя в качестве фронтенд-разработчика и обучиться азам профессии. Полученный опыт программирования позволит оценить реальные возможности, силу мотивации, и решить, нужно ли идти дальше
- Платное продолжение — 65 000 р. За 7 месяцев обучения. Закончив бесплатный курс, можно пойти дальше. С этого момента слушатель начнет полноценно осваивать фронтенд-разработчика
Сертификат — это официальный документ о дополнительном образовании. Чтобы его получить, необходимо сдать итоговый проект.
Школа онлайн обучения IT профессиям «LoftSchool»
«Основы вёрстки сайтов»
Слушатель за 5 недель качественно освоит верстку на HTML и CSS, и получит первый проект в портфолио.
Преимущества:
- 11 обучающих модулей, 6 практических вебинаров, 100+ часов обучения
- Личный наставник
- Готовое портфолио
- Доступ к материалам
- Slack-чат
Программа:
- Неделя 1 — Работа с хостингом, HTML
- Неделя 2 — CSS, работа с PSD-макетом, Perfect Pixel
- Неделя 3 — Flexbox, БЭМ-нейминг
- Неделя 4 — CSS-анимации
- Неделя 5 — Защита выпускного проекта
По окончании обучения слушатель получит сертификат с уникальным ID.
Интерактивные онлайн-курсы «HTML Academy»
«Знакомство с HTML и CSS»
Слушатели изучают основы HTML и CSS. На практике разбираются с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Программа:
- Глава 1. Знакомство с HTML и CSS
- Глава 2. Структура HTML-документа
- Глава 3. Разметка текста
- Глава 4. Ссылки и изображения
- Глава 5. Основы CSS
- Глава 6. Оформление текста
Всего: 6 глав, 95 заданий, 5 испытаний.
Портал «beonmax.com»
«Курс HTML / CSS»
Интерактивный онлайн курс HTML и CSS программирования и верстки сайтов для начинающих. Обучение HTML с нуля.
В процессе обучения слушатель получит знания и навыки:
- Основы HTML и CSS
- Полноценная верстка страниц сайтов, на примере сайта о кино
- Работа в редакторе кода SublimeText
- Практическое применение основных тегов HTML
- CSS-верстка текста: цвет и размер шрифта
- Позиционирование блоков на сайте
- Работа с изображениями
- Правильная HTML-разметка для SEO
- Адаптивная верстка под мобильные устройства
- Специальные классы для адаптивности
- Полезные инструменты для frontend-разработчика
План курса:
- Введение
- Подготовка к работе. Установка редактора кода
- Основы HTML и CSS. Базовая разметка, HTML-теги, CSS-стили
- Создание сайта на практике. Главная страница – верхняя часть и меню
- Создание сайта на практике. Главная страница – правый блок
- Создание сайта на практике. Главная страница – нижняя часть
- Создание сайта на практике. Главная страница – фильмы, сериалы, блог
- Создание сайта на практике. Страница просмотра фильмов
- Создание сайта. Страницы фильмов и рейтинг фильмов
- Создание сайта. Адаптивная верстка
По завершении курса выдается сертификат.
Школа веб-разработки «webcademy.ru»
«Профессия HTML верстальщик»
165 видеоуроков, 32 практические задачи, 3 выпускных проекта.
Программа:
- Неделя 1. Основы HTML разметки. Хостинг и домен
- Неделя 2. Основы CSS
- Неделя 3. Блочная верстка. Photoshop. Верстка макета. Сетка. Стартовый шаблон
- Неделя 4. HTML фреймворки. Адаптивная верстка
- Неделя 5. CSS3 эффекты. Препроцессор Less
- Неделя 6. Знакомство с JavaScript. jQuery скрипты
- Неделя 7. PHP. Блок по трудоустройству. Фриланс
- Неделя 8. PHP. Ajax. Валидация форм
- Неделя 9. Индивидуальный проект. Коучинг по фрилансу и трудоустройству
- Неделя 10. Задания коучинга. Фриланс и трудоустройство
- Неделя 11. Ускорение верстки. Сниппеты. Шаблоны и заготовки
- Неделя 12. Проект менеджмент в веб-разработке. Задания коучинга
Стоимость:
- «Тест драйв» — 900 р. (одна неделя обучения)
- «Стандарт» — 18 000 р. (обучение в группе)
- «Премиум» — 26 000 р. (обучение в группе и консультации с наставником)
После прохождения курса слушатель получает сертификат.
Портал «webshake.ru»
Курс «HTML для начинающих»
Основы вёрстки сайтов на HTML и CSS. Онлайн курс по HTML – это возможность самостоятельно сделать первый шаг на пути освоения специальности веб-разработчика.
Онлайн курс по HTML представляет собой серию уроков, объединенных в несколько разделов и сопровождающихся графическими и видеоматериалами. В конце каждой темы пользователю предлагается выполнить домашнее задание, которое позволит закрепить пройденное.
Программа:
- Уровень 1. Введение и основы HTML
- Уровень 2. Структура HTML-документа
- Уровень 3. Разметка текста
- Уровень 4. Ссылки
- Уровень 5. Картинки
- Уровень 6. Таблицы
- Уровень 7. Формы
- Уровень 8. Создание сайта и его выкладка в Интернет
- Уровень 9. Подведение итога
После прохождения курса ученик получает сертификат об успешном обучении.
Портал «codebra.ru»
Бесплатные онлайн-курсы по HTML и CSS. 37 курсов и 138 уроков.
Первые десять курсов:
- Знакомство с HTML (14 уроков и 5 практик)
- Разметка текста (8 уроков и 3 практики)
- Ссылки (3 урока)
- Изображения (4 урока и 1 практика)
- Таблицы (9 уроков и 1 практика)
- Формы (10 уроков)
- HTML5 (6 уроков)
- Остальное (4 урока)
- Знакомство с CSS (2 урока)
- Селекторы в CSS (15 уроков)
Интерактивные курсы программирования «FructCode»
«Курс HTML/CSS»
Интерактивный курс создания сайтов HTML и CSS с нуля — обучение HTML онлайн. 66 заданий и 5 часов видео.
В уроках HTML и CSS слушатель узнает:
- Основы верстки сайтов (html и css)
- Как пользоваться html-тэгами div, span, p, ul, li и другими
- Для чего нужен CSS (каскадные таблицы стилей) и узнаете о css-свойствах
- Как использовать css-свойства margin, position, padding, color, background и другие
- Что такое адаптивная верстка
- Как сделать верстку сайта
- Как пользоваться инструментами разработчика в браузере Google Chrome
- Что такое viewport и как его использовать
- Как создать раздел с комментариями на сайте
- Как встроить видео в html-страницу
- Как изменить верстку сайта в браузере
- Как связать html-страницы между собой
- Как сверстать меню на сайте
После успешного прохождения уроков и заданий курса HTML/CSS слушатель получит сертификат на пяти языках.
Портал «web.cofp.ru»
«Курс по HTML»
Портал — вместилище знаний и информации по языкам программирования и их фреймворках. Есть статьи, посвященные темам по раскрутке сайтов, заработку на них и тому подобном. По мимо статей на эти темы, можно получить доступ к бесплатным онлайн курсам.
Программа курса:
- Введение в HTML
- Первый HTML файл
- Что такое ТЕГ?
- Структура HTML файла
- Атрибуты тегов
- Теги форматирования текста
- Списки
- Ссылки
- Изображения
- Таблицы
- Формы
- Фреймы
- Теги мета-данных
- Подключение кода CSS и JAVASCRIPT
- Заключение
Для тех кто хочет научиться верстать есть еще такие хорошие онлайн курсы https://wezom.academy/courses/html-css-js/
Они посвящены основам верстки HTML + CSS + JS
Также курсы будут полезены людям, которые занимаются администрированием и наполнением сайтов при помощи визуальных редакторов типа TinyMCE, CKEditor, Spaw и им подобных.
В подборке курсы хорошие, но бесплатной информации на них дается мало. Есть один действительно насыщенный бесплатный курс — https://imdiz.ru/kurs-html-verstki. Рекомендую включить в подборку.
Очень зря что авторы забыли упомянуть Михаила Русаков. Очень хороший автор отличных материалов
Спасибо Вам за совет. Вы открыли для меня прекрасного автора и познакомили с чудесными курсами и уроками.