19 бесплатных курсов по Frontend-разработке

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

1. «Веб-программирование» от Skillbox

Язык: русский.

Длительность: 12 уроков длительностью от 40 минут до 7 часов, общая длительность 32 часа.

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

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

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

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

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

  1. Создание web-сайта.
  2. Знакомство с fullstack-разработкой.
  3. Программируем на JavaScript.
  4. Кейс на JavaScript.
  5. Написание первого приложения.
  6. Погружение в web-разработку.
  7. Создаём web-приложение на Django.
  8. Работаем с сайтом после запуска и подводим итоги.
  9. Создаём сайт-приложение для 3 платформ за 1 день.
  10. Введение в профессию web-разработчика.
  11. Frontend- и backend-программирование: PHP и JavaScript.
  12. Frontend-разработчик: практика для быстрого старта.

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

  • Познакомитесь с современными web-технологиями.
  • Научитесь вёрстке сайтов с помощью HTML.
  • Напишите первый код на JavaScript.
  • Поймёте, что вам интересно больше — backend- или frontend-программирование.

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

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

  • Директор центра SymbioWay.
  • В программировании более 15 лет.
  • Закончил МГУ имени Ломоносова.

На правах рекламы

«Профессия Веб-разработчик» от Skillbox

Особенности курса:

  • По окончании обучения у вас будет более 10 работ в портфолио.
  • Гарантированное трудоустройство.
  • Курс можно оплачивать в рассрочку с первым платежом через 3 месяца после старта обучения.
  • Личный наставник каждому студенту.
  • Доступ к урокам английского языка на 1 год в подарок.

2. «Основы HTML, CSS и веб-дизайна» от «Хекслет»

Язык: русский.

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

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

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

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

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

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

  1. Верстальщик vs. веб-дизайнер.
  2. Знакомство с HTML.
  3. Элементы, теги и атрибуты.
  4. Структура страницы.
  5. Основы CSS.
  6. Chrome DevTools.
  7. Каскад.
  8. Div, span и display.
  9. Правило близости.
  10. Размещение на GitHub Pages.
  11. Интеграция с соц. сетями и семантический веб.
  12. Дополнительные материалы. Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

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

  • Как создавать HTML-разметку.
  • Как создавать дизайн сайта.

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

Рахим Давлеткалиев

  • Преподавал в Алматинском международном IT-университете.
  • Основатель образовательной платформы «Хекслет».
  • Разработчик в Ericsson Canada.

3. «Обзор Frontend и Backend технологий» от Евгения Волосатова

Язык: русский.

Длительность: 9 уроков длительностью от 6 до 12 минут. Общая длительность 1 час 15 минут.

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

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

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

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

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

  1. Frontend — клиентская часть.
  2. HTML.
  3. CSS.
  4. JavaScript.
  5. Backend — серверная часть.
  6. Server.
  7. PHP.
  8. Session.
  9. MySQL.
  10. PDO.
  11. Partner.

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

  • Как работают основные языки программирования.
  • Выполните небольшой проект с использованием нескольких языков программирования.

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

Евгений Волосатов

  • Специалист по созданию игр и прикладных программ.
  • Закончил Вильнюсский государственный университет.
  • Выполнил огромное количество проектов на разных языках программирования.

4. «Foundations of Front-End Web Development» от Davidе Molin

Язык: английский. Проверьте свой уровень английского бесплатно.

Длительность: 133 урока длительностью от 3 до 20 минут. Общая длительность 20 часов 45 минут.

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

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

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

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

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

  1. Introduction.
  2. HTML Foundations.
  3. Semantic HTML.
  4. CSS.
  5. HTML and CSS Workshop: from a PSD to HTML/CSS.
  6. Javascript quickstart.
  7. The browser environment: the DOM.
  8. jQuery quickstart.
  9. Advanced Javascript: Backbone.js.
  10. BackboneJS Workshop: Foogle play store.
  11. Responsive Web Development.
  12. Introduction to testing.
  13. Epilogue.

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

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

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

Дэвид Молин

  • Работает программистом с 1999 года.
  • Сотрудничал с Electronic Arts, SAP и Beamly. Специализируется на Frontend-разработке.

5. «React JS Frontend Web Development for Beginners» от Ryan Dhungel

Язык: английский.

Длительность: 32 урока длительностью 5-10 минут. Общая длительность 2 часа 45 минут.

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

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

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

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

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

  1. Modern Javascript.
  2. React JS.
  3. React Hooks.

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

  • Как работает современный JavaScript.
  • Как работает React JS.
  • Как составлять запросы AJAX.
  • Как создавать новостные приложения.

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

Райан Данджел

  • Создаёт приложения при помощи JavaScript, Node JS, React JS, Vue JS и Laravel.
  • Преподаёт программирование на различных образовательных площадках.

6. «HTML, CSS and JavaScript for Web Developers» от университета Джона Хопкинса

Язык: английский, есть русские субтитры.

Длительность: 40 часов, курс рассчитан на 5 недель.

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

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

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

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

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

  1. Introduction to HTML5.
  2. Introduction to CSS3.
  3. Coding the Static Restaurant Site.
  4. Introduction to Javascript.
  5. Using Javascript to Build Web Applications.

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

  • Основам работы с HTML и CSS3.
  • Как написать статичный сайт.
  • Как работать с JavaScript для создания веб-приложений.

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

Яков Чайкин

  • Профессор в Университете Джона Хопкинса.
  • Обучил более 500 тысяч разработчиков на различных образовательных платформах.

7. «JavaScript для начинающих» от Stepik

Язык: русский.

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

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

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

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

С сертификатом

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

  1. В двух словах о JavaScript.
  2. Внедрение кода, структура программы, комментарии.
  3. Переменные, типы данных.
  4. Простейшие операции.
  5. Ветвление.
  6. Циклы.
  7. Стандартные объекты
  8. Функции
  9. Объекты
  10. Строки
  11. Массивы
  12. Дата и время
  13. Математические функции
  14. Продвинутые операции
  15. Обработка ошибок
  16. Введение в регулярные выражения
  17. Использование регулярных выражений
  18. Замыкания

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

  • Познакомитесь с основами программирования на JavaScript и подготовитесь к практическому применению полученных знаний.

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

Антон Холин

  • 270 тысяч подписчиков на Stepik.
  • Обучает языкам программирования на цифровых образовательных платформах.

8. «Как стать веб-разработчиком» от «Яндекс.Практикума»

Язык: русский.

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

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

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

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

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

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

  1. Первый код.
  2. Что такое HTML и CSS.
  3. Базовые CSS-свойства.
  4. Больше CSS.
  5. JavaScript. Начало.
  6. JavaScript. Приземление в реальность.
  7. О том, что дальше.

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

  • Писать HTML-разметку
  • Работать с CSS-стилями
  • Создавать интерактивные сайты при помощи JavaScript

Особенности курса:

  • Курс является вводным модулем платной обучающей программы от «Яндекс.Практикума» — «Веб-разработчик».
  • По окончании платного курса можно получить диплом о профессиональной переподготовке.

9. «HTML для начинающих» от Code Basics

Язык: русский.

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

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

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

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

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

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

  1. Основы HTML.
  2. Текст в HTML.
  3. Медиаэлементы.
  4. Структура HTML документа.
  5. Формы.
  6. Семантические элементы HTML5.
  7. Разное.

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

  • Основы разметки HTML.
  • Как использовать текст в HTML.
  • Как вставлять медиафайлы на страницу.

10. «Знакомство с HTML и CSS» от HTML Academy

Язык: русский.

Длительность: 83 урока, 3 часа теории, 3 часа практики.

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

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

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

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

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

  1. Структура HTML-документа.
  2. Разметка текста.
  3. Ссылки и изображения.
  4. Основы CSS.
  5. Оформление текста.

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

  • Выполните разнообразные практические задания, направленные на закрепление пройденного материала.
  • Разберётесь с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
  • По окончании курса у вас будет собственный сайт-портфолио.

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

Язык: русский.

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

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

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

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

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

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

  1. Создаём свою первую HTML-страницу.
  2. Теги как основа HTML-страницы.
  3. Теги для поисковиков.
  4. Время поделиться первым результатом.
  5. Основы оформления контента в HTML.
  6. Учимся делать ссылки в HTML.
  7. Основы CSS.
  8. Таблицы в HTML.
  9. Формы в HTML.
  10. Табличная вёрстка HTML-страничек. Прототип сайта.
  11. Как выложить сайт в Интернет: простая инструкция.
  12. Что делать после прохождения курса HTML.

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

  • Создадите сайт и выложите его в интернет.

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

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

  • Занимается программированием более 10 лет.
  • Занимает должность backend-разработчика в VK.

12. «Вводный курс по HTML и CSS для начинающих» от Дмитрия Лаврика

Язык: русский.

Длительность: 5 уроков длительностью от 1,5 до 2 часов. Общая длительность 9 часов.

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

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

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

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

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

  • Как работают сайты.
  • Как работать с HTML и CSS.
  • Как верстать страницы с большим функционалом.

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

Дмитрий Лаврик

  • Преподаватель, выкладывающий контент по веб-разработке на различных площадках.
  • Сертифицированный бизнес-тренер.

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

Язык: русский.

Длительность: 11 уроков длительностью общей длительность 20 часов.

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

Уровень сложности: для начинающих +домашние задания.

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

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

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

  • Как работают теги, их атрибуты и свойства.
  • Как ориентироваться в структуре документа.
  • Как верстать сайты.
  • Какие существуют типы вёрстки.
  • Как использовать Photoshop при создании сайта.

14. «HTML для начинающих» от LoftBlog

Язык: русский.

Длительность: 21 урок длительностью от 5 до 20 минут. Общая длительность 3 часа 15 минут.

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

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

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

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

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

  • Основам работы с HTML.
  • Как работать с тегами и разметкой страниц.

15. «Создаём сайт на основе CSS3 и HTML5» от Гоши Дударя

Язык: русский.

Длительность: 14 уроков длительностью от 2 до 20 минут. Общая длительность 2,5 часа.

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

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

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

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

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

  • Как создавать различные элементы сайта.
  • Что представляет собой профессия разработчика.

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

Григорий Дударь

  • Основатель онлайн-школы программирования itProger.
  • Автор YouTube-канала о программировании с более чем 800 тысячами подписчиков.

16. «Бесплатный курс по вёрстке сайтов» от Евгения Андриканича

Язык: русский.

Длительность: 56 уроков длительностью от 5 минут до 1 часа 10 минут. Общая длительность 20,5 часов.

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

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

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

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

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

  • Основам работы с HTML, CSS и JavaScript.
  • Как создавать адаптивные сайты.
  • Как верстать современные и функциональные страницы.

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

Евгений Андриканич

  • Специалист по разработке сайтов.
  • Владелец YouTube-канала с более чем 310 тысячами подписчиков.

17. «Frontend-разработка» от сервиса Brainoteka

Язык: русский.

Длительность: 91 урок длительностью от 5 минут до 25 минут.

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

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

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

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

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

  • Основам работы с HTML и CSS.
  • Как использовать JavaScript при создании сайтов.
  • Как применять библиотеку jQuery.

18. «Веб-разработчик 10.0» от Glo Academy

Язык: русский.

Длительность: 31 урок длительностью от 10 минут до 1 часа 30 минут. Общая длительность 22 часа.

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

Уровень сложности: для веб-дизайнеров с базовым опытом проектирования интерфейсов.

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

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

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

  • Как работать с HTML и CSS.
  • Как верстать простые сайты.
  • Как подключать аналитику для сайта.
  • Как использовать WordPress.

19. «Фронтенд-разработка» от VK Team

Язык: русский.

Длительность: 13 уроков длительностью от 50 минут до 3 часов 45 минут. Общая длительность 24,5 часа.

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

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

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

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

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

  • Чем занимается frontend-разработчик.
  • Как использовать JavaScript в разработке.
  • Как оптимизировать веб-приложения.

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

  • Курс разработан и проводится командой VK Team.

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

Основатель проекта. Разбираюсь в SEO, копирайтинге и интернет-маркетинге. Работаю онлайн с 2018 года. Люблю философствовать, потреблять контент в самых разнообразных его формах и, конечно же, писать интересные статьи для своих сайтов.

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

  1. Екатерина

    Спасибо за подборку!👍

    Ответить