Курсы Javascript платные и бесплатные – онлайн-курсы программирования на 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

  1. Какие курсы по JavaScript выбрать?

    Веб-разработчик с нуля Нетология 3.9454 отзыва Срок обучения 23 месяца …
    Профессия: Frontend-разработчик ProductStar. 4.4166 отзывов Срок обучения …
    FullStack-разработчик Geekbrains. 3.61 075 отзывов Срок обучения …
    Веб-разработчик (Стандартный) Skypro. 4.3139 отзывов Срок обучения

  2. Сколько времени уйдет на изучение JavaScript?

    Если вы готовы ежедневно уделять кодингу 5-6 часов, то можете выйти на уровень джуниора за 4-5 месяцев. Если обучение нужно совмещать с работой, то базовое освоение JavaScript отнимет на пару месяцев больше.

  3. В чем плюсы JavaScript?

    Наличие полной интеграции с версткой страниц и серверной частью. Рациональность применения и простоту. Решить элементарную задачу при помощи JS удается за несколько минут. Сам ЯП обладает понятным синтаксисом, который не требует углубленного изучения.

  4. Нужно ли знать HTML для изучения JavaScript?

    Прежде чем перейти к JavaScript и другим языкам программирования, необходимо знать основы HTML и CSS, поскольку они находятся на передней части каждой веб-страницы и приложения.

  5. На чем писать код JavaScript?

    Sublime Text (кросс-платформенный, shareware).
    Visual Studio Code (кросс-платформенный, бесплатный).
    Atom (кросс-платформенный, бесплатный).
    Brackets (кросс-платформенный, бесплатный).
    SciTe – простой, лёгкий и очень быстрый (Windows, бесплатный).
    Notepad++ (Windows, бесплатный).
    Vim, Emacs.

  6. Как начать писать код на JS?

    Есть множество способов что-то вывести на экран в браузере, но мы выберем самый простой. Откроем «Инструменты разработчика» (Developer Tools) в браузере Chrome. Сделать это можно через сочетание клавиш Ctrl + Shift + I или F12 (Cmd + Opt + I на macOS) или через меню браузера.

  7. Что такое JavaScript простыми словами?

    JavaScript – это язык программирования, который добавляет интерактивность на ваш веб-сайт (например: игры, отклик при нажатии кнопок или при вводе данных в формы, динамические стили, анимация).

  8. Сколько зарабатывают программисты JavaScript?

    Новички- программисты по данным портала hh.ru могут рассчитывать на 30 тыс. рублей. А специалисты с опытом от 100 тыс. рублей

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

Записей не найдено.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *