ТОП-10+ лучших курсов по вёрстке на HTML и CSS для начинающих
Привет, дружище!
А ты знал, что, по данным сайта TRUD.COM, верстальщики HTML и CSS зарабатывают 50 тысяч рублей в месяц? Это в полтора раза больше средней зарплаты в России! Даже мой батя, который сутками пашет на заводе и то меньше получает.
То есть, освоив профессию верстальщика, ты сможешь зарабатывать немало денег. Вопрос только в том, как её освоить.
А ответ прост — с помощью платных и бесплатных курсов по HTML и CSS (вдобавок, думаю, можно припихнуть сюда также JavaScript и PHP).
О них я и расскажу в этой статье.
Сначала о платных курсах, потому что уплаченные деньжата заставляют тебя поднять задницу с дивана и начать работать. А потом о бесплатных, которые таким эффектом мотивации не обладают.
Итак. Без лишних предисловий… Полетели!
Платные курсы по вёрстке на HTML и CSS — ТОП-4
№1. Я — Веб-разработчик — PRO
Кто проводит: Даниил Пилипенко, директор кадрового центра SymbioWay, бывший руководитель отдела разработки ПО в издательстве «Вокруг Света». А также другие преподаватели онлайн-школы интернет-профессий Skillbox.
Формат: вебинары + видеоуроки + домашние задания + реальные встречи + экскурсии по ТОП-компаниям + участие в форумах веб-разработчиков + гарантированное трудоустройство с зарплатой от 100 000 рублей.
Сколько длится: 2 года обучения (6 месяцев бесплатно — то есть оплатить можно с первых заказов).
Стоимость: 6 900 рублей в месяц (репетитор английского языка в Москве и то дороже берёт).
Что ты узнаешь из курса:
- Как верстать сайты.
- Как создавать интерфейсы с помощью JavaScript.
- Как работать с PHP.
- Как делать красивый дизайн.
- Как работать с 1C-битрикс.
- И многое другое.
№2. Frontend-разработчик с нуля
Да, верстальщик по-другому ещё называется Frontend-разработчиком.
Кто проводит: университет интернет-профессий Нетология.
Формат: вебинары + видеоуроки + практические проекты для портфолио + домашние задания + личные разборы с преподавателями.
Сколько длится: 10 месяцев.
Стоимость: 6 600 рублей в месяц.
Что ты получишь в ходе прохождения курса:
- Исчерпывающие знания об HTML5, CSS3, JavaScript, JSX, React, VirtualDOM, Flexbox и React Router.
- Диплом от известного онлайн-университета, который точно понравится твоим работодателям.
- Готовое профессионально оформленное портфолио.
- Трудоустройство с зарплатой от 85 000 рублей в месяц.
№3. Как создать сайт самостоятельно
Кто проводит: крупнейшее российское агентство интернет-маркетинга TexTerra.
Формат: 13 лекций по 1,5 часа + домашние задания и обратная связь.
Сколько длится: 2 месяца.
Стоимость: 10 000 рублей.
Что ты узнаешь из курса:
- Какие типы сайтов существуют.
- Что такое юзабилити и как его улучшить.
- Как прототипировать сайты.
- Как верстать на HTML и CSS.
- Как разрабатывать сайты на WordPress.
№4. Профессия Frontend-разработчик
Кто проводит: портал GeekBrains и Mail.ru Group (компания, которая владеет такими популярными соцсетями, как VK, Одноклассники и Мой Мир).
Формат: самостоятельная работа + работа с преподавателем (обладающим минимум 5-летним опытом Frontend-разработки) + работа с наставниками из числа лучших выпускников предыдущих потоков.
Сколько длится: 7 месяцев.
Кем ты станешь после прохождения курса:
Грамотным Frontend-разработчиком, умеющим верстать сайты по современным стандартам и виртуозно владеющим HTML, CSS и JavaScript.
Что ты получишь:
- Диплом.
- Портфолио.
- Среднюю зарплату в 100 000 рублей.
- Возможность поработать в стартапах других выпускников.
- Стажировку у партнёров GeekBrains (ПАО Сбербанк, ПАО Вымпелком и других).
- Полные знания об HTML и CSS.
- Подарочный 3-месячный курс по английскому языку.
- Обучающие мастер-классы и воркшопы.
Стоимость: 7 141 рубль в месяц.
Бесплатные курсы по вёрстке на HTML и CSS — ТОП-13
№5. Курс HTML/CSS
Кто проводит: Beonmax.
Формат: видеоуроки + интерактивные упражнения + домашние задания.
Сколько длится: 31 видеурок = 5 часов.
Что ты узнаешь из курса:
- Какие программы и инструменты надо использовать для вёрстки.
- Какие теги HTML существуют.
- Основы синтаксиса CSS.
- Как создавать меню, хедер, футер, сайдбар и многое другое.
№6. Интерактивный курс создания сайтов HTML и CSS с нуля
Кто проводит: Fructcode.
Формат: видеоуроки + интерактивные упражнения + домашние задания.
Сколько длится: 6 часов.
Стоимость: часть курса бесплатна, другая часть доступна после оформления недорогой подписки.
Что ты узнаешь из курса:
- Как пользоваться html-тегами div, span, p, ul, li и другими.
- Для чего нужен CSS (каскадные таблицы стилей).
- Как использовать css-свойства margin, position, padding, color, background и другие.
- Что такое адаптивная вёрстка.
- Как сделать вёрстку сайта.
- Как пользоваться инструментами разработчика в браузере Google Chrome.
- Что такое viewport и как его использовать.
- Как создать раздел с комментариями на сайте.
- Как встроить видео в html-страницу.
- Как изменить вёрстку сайта в браузере.
- Как связать html-страницы между собой.
- Как сверстать меню на сайте.
№7. Курсы от HTML Academy
Помню сам проходил эти курсы. Целую неделю по 3-4 часа в день сидел за бесплатными уроками от инструктора Кекса.
Кто проводит: HTML Academy, на мой взгляд, её сайт — лучшее место для обучения основам вёрстки.
Формат: интерактивные уроки с практическими заданиями.
Сколько длится: зависит от твоей скорости и мотивации.
Стоимость: большая часть курсов бесплатна.
Что ты узнаешь из курса:
- Основы HTML5.
- Базовое представление о CSS3.
- Основы JavaScript.
- Основы PHP.
№8. Курсы на Udemy
Кто проводит: разные преподаватели со всего мира.
Формат: видеоуроки + практические задания + тесты.
Сколько длится: зависит от курса и программы обучения, которую составил автор.
Стоимость: есть бесплатные курсы, есть платные.
№9. Основы HTML и CSS
Кто проводит: университет онлайн-профессий Нетология.
Формат: онлайн-вебинары 2 раза в неделю.
Сколько длится: 2 недели.
Что ты узнаешь из курса:
- Как вносить правки в HTML-код страницы и верстать текстовые блоки.
- Как менять оформление и стиль элементов сайта.
- Как профессиональные верстальщики работают над проектами.
№10. Курсы на CodeAcademy
Кто проводит: разные преподаватели (в основном на английском языке, поэтому, если у тебя с ним туговато, лучше читай дальше).
Формат: интерактивные уроки, результат виден сразу же прямо в браузере.
Сколько длится: в зависимости от твоих способностей и наличия свободного времени.
№11. Бесплатный курс Евгения Попова по HTML для новичков
О нём ходят очень противоречивые слухи. Некоторые говорят, что Евгений обучает людей к чертям устаревшим знаниям. Другие думают, что для ознакомления сойдёт.
Формат: 33 видеоурока.
Сколько длится: всё зависит от твоих сил и скорости.
Что ты узнаешь из курса:
- Понятие тега.
- Как создавать каркас страниц.
- Как создавать параграфы и заголовки.
- Как создавать списки.
- Как создавать атрибуты.
- Как ставить ссылки.
- Как делать красивые таблицы.
- Как красиво оформлять текст.
- Как создавать поля форм, радиокнопки и чекбоксы.
- И т. п.
№12. Бесплатный курс Евгения Попова по CSS
Формат: 45 видеоуроков.
Сколько длится: всё зависит от твоих сил и скорости.
Что ты узнаешь из курса:
- Принципы работы CSS.
- Как подключать 3 базовых селектора.
- Что такое групповые селекторы.
- Что такое селекторы потомков.
- Что такое псевдоселекторы ссылок.
- Какие бывают семейства шрифтов.
- Как выравнивать текст.
- Как задавать высоту строки.
- Как делать сокращенную запись.
- Как делать рамки.
- Как работать со списками.
- Что такое наследование.
- Каскадность и приоритетность.
- Блочная модель, margin и padding.
- Ширина и высота блока, выравнивание.
- Конфликты полей.
- Блочные и встроенные элементы.
- Фоновый цвет и изображение.
- Повтор фонового изображения.
- Позиционирование фонового изображения.
- Фиксация фона.
- Краткая запись фоновых свойств.
- Как делать таблицы.
- Как создавать простой каркас на основе float.
- Что такое чистка обтекания.
- Колонки одной высоты.
- Позиционирование.
- Абсолютное позиционирование.
- Относительное позиционирование.
- Фиксированное позиционирование.
- Z-индексы.
- Видимость элементов.
- Максимальная и минимальная ширина сайта.
- Два способа подключения стилей
- Что такое наследование ненаследуемых свойств.
№13. Курс HTML для начинающих
Кто проводит: Артём Ивашкевич, программист компании Lamoda.
Формат: пошаговые статьи-уроки.
Сколько длится: 55 уроков.
Какие уроки есть в курсе:
- Создаём свою первую HTML-страницу.
- Теги как основа HTML-страницы.
- Тег doctype: указываем версию HTML.
- Из чего должна состоять любая страница в HTML.
- Заголовок HTML-страницы.
- Кодировка HTML-страницы.
- Ключевые слова (кейворды, keywords).
- Тег description: краткое описание страницы.
- Комментарии в HTML.
- Подключение CSS-стилей к HTML.
- Подключение скриптов JavaScript в HTML.
- Итог второго уровня курса по HTML.
- Разметка текста.
- Делаем абзацы в HTML.
- Делаем заголовки в HTML.
- Маркированные списки в HTML.
- Нумерованный список в HTML: тег ol.
- Делаем вложенный список в HTML.
- Выделяем важное жирным шрифтом.
- Курсив в HTML: теги em и i.
- Переносы и разделители в HTML: теги br и hr.
- Используем цитаты в HTML.
- Верхние и нижние индексы: оформляем формулы.
- Выводим текст как есть: тег pre.
- Учимся делать ссылки в HTML.
- Что такое абсолютные и относительные ссылки.
- Делаем ссылку на файл.
- Ссылка с якорем.
- Всплывающая подсказка для ссылок.
- Как вставлять картинки в HTML.
- Делаем картинку ссылкой.
- Описание картинки в HTML.
- Создаём таблицу в HTML: тег table.
- Делаем границы для таблицы в HTML.
- Горизонтальные и вертикальные границы в таблице HTML.
- Отступы в таблицах.
- Название таблицы в HTML.
- Ячейки-заголовки в таблице HTML.
- Объединение ячеек в таблицах.
- Выравниваем текст в таблице HTML.
- Способы выравнивания таблицы по центру в HTML.
- Учимся изменять цвет таблицы в HTML.
- Изменяем размер таблицы в HTML.
- Учимся создавать формы в HTML.
- Как задать значение по умолчанию для поля в форме.
- Как правильно сделать подписи к полям ввода.
- Создаём форму авторизации на HTML.
- Многострочное поле ввода: тег textarea.
- Поле-галочка в HTML.
- Поле-переключатель в форме HTML.
- Делаем раскрывающийся список в HTML.
- Форма для загрузки файлов.
- Используем скрытое поле в форме.
- Табличная вёрстка HTML-страничек. Прототип сайта.
- Как выложить сайт в Интернет: простая инструкция.
№14. Курс HTML и CSS — вёрстка сайтов для начинающих
Кто проводит: PHP-School.
Формат: статьи-уроки + домашние задания.
Сколько уроков: 11.
Продолжительность: 20 часов.
№15. Free HTML and CSS tutorial
Кто проводит: Джереми Томас, американский фронтенд-разработчик и фрилансер, сотрудничающий с такими компаниями, как Microsoft и Sony.
Формат: текстовые уроки (на английском языке).
Сколько уроков: 50 уроков.
Продолжительность: зависит от тебя.
Что ты узнаешь на курсе:
- Синтаксис HTML.
- Его семантические элементы.
- Всё о создании ссылок.
- Основы форматирования текста.
- Как позиционировать элементы в CSS.
- Как менять шрифты.
- Как делать задний фон на сайте.
- И многое другое.
№16. Курсы по HTML от HTML Dog
Кто проводит: англоязычный сайт для обучения программированию.
Формат: текстовые уроки.
Сколько уроков: 3 курса (для начинающих, середнячков и профи) примерно по 10 уроков.
Продолжительность: зависит от тебя.
№17. Курсы по CSS от HTML Dog
Кто проводит: HTML Dog.
Формат: статьи-уроки.
Сколько уроков: также 3 курса 8-15 уроков.
Продолжительность: зависит от тебя.
Полезные сайты для обучения HTML, CSS и JavaScript — ТОП-5
На сегодня всё.
Это были самые лучшие курсы HTML и CSS в 2019 году.
Надеюсь, ты нашёл для себя что-то полезное.
До встречи!
P. S. Вёрстка вёрсткой, а я всё-таки предпочитаю зарабатывать на копирайтинге и SEO.
Новичок
28 октября, 2019 - 6:58 пп
Благодарю за подборку
Алексей Шаполов
29 октября, 2019 - 8:26 дп
Рад, что она кому-то пригодилась)
Давид
18 ноября, 2019 - 9:10 дп
Огромное спасибо!Давно хотел найти подобные курсы
Алексей Шаполов
19 ноября, 2019 - 2:42 пп
Не за что, Давид)))