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

«Веб-программирование» от 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-программирование.

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

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

• Facebook

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

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

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

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

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

«Основы 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-разметку.
• Как создавать дизайн сайта.

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

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

• YouTube

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

«Обзор 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.

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

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

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

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

• Facebook

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

«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-разработки.

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

Дэвид Молин

• Twitter

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

«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.
• Как создавать новостные приложения.

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

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

• Facebook

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

«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 для создания веб-приложений.

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

Яков Чайкин

• Twitter

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

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

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

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

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

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

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

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

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

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

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

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

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

Антон Холин

• VK

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Instagram

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• VK
• Instagram
• Twitter
• YouTube

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

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

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

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

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

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

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

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

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

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

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

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

• Instagram

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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