Лучшие курсы HTML и CSS в 2020 году — обучение frontend с нуля

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

💰 Материал спонсора. «Веб-вёрстка для начинающих» от Skillbox 💰

Skillbox предоставляет бесплатный доступ к части уроков своей платной обучающей программы «Frontend-разработчик». Успейте попробовать!

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

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

Программа обучения:

  1. Введение.
  2. Базовый HTML.
  3. Базовый CSS. Часть 1.
  4. Базовый CSS. Часть 2.
  5. Подготовка к вёрстке.

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

  • Делать блочную, резиновую и адаптивную вёрстку
  • Делать вёрстку интернет-магазинов
  • Работать с системой контроля версий Git
  • Проверять сайта на доступность
  • Основам HTML, CSS и JavaScript
  • Тестированию и исправлению браузерных несовместимостей
  • Работе с современными инструментами

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

  • Доступ к материалам курса даётся на 7 дней

Кто проводит курс

Даниил Пилипенко

VK

  • Основатель центра подбора IT-специалистов SymbioWay
  • Профессиональный программист с опытом работы = более 15 лет

Об авторе курса

Артём Ивашкевич

Привет! Меня зовут Артём Ивашкевич.
Я увлекаюсь программированием более 10 лет и зарабатываю этим на жизнь более 5 лет. Сейчас я работаю backend-разработчиком в компании ВКонтакте.

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

Если вам интересно узнать, как я к этому пришёл, прочитайте историю как я стал программистом.

Что такое HTML теги?

HTML теги – это специальные команды для браузера. Они говорят ему, что, к примеру, следует считать заголовком страницы, а что абзацем.

Теги строятся по такому принципу: уголок <, потом имя тега, а потом уголок >, вот так: <имя тега>. Имя тега может состоять из английских букв и цифр. Примеры тегов: <h1>, <p>, <b>.

Теги обычно пишутся парами – открывающий тег и соответствующий ему закрывающий. Разница между открывающим и закрывающим тегами в том, что в закрывающем теге после уголка < стоит слеш /.

К примеру, <p> – так я открыл тег p, а так – </p> – я его закрыл. Все, что попадает между открывающим и закрывающим тегами, подпадает под воздействие нашего тега.

Бывают теги, которые не нужно закрывать, например, <br> или <img>.

5. «Основы HTML и CSS с нуля» от Дениса Мещерякова

Длительность курса: 38 уроков = 7,5 часов на освоение материала.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Введение. Основы HTML.
  2. Основы CSS.
  3. Вёрстка страницы.
  4. Вёрстка проекта MailGenius.
  5. CSS Grid.

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

  • Кто такой Frontend-разработчик и чем он занимается
  • Верстать небольшие страницы по макетам

Кто проводит курс

Денис Мещеряков

Facebook, Twitter, Linkedin

  • Frontend-разработчик с 2013 года
  • Специализируется на создании сложных веб-приложений на JavaScript и фреймворках Angular и VueJS
  • Занимается преподавательской деятельностью с 2015 года

Знакомство с JavaScript

Узнаем, как работает JavaScript в браузере. Научимся оживлять интерфейсы.

  • 4части
  • 61задание

Тренажёр обновлён 3 февраля 2021

Начать тренажёр

Школа онлайн обучения IT профессиям «LoftSchool»

«Основы вёрстки сайтов»

Слушатель за 5 недель качественно освоит верстку на HTML и CSS, и получит первый проект в портфолио.

Преимущества:

  • 11 обучающих модулей, 6 практических вебинаров, 100+ часов обучения
  • Личный наставник
  • Готовое портфолио
  • Доступ к материалам
  • Slack-чат

Программа:

  • Неделя 1 — Работа с хостингом, HTML
  • Неделя 2 — CSS, работа с PSD-макетом, Perfect Pixel
  • Неделя 3 — Flexbox, БЭМ-нейминг
  • Неделя 4 — CSS-анимации
  • Неделя 5 — Защита выпускного проекта

По окончании обучения слушатель получит сертификат с уникальным ID.

Отзывы(3131)

Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.

07.07.2021

Андрей Лебедев

05.07.2021

Александр Мунтян

05.07.2021

Aleksandr Samoilenko

05.07.2021

student_MCuxcOmD

04.07.2021

Владимир Петров

04.07.2021

Khayot Tangirov

02.07.2021

student_XCA7bfW9

30.06.2021

Анастасия Полтавец

28.06.2021

Yuliya Karimova

22.06.2021

Rostyslav Bakhayev

21.06.2021

student_zT9q54yk

20.06.2021

Владислав Марков

19.06.2021

Natalia Fedotova

16.06.2021

Andrei Sokolov

15.06.2021

Вячеслав Алтухов

14.06.2021

Александр Волконский

13.06.2021

Александр Маринец

10.06.2021

Евгений Мусияка

10.06.2021

Serhii Filipenko

08.06.2021

Анастасия Кузнецова

08.06.2021

Дмитрий Лященко

08.06.2021

Александр Сайгушев

06.06.2021

Александр Кузнецов

04.06.2021

Сергей Сафонов

04.06.2021

Emil Shakhvaladov

03.06.2021

Евгений Заволока

02.06.2021

student_f2OUHkyw

02.06.2021

Максим Соловьев

01.06.2021

Олеся Кузнецова

31.05.2021

Kateryna Razenkova

30.05.2021

Irina Mechinskaya

30.05.2021

Игорь Бобровский

30.05.2021

Макс Ярошевский

30.05.2021

Anna Pivtoranis

30.05.2021

student_EJe5myjw

29.05.2021

Никита Ковалевский

25.05.2021

student_K4z85nv-

25.05.2021

Дмитрий Волошин

25.05.2021

Андрей Есипёнок

23.05.2021

Дмитрий Лазарчук

20.05.2021

Dog Forester’s

20.05.2021

Дмитрий Вишняков

20.05.2021

Александр Казанкин

19.05.2021

Василий Хомяков

19.05.2021

Станіслав Прокопець

Преимущества

Проверка домашек

К урокам есть задания для самостоятельной работы. Ко многим темам накопилось уже более 500 комментариев с детальным разбором ДЗ.

Быстрая помощь

Все ученики имеют доступ к общему Telegram-чату, в котором можно задать вопросы и получить ответ в течение 10 минут. Нас уже больше 1000!

Бесплатно

Не, ну вы видели эти цены на курсы в десятки тысяч рублей?
Здесь вы можете пройти обучение бесплатно!

Коммьюнити

Участники нашего сообщества помогают друг другу. Здесь вы можете получить совет от практикующих программистов.

Портал «webshake.ru»

Курс «HTML для начинающих»

Основы вёрстки сайтов на HTML и CSS. Онлайн курс по HTML – это возможность самостоятельно сделать первый шаг на пути освоения специальности веб-разработчика.

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

Программа:

  • Уровень 1. Введение и основы HTML
  • Уровень 2. Структура HTML-документа
  • Уровень 3. Разметка текста
  • Уровень 4. Ссылки
  • Уровень 5. Картинки
  • Уровень 6. Таблицы
  • Уровень 7. Формы
  • Уровень 8. Создание сайта и его выкладка в Интернет
  • Уровень 9. Подведение итога

После прохождения курса ученик получает сертификат об успешном обучении.

Итак, приступим

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

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

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

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Программа курса HTML & CSS. О домашних заданиях и исходном коде.
  2. Знакомство с основным каркасом страницы.
  3. Ссылки и изображения.
  4. Верстаем таблицы.
  5. Создание web-формы.
  6. Знакомство с CSS.
  7. Псевдоклассы и псевдоэлементы, часть 1.
  8. Псевдоклассы и псевдоэлементы, часть 2.
  9. Практикуем селекторы в CSS3.
  10. Наследование в CSS3.
  11. Reset CSS или сброс стилей браузера.
  12. Стили текста, шрифты и font в CSS3.
  13. Работа с текстом часть II, практикуем CSS3.
  14. Поля, границы, отступы, практикуем CSS3.
  15. Высота, ширина элементов вёрстки, скругление углов.
  16. Обтекание элементов, float, практикуем CSS3.
  17. Добавление графики на веб-страницы.
  18. Линейный и радиальный градиент на чистом CSS3.
  19. Построение горизонтального и вертикального меню.
  20. Преобразования, переходы и анимация с помощью CSS.
  21. Работа с веб-формами и применение CSS3.
  22. Вёрстка блоков/элементов при помощи флоатов.
  23. Полное руководство по Flexbox.

Кто проводит курс

Андрей Андриевский

Facebook

  • Веб-разработчик
  • Маркетолог

Советы новичкам 

Советы от профессионалов помогут избежать ошибок в начале карьеры. Следуя рекомендациям, можно научиться писать более понятный код. В ролике собран опыт профессиональных разработчиков, которые начинали с самых азов. Первое, что стоит отметить, не надо бояться начинать писать. Поставив перед собой задачу, всегда можно найти ее решение. Отсюда еще один совет — научитесь гуглить. Разбивайте задачи на подзадачи: так проще будет решить. 

21. «Введение в HTML» от Brainoteka Light

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

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:

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

Портал «web.cofp.ru»

«Курс по HTML»

Портал — вместилище знаний и информации по языкам программирования и их фреймворках. Есть статьи, посвященные темам по раскрутке сайтов, заработку на них и тому подобном. По мимо статей на эти темы, можно получить доступ к бесплатным онлайн курсам.

Программа курса:

  • Введение в HTML
  • Первый HTML файл
  • Что такое ТЕГ?
  • Структура HTML файла
  • Атрибуты тегов
  • Теги форматирования текста
  • Списки
  • Ссылки
  • Изображения
  • Таблицы
  • Формы
  • Фреймы
  • Теги мета-данных
  • Подключение кода CSS и JAVASCRIPT
  • Заключение

Портал «coursera.org»

«Основы HTML и CSS»

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

Программа курса:

  • Введение в HTML – продолжительность 2 часа
  • Введение в HTML, часть 2 – продолжительность 4 часа
  • Введение в CSS – продолжительность 3 часа
  • Шрифты и текст – продолжительность 4 часа
  • Анимации в CSS – продолжительность 4 часа

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

Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...