Курсы JavaScript

Собрали для вас Лучшие курсы Javascript 2024 года. Информация постоянно обновляется и добавляются новые курсы. Изучите с нуля и даже если у вас совсем нет опыта Javascript на онлайн обучении от лучших школ программирования.

Похожие направления курсов: python, тестирование, java.

Курс Fullstack-разработчик на JavaScript Нетология ⭐ Читать отзывы

О курсе

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

Цель	Изучение навыка
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Результат обучения	Сертификат
Форматы обучения	Вебинары

Программа обучения — 21 месяц

128 часов теории, 600 часов практики

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● На лекции и практические задания понадобится 7–10 часов в неделю

● Записи вебинаров, лекции, тесты, тренажёр, презентации и другие полезные материалы хранятся в личном кабинете

Frontend-разработка

HTML-вёрстка с нуля до первого макета
Курсовой проект — вёрстка макета сайта

Адаптивная и мобильная вёрстка

Курсовой проект — адаптивная вёрстка сайта

Основы программирования на JavaScript

Курсовой проект — игра «Крестики-нолики»

Система контроля версий Git

Основы работы с JavaScript

Курсовой проект — сайт-биржа по продаже криптовалюты

Разработка на JavaScript в браузере

Курсовой проект — веб-менеджер личных финансов

Продвинутый JavaScript: современные возможности языка

Курсовой проект — игра-ходилка в стиле фэнтези

Frontend-разработка на React

Курсовой проект — сайт интернет-магазина обуви

Backend-разработка

Node.JS и библиотека Express.js

Курсовой проект — приложение для службы доставки

TypeScript, Nest.js, Yandex Cloud

Дополнительные модули

Английский язык для начинающих разработчиков
Алгоритмы и структуры данных
Основы графического дизайна

Карьера в fullstack-разработке

Ссылка на курс

Курс JavaScript Skillbox ⭐ Читать отзывы

О курсе

Вы с нуля научитесь разрабатывать полноценные сайты и веб-приложения на JS и изучите один из фреймворков — Vue, React или Angular. Станете ценным сотрудником для любой IT-компании, поймёте, как получить повышение, и сможете зарабатывать больше.

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

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

1. JavaScript. Базовый уровень. Пройдёте основы JavaScript: переменные, работу с числами, массивы, циклы и функции. Научитесь создавать всплывающие элементы, галереи и интерактивные формы. Узнаете, как получить данные из других сервисов или с сервера. Например, загрузить информацию о погоде с помощью API.
2. JavaScript. Продвинутый уровень
   1. Глубоко изучите браузерные события, чтобы создавать сложные интерфейсы. Узнаете, зачем и как делить код на модули, чтобы он не превратился в «лапшу».
   2. Разберётесь, как в JavaScript работает event loop — механизм, который позволяет запускать функции по расписанию. Например, поставить таймер или повторять действие через каждую секунду.
   3. Научитесь обрабатывать ошибки в коде, загружать пакеты с помощью npm и собирать модульные проекты в webpack. Сможете тестировать код и повысите качество своей работы.

Ссылка на курс

Факультет Fullstack JavaScript GeekBrains ⭐ Читать отзывы

О курсе

На курсе дают базовые знания для разработки на практике веб-сервисов: от верстки и анимации, до создания баз данных. Изучите языки JavaScript, Python, PHP и другие технологии и научитесь создавать сайты, мобильные приложения и высоконагруженные сервисы.

Станьте Fullstack-разработчиком, который разбирается и во внешней оболочке сайта, и в его внутренней логике работы. Получите базовые знания и на практике освойте навыки разработки веб-сервисов: от верстки и анимации, до создания баз данных. Изучите языки JavaScript, Python, PHP и другие технологии и научитесь создавать сайты, мобильные приложения и высоконагруженные сервисы. И уже через 9 месяцев вы сможете трудоустроиться.

Длительность: 12 месяцев по 12 часов в неделю

Школа	Geekbrains
Длительность курса	12 месяцев
Стоимость курса	144 000 ₽
Цена в рассрочку	4 000 ₽/мес
Программа трудоустройства	Есть
Документ об окончании курса	Диплом о профессиональной переподготовке, удостоверение о повышении квалификации или свидетельство о прохождении обучения
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем
Проекты в портфолио по итогам обучения	ИТ-проекты: сайты, программы или приложения.

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

Основной блок

Погружение в сферу ИТ. Вы изучите прикладную математику, познакомитесь с профессиями в разработке, популярными языками программирования и получите базовые навыки.

2 месяца

Специализация Программист

7 месяцев

Ссылка на курс

JavaScript Developer SkillFactory ⭐ Читать отзывы

Базовые знания верстки на HTML и CSS, изучение языков для фронтенда и бэкенда — JavaScript и PHP. Основы администрирования и фреймворк Laravel. Тестирование веб-приложений.

Школа	SkillFactory
Длительность курса	20 месяцев
Стоимость курса	148 500 ₽
Цена в рассрочку	4 125 ₽/мес
Программа трудоустройства	Есть
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем
Проекты в портфолио по итогам обучения	Проекты по веб-разработке (Telegram чат-бот, инструкция по установке Visual Studio, инструкция по работе с GIT на GitHub, простой сайт-визитка, примитивная страница со списком новостей, приложения с обработкой пользовательского ввода, простой калькулятор, игра «Угадайка» с использованием алгоритма бинарного поиска, справочник «Экзотические фрукты», генератор случайных пользовательских данных, алгоритмические задачи, поиск идеальной пары, обработка форм), проекты по fronted-разработке (веб-страница в Figma, верстка на Bootstrap, верстка лендинга по макету, приложение с иерархией электроприборов, практикум-рефакторинг, URL-запросы, чат на основе эхо-сервера, сайт на шаблонизаторе, SPA чат портал, практикум-тестирование, магазин, решение алгоритмических задач, таск-менеджер, канбан-доска, реализация клиентской части сайта проката велосипедов), проекты по backend-разработке (базы данных, ссборка площадки для разработки на базе Homestead, задачи с веб-серверами, решение проблем с веб-сервером, сборка площадки для разработки на базе Docker, ООП для игры в автотематике, каркас MVC фреймворка, галерея изображений, система регистраций, конфигурирование приложения, практикум-тестирование, практикум-рефакторинг, мессенджер).

Ссылка на курс

Курс Backend-разработка на Node.js Нетология ⭐ Читать отзывы

Станьте fullstack-разработчиком, зная только JavaScript

Технология Node.js позволит вам разрабатывать backend
для веб-приложений самостоятельно, а язык программирования TypeScript расширит возможности JavaScript для ваших проектов

Программа обучения — 6 месяцев

40 часов теории, 184 часа практики

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● На лекции и практические задания понадобится 10 часов в неделю

● Записи вебинаров, лекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете

Введение в Node.js

Библиотека Express.js

Приложение для доставки

Курсовой проект

TypeScript

Nest.js

Yandex Cloud

Английский язык для начинающих разработчиков

Бонусный модуль

Итоговый проект  — агрегатор отелей

Ссылка на курс

Профессия Fullstack-разработчик на JavaScript Skillbox ⭐ Читать отзывы

Вы с нуля научитесь разрабатывать полноценные сайты и веб-приложения на JS и изучите один из фреймворков — Vue, React или Angular. Станете ценным сотрудником для любой IT-компании, поймёте, как получить повышение, и сможете зарабатывать больше.

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

Содержание курса

Вас ждут 3 курса по веб-вёрстке, основам JavaScript и одному из его фреймворков — React или Vue.

Чтобы освоить backend-разработку, вы выберете курс по одному из этих языков — PHP, Python или Node.js, — а затем изучите 11 дополнительных курсов по алгоритмам, Git, техническому английскому и не только.

• 10месяцев обучения
• 500+видеоматериалов

Основные курсы

1. Веб-вёрстка. Базовый уровень
2. Веб-вёрстка. Продвинутый уровень
3. JavaScript. Базовый уровень
4. JavaScript. Продвинутый уровень
5. Курс на выбор. React.js
6. Курс на выбор. Vue.js

Специализация: PHP

1. PHP-разработчик
2. PHP-фреймворк Laravel
3. PHP-фреймворк Symphony

Специализация: JavaScript

1. Node.js

Специализация: Python

1. Основы Python
2. Python Advanced

Ссылка на курс

Базовый курс JavaScript GeekBrains ⭐ Читать отзывы

Студенты знакомятся с основами JavaScript, позволяющего делать веб-страницы интерактивными. Учатся создавать динамические страницы и приложения, используя опыт HTML-верстки. Отрабатывают навык программирования на JavaScript, разрабатывая мини-игры.

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

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

• Урок 1. Основы языка JavaScriptСинтаксис; структура кода; внешние скрипты и порядок их исполнения; переменные и типы данных; Hello world; современные стандарты.
• Урок 2. Основные операторы JavaScriptОператоры и операнды; приоритет операций; условные операторы; функции; рекурсия; практикум; игра «Угадай число».
• Урок 3. Циклы, массивы, структуры данных. Циклы в JavaScript; массивы в JavaScript; структуры данных; практикум; игра «Быки и коровы».
• Урок 4. Объекты в JavaScriptЗнакомство с понятием объектов; объекты в JavaScript; работа с объектами; перебор значений; практикум; игра «Квест».
• Урок 5. Введение в DOMПонятие DOM; DOM в JavaScript; манипуляции с DOM в JavaScript; практикум; игра «Квест 2.0».
• Урок 6. Обработка событий в JavaScriptПонятие события; обработка нажатий; браузерные события; практикум; игра «Крестики-нолики».
• Урок 7. Урок-практикум. Реализация игры «Змейка».
• Урок 8. Анонимные функции, замыкания. Углубленное изучение работы функций; функции и функциональные выражения; анонимные функции; замыкания; действия браузера по умолчанию.

Ссылка на курс

Профессия Frontend-разработчик PRO SkillFactory ⭐ Читать отзывы

Получите перспективную творческую профессию и изучите JavaScript и TypeScript.
Выполните 13 проектов в портфолио.

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

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

2 месяца

Верстка веб-страниц

Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии

Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — HTML и CSS. С их помощью вы будете верстать веб-страницы.

Затем вы освоите адаптивную верстку, которая помогает подстраивать отображение созданных страниц под экраны разных устройств.

С этими навыками вы сможете брать заказы на фриланс-биржах, работать с GitHub и сохранять там свои проекты.

— Создавать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Применять семантическую верстку
— Использовать средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox и Grid
— Использовать файлы формата SVG
— Работать в GitHub

Вы научитесь:

3 месяца

Программирование на JavaScript

Практика:
— Тренажер по Javascript
— 76 задач на Javascript
— Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API

JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

Для этого вам понадобится узнать, что такое объектно-ориентированное программирование, и научиться применять ООП в JavaScript.

Познакомитесь с темами уровня middle — Canvas API и анимация. Освоите тестирование кода.

— Писать простые программы на JavaScript, разбираться в типах данных
— Применять ООП в JavaScript
— Создавать сложные скрипты с обработкой событий
— Работать с форматами XML и JSON
— Пользоваться различными API в браузере
— Реализовать анимацию на JS
— Писать юнит-тесты

Вы научитесь:

3 месяца

TypeScript и инструменты для разработки

Практика:
— 20 задач на TypeScript
— Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript

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

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.

— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse

Вы научитесь:

3 месяца

Разработка с помощью React.js

Практика:
— Тренажер по React.js
— Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js

Набор библиотек React вам понадобится, чтобы вывести вас на новый уровень профессионального программирования — сможете создавать модульные проекты, обрабатывать сложные события в браузере.

Помимо этого, вы изучите фреймворк Next.js, чтобы в связке React + Next.js разрабатывать многостраничные сайты.

Познакомитесь с фреймворками Angular и Vue.js. Это расширит ваши возможности по выбору проектов.

— Разрабатывать приложения на React
— Писать свои компоненты и хуки на React
— Создавать приложения на Angular и Vue.js
— Использовать Typescript в React-проектах
— Разрабатывать сайты на React + Next.js
— Применять библиотеку Redux на приложении React

Вы научитесь:

2 месяца

Архитектура приложений и бэкенд

Практика:
— Code challenge на реализацию API
— Финальный проект: киносайт на API

Сайт состоит из фронтенда и бэкенда. Фронтенд-разработчик должен разбираться в том, как устроен бэкенд — внутренняя работа программы на сервере.

Вы научитесь соединять фронтенд с бэкендом, для этого узнаете, что такое API и познакомитесь с Node.js. Знания закрепите на практике в виде code challenge.

Эти навыки вы примените для самостоятельного итогового проекта, который станет реальным доказательством ваших знаний.

— Подключать приложение к базе данных
— Разворачивать приложение на Node.js
— Проектировать и реализовывать Rest API
— Создавать документацию к своему API

Карьерный трек

Практика:
— Составление резюме, поиск вакансий или заказов

Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

Если планируете брать заказы на фрилансе, мы поможем вам освоить работу на фриланс-биржах.

— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Адаптироваться к работе в команде
— Оформлять свой профиль на фриланс-биржах
— Искать заказы на биржах и общаться с заказчиками

Ссылка на курс

Курс React: библиотека фронтенд-разработки №1 Нетология ⭐ Читать отзывы

О курсе

Освоите самый выбираемый веб-фреймворк 2022 года и расширите карьерные возможности

Научитесь создавать пользовательские интерфейсы

Длительность 2,5 месяца

Необходимые навыки Знание JavaScript

Документ Удостоверение о повышении квалификации

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

Программа обучения — 2,5 месяца

13 часов теории, 76 часов практики

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● На лекции и практические задания понадобится 10 часов в неделю

● Записи вебинаров, лекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете

Компоненты

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

4 часа теории

12 часов практики

Компоненты

События и состояние

Props

Формы

Продвинутые техники, одностраничные приложения

Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.

5 часов теории

15 часов практики

Композиция компонентов

Жизненный цикл и работа с HTTP

Higher-order component (HOC)

Hooks, Context API

React Router

Redux — управление состоянием

Познакомитесь с управлением глобальным состоянием приложения — одним из ключевых навыков разработки сложных приложений. Начнёте с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а завершите продвинутыми инструментами: Redux Observable и Redux Saga.

3 часа теории

9 часов практики

Redux и Redux Thunk

Redux Observable

Redux Saga

Git — система контроля версий

Бонус

За три занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.

5 часов теории

15 часов практики

Предназначение системы контроля версий

Основные операции: фиксация и откат изменений, поиск, история

Работа с сервисом GitHub

Ветки, слияние веток и разрешение конфликтов

Командная работа

Английский язык для начинающих разработчиков

Бонус

Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.

5 часов теории

13 часов практики

Чтение технической документации

Языки программирования. Составление отчётов об ошибках

QA-тестирование

Слова из технической сферы, которые часто произносят неправильно

Навык просмотра англоязычного видеоконтента

Самопрезентация. Elevator Pitch

Прохождение собеседований

Высококлассное резюме и сопроводительное письмо

Email-переписка

Общение в технических чатах

Как вести звонки и встречи

Как учить лексику

Как учить грамматику

Ссылка на курс

Курс Автоматизированное тестирование веб-приложений на JavaScript Skillbox ⭐ Читать отзывы

Вы научитесь программировать на JavaScript, работать с фреймворками Selenium Webdriver и Cypress, тестировать пользовательские интерфейсы и настраивать CI. Соберёте портфолио, сможете претендовать на повышение или работу в крупной IT-компании.

• Трек из 5 курсов
• 4 месяца продолжительность курса
• Онлайн в удобное время
• Доступ к курсу навсегда

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

Содержание курса

Вас ждут видеоматериалы и практические задания на основе реальных кейсов.

• 4месяца обучения
• 36тематических модулей

Базовые навыки

1. Система контроля версий Git
   1. Версии программного кода.
   2. Установка Git.
   3. Индекс и частичные коммиты.
   4. Сравнение версий.
   5. Отмена изменений и откат версий.
   6. Репозитории и коллективная работа.
   7. Ветки — создание и управление.
   8. Слияние и разрешение конфликтов.
   9. Полезные инструменты.
   10. Правила работы с Git.
2. Автоматизированное тестирование на JavaScript. Часть 1
   1. Введение в автоматизированное тестирование.
   2. Знакомство с автоматизацией на JS: mocha и Selenium Webdriver.
   3. Поиск элементов в Selenium Webdriver.
   4. Поиск элементов: CSS.
   5. Поиск элементов с помощью CSS: продолжение.
   6. Сложные CSS-локаторы и ожидания элементов.
   7. XPath-локаторы.
   8. Мастер-класс по написанию автотестов.
3. JavaScript. Базовый уровень
   1. Введение.
   2. Переменные и работа с числами.
   3. Строки, boolean и условные операторы.
   4. Массивы и циклы.
   5. Функции.
   6. Объекты.
   7. Константы, области видимости и замыкания.
   8. Преобразование типов и нестрогие сравнения.
   9. Введение в DOM.
   10. Обработка событий и пользовательский ввод.
   11. Разработчик и soft skills.

Продвинутые навыки

1. JavaScript. Продвинутый уровень
   1. Обработка событий и пользовательский ввод.
   2. Модули.
   3. Общение с сервером, async/await.
   4. Event Loop и асинхронная разработка.
   5. Методы объекта и прототипы.
   6. Обработка ошибок.
   7. События.
   8. ООП и его реализация в JavaScript.
   9. Функциональный подход.
   10. Тестирование.
   11. Npm, package.json.
2. Автоматизированное тестирование на JavaScript. Часть 2
   1. Continuous Integration.
   2. WebdriverIO.
   3. Cypress: JS Testing Next Gen.
   4. Альтернативные фреймворки.
   5. Паттерны автоматизации тестирования.
   6. JS API-тесты.

Итоговые проекты

1. Простые автотесты. Напишете простые автотесты и отточите свои навыки на реальной задаче.
2. Автоматические тесты. Напишете автоматический тест и настроите непрерывную интеграцию.

Ссылка на курс

Курс JavaScript-фреймворк React.js Skillbox ⭐ Читать отзывы

Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js

• Длительность 2,5 месяца
• Онлайн в удобное время
• Обучение на практике
• Доступ к курсу навсегда

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

Содержание курса

Вас ждут 2 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.

• 2месяца обучения
• 16тематических модулей

1. Введение в React
   1. Что такое React. Основные преимущества.
   2. Основы декларативного подхода.
   3. Возможности React, компоненты, состояние, применения.
   4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек.
2. Создание проекта
   1. Конфигурация webpack на клиенте.
   2. Конфигурация webpack на сервере.
   3. Подключение к проекту HMR и SSR.
   4. Подключение TypeScript.
   5. Подключение CSS modules, Jest, Enzyme.
3. Typescript
   1. Основы TypeScript. Типы.
   2. Работа с массивами.
   3. Работа с объектами и интерфейсами.
   4. Типизация функций и типы TS.
   5. Generics.
   6. Классы.
   7. Infer, typeof, keyof, Mapped Types.
4. Компоненты на примере новостной карточки Reddit
   1. Компоненты в React.
   2. Состояния в Class Components.
   3. Состояния в Functional Components.
   4. Создание Layout приложения. Часть 1.
   5. Создание Layout приложения. Часть 2.
   6. Создание компонента новостной карточки.
   7. Жизненный цикл компонента.
5. Hooks и функциональное программирование
   1. Каррирование и функции высшего порядка.
   2. Hooks в React.
   3. Map и Reduce в React.
   4. Создание компонента dropdown c использованием hooks.
   5. Compose, Pipe и их применение в React.
6. Компоненты – продвинутые темы. Введение в тестирование компонентов
   1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы.
   2. Создание Dropdown-меню с использованием state.
   3. Введение в unit-тесты и Jest.
   4. Написание тестов для React компонента. Enzyme vs Snapshots.
   5. Вспомогательные компоненты.
7. Работа с публичным API на примере Reddit
   1. Как работать с API.
   2. Регистрируем аккаунт разработчика на Reddit.
   3. OAuth2.
   4. Страница авторизации пользователя.
   5. Как структурировать API-запросы в приложении.
8. React Context
   1. Забираем из API данные пользователя.
   2. Отображаем данные пользователя в компоненте через prop.
   3. Используем React Context для работы с данными.
   4. Обновляем данные через контекст.
9. Портал и форма
   1. Верстаем карточку поста, используя ReactPortal.
   2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна.
   3. Controlled и uncontrolled компоненты на примере поля комментария.
   4. Сохраняем состояние формы, используя контекст.
10. Введение в Redux на примере поля для ввода комментария
    1. Введение в Redux.
    2. Устанавливаем Redux, подключаем его к приложению.
    3. Action + reducer.
    4. Presentation Components/Container Components.
11. Использование Redux-Thunk на примере загрузки профиля пользователя
    1. Работа с асинхронными запросами в Redux.
    2. Пишем простой logger middleware.
    3. Подключаем thunk к приложению. Пишем свой первый асинхронный action.
    4. Работа с асинхронным состоянием.
    5. Пишем простой loader.
12. Формы на примере комментариев и карточки поста
    1. Экскурс в формы. Проблематика форм React.
    2. Состояние полей. Различные подходы.
    3. Какие можно использовать библиотеки и почему они могут мешать.
    4. Сохраняем состояние формы, валидируем поля и выводим ошибки.
    5. Доступности, нативные элементы и возможности работать с формой через табуляцию.
13. «Бесконечные» списки на примере ленты постов
    1. Работа с запросами к API.
    2. Делаем загрузку ленты постов.
    3. Виды бесконечных скроллов и пагинаций.
    4. Делаем подгрузку ленты постов.
    5. Эффективный рендеринг больших списков.
14. Роутинг
    1. Роутинг в SPA и в React.
    2. Подключаем React Router.
    3. Подключаем новостную ленту к роутеру.
    4. Дополнительный функционал роутинга.
15. Deploy
    1. Что такое деплой.
    2. SaaS vs PaaS vs IaaS.
    3. Деплой приложения на Heroku.
    4. Готовим проект к продакшну.
16. Бонус-модуль: Mobx, effector и другие альтернативы redux
    1. Общий обзор и сравнение.
    2. MobX.
    3. Effector.

Ссылка на курс

Продвинутый курс Javascript GeekBrains ⭐ Читать отзывы

Курс научит использовать максимум возможностей JavaScript, чтобы создавать функциональные, привлекательные сайты. Используя библиотеку JQuery, осваивая Ajax-запросы, начинающие разработчики сделают интерфейс своего интернет-магазина интерактивным.

Цель	Обучение профессии
Тип обучения	Самостоятельно с наставником
Уровень	Для новичков
Форматы обучения	Видеоуроки, Тексты

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

• 1Урок 1. Современный JavaScriptЗнакомство со стандартом ES2015 и некоторыми его возможностями.
• 2Урок 2. ООП в JavaScriptОсновные принципы объектно-ориентированного программирования и его реализация в JavaScript.
• 3Урок 3. Асинхронные запросыОсновы асинхронного JavaScript. AJAX, JSON и Promises.
• 4Урок 4. Регулярные выраженияРегулярные выражения в JavaScript. Основные операции с регулярными выражениями и строками.
• 5Урок 5. Фреймворк Vue.jsОсновы разработки одностраничных приложений с помощью фреймворка Vue.js.
• 6Урок 6. Компоненты Vue.jsРеализация компонентного подхода во фреймворке Vue.js.
• 7Урок 7. JavaScript на сервереСоздание простого сервера с помощью платформы Node.js.
• 8Урок 8. Тестирование и сборкаТестирование отдельных частей приложения. Сборка модулей с помощью Webpack.

Ссылка на курс

Часто задаваемые вопросы про курсы JavaScript

Другие популярные курсы программирования