ТОП-34 лучших курсов JavaScript: обучение онлайн, бесплатные и платные в 2024 году

1 место. Курс «JavaScript от Skillbox»

Цена: Рассрочка на 12 месяцев – 4 347 ₽ / мес

Ссылка на сайт: https://skillbox.ru/course/javascript/

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

• Длительность – 6 месяцев
• Онлайн в удобное время
• Практика на реальных кейсах
• Доступ к курсу навсегда.

Перейти на официальный сайт →

Кому подойдёт этот курс:

• Начинающим фронтенд-разработчикам
  Вы научитесь создавать интерактивные страницы, которые взаимодействуют с сервером, и станете более высокооплачиваемым специалистом.
• Тем, кто хочет научиться программировать
  Вы освоите язык JavaScript и его экосистему и сможете начать карьеру JavaScript-разработчика.

Чему вы научитесь:

• Писать код на JavaScript
  Изучите синтаксис, области применения и лучшие практики JavaScript.
• Работать с JavaScript и инструментами разработчика
  Узнаете, как работать с системой контроля версий Git, менеджером пакетов npm и отладчиком в браузере.
• Использовать разные подходы к разработке
  Научитесь писать код в императивном, объектно ориентированном и функциональном стилях.
• Использовать JavaScript в браузере
  Научитесь использовать JavaScript для взаимодействия с сервером, работать с DOM и событиями.
• Прокачать soft skills разработчика
  Узнаете, какие soft skills и личностные качества нужны junior-разработчику в различных компаниях, сможете развить их.

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

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

Базовый уровень

1. Введение
   Подробно познакомитесь с языком JavaScript, его областями применения и напишите свою первую программу на этом языке.
2. Переменные и работа с числами
   Освоите математические операторы и операторы сравнения, встроенные функции для работы с числами и объект Math. Узнаете, как работать с дробными числами.
3. Строки, boolean и условные операторы
   Узнаете о строковом и логическом (boolean) типах данных, сравнении простых типов данных. Познакомитесь с условными операторами if/else/switch, тернарным оператором, основами булевой алгебры.
4. Массивы и циклы
   Научитесь работать с массивами, циклами for, while, do-while, операторами break и continue.
5. Функции
   Узнаете, зачем нужны функции, как их писать, что такое аргументы и возвращаемое значение функции. Поймёте, что такое значение null и undefined.
6. Объекты
   Научитесь работать с объектами JavaScript: создавать их, объявлять свойства, сравнивать объекты, делать циклы по свойствам, использовать оператор typeof.
7. Введение в DOM
   Узнаете, что такое объектная модель HTML-документа DOM, объектами window, document, деревом узлов DOM.
8. Введение в DOM. Часть 2
   Разработаете простой таск-трекер, с которым будете работать в дальнейших уроках.
9. Константы, области видимости и замыкания
   Узнаете, что такое константы, ключевые слова const и var, области видимости, замыкания, и научитесь их использовать. Сможете пользоваться debug-инструментом в Google Chrome.
10. Преобразование типов и нестрогие сравнения
    Освоите различные преобразования типов данных в JavaScript, узнаете о неявных преобразованиях и нестрогих сравнениях.
11. Общение с сервером, async/await
    Научитесь взаимодействовать с сервером с помощью fetch API, передавать параметры запроса, отлаживать запросы в инструментах разработчика. Научите свой таск-трекер общаться с сервером.

Продвинутый уровень

12. События браузера, контекст выполнения
    Научитесь работать с событиями браузера при помощи обработчиков, задавать функциям контекст выполнения.
13. Модули
    Научитесь работать с модулями JavaScript. Узнаете, почему важно разделять код на модули, когда стоит это делать, какая структура должна быть у проекта. Разделите на модули свой таск-трекер.
14. Event loop и асинхронная разработка
    Узнаете, что такое Event Loop. Сможете вызывать функция через определенный интервал времени. Поймете, как связаны события и Event Loop и научитесь работать с объектами promise.
15. Обработка ошибок
    Освоите работу с ошибками, конструкции try/catch/throw/finally, window/process error event.
16. Классы
    Узнаете, что такое класс и из чего он состоит и как выстроить иерархию классов. Сможете определять свойства класса
17. События
    Научитесь работать с событиями мыши, клавиатуры, страницы, touch-событиями, Drag’n’drop, событиями загрузки ресурсов. Узнаете о взаимодействии с audio/video и синхронизации с CSS-анимациями и переходами.
18. Экосистема JavaScript и npm
    Узнаете, из чего состоит экосистема JavaScript. Освоите работу с менеджером пакетов npm. Узнаете, что такое package.json, для чего нужны команды npm init, npm install. Научитесь использовать версии пакетов и правильно обновлять проект.
19. Сборка
    Научитесь собирать свой код в готовый к использованию проект. Научитесь оптимизировать код и решать проблему несовместимости.
20. Тестирование
    Познакомитесь с разными подходами к тестированию — модульное тестирование, TDD, e2e, тестирование на основе снэпшотов, на основе скриншотов — и узнаете, когда их стоит использовать. Научитесь писать тесты.
21. База знаний

• Парадигмы: императивное, декларативное, функциональное и объектно-ориентированное программирование
• Рекурсия
• Чистые функции
• Регулярки
• TDD
• Стандарты ECMAScript
• Типы модулей: esm, amd, exports.

Эксперт – Тимофей Тиунов
Системный архитектор в Сбермегамаркете
10 лет занимается веб-разработкой во всех её проявлениях. Налаживал процессы DevOps, занимался настройкой серверов, создавал серверные приложения, руководил командами разработки. Работает системным архитектором в Сбермегамаркет, отвечает за frontend в компании.

Отзывы об обучении в Skillbox доступны на сайте.

Сертификат Skillbox
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Подробнее о курсе JavaScript →

2 место. Курс «Fullstack-разработчик на JavaScript от Нетология»

Цена: 108 000 ₽ или рассрочка на 12 месяцев – 9 000 ₽ / мес

Ссылка на сайт: https://netology.ru/programs/javascript-fullstack

Научитесь программировать на JavaScript и TypeScript — сможете самостоятельно создавать сайты и веб-приложения.
Освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB.

• Вебинары, видеолекции, практические задания
• Уровень – с нуля
• Документ – диплом о профессиональной переподготовке.

Перейти на официальный сайт →

Fullstack-разработчик может в одиночку запрограммировать веб-приложение.
Он владеет всем стеком технологий, разбирается в бэкенд- и во фронтенд-составляющей продукта.

Кому будет полезен курс:

1. Новичкам в программировании
   Если у вас нет технического образования и опыта программирования, курс поможет быстро начать карьеру в IT. Вы изучите простой и популярный язык программирования — JavaScript. Это позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта
2. Начинающим разработчикам
   Вы углубите имеющиеся знания и ускорите карьерный рост. Комплексная программа и опыт работы с продвинутыми инструментами, фреймворками, методологиями и стандартами позволят уверенно себя чувствовать даже программистам, имеющим небольшой опыт работы
3. Frontend- и backend-разработчикам
   Сможете добрать недостающие знания и стать fullstack-разработчиком. Умение разрабатывать клиентскую и серверную части проекта позволит вам работать со сложными, комплексными проектами и увеличить свою стоимость как специалиста.

Что вы будете уметь после обучения:

• Верстать сайты в HTML и CSS
• Разрабатывать клиентскую часть сайта на React
• Программировать на языках JavaScript и TypeScript
• Работать с базами данных с использованием MongoDB
• Создавать серверную часть на Node.js, Express.js, Nest.js
• Работать с API сторонних сервисов и проводить Unit-тестирование.

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

JavaScript — идеальный язык для старта карьеры.
Его простой синтаксис позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта. А поскольку он считается ещё и самым популярным языком, можно найти много вакансий.

Что вы сделаете во время обучения:

1. Адаптивную вёрстку сайта
2. Веб-менеджер личных финансов
3. Фронтенд для сайта-агрегатора отелей
4. Приложение для доставки
5. Бэкенд для сайта-агрегатора отелей.

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

Вы решите более 200 практических задач, сделаете четыре курсовых проекта и защитите дипломную работу.

Часть 1. Frontend-разработка

1. HTML-вёрстка с нуля до первого макета
   Вы научитесь верстать сайты на HTML и CSS, а также вносить изменения в существующую вёрстку. По итогам этого модуля самостоятельно сверстаете лендинг.

• Теги для вёрстки контента страницы
• Теги для вёрстки структуры страницы
• Селекторы CSS
• Определение контекста элементов
• Блочная модель
• Позиционирование элементов
• Оформление текста
• Оформление декоративных элементов
• Состояние интерактивных элементов

2. Адаптивная и мобильная вёрстка
   Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон. Это позволит вашему сайту быть адаптивным и корректно работать на любых устройствах.

• Вёрстка резинового макета
• Введение в медиазапросы
• Медиа-функции
• Вёрстка адаптивного макета
• Breakpoints

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

• Алгоритмы
• Переменные, числа и строки
• Логика и математика
• Ветвление кода
• Алгоритм с множественным выбором
• Ошибки в коде
• Массивы
• Циклы
• Подпрограмма, функция
• Объекты
• Синхронное и асинхронное выполнение алгоритма

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

• Предназначение системы контроля версий
• Основные операции: фиксация и откат изменений, поиск, история
• Работа с сервисом GitHub
• Ветки, слияние веток и разрешение конфликтов
• Командная работа

5. Основы работы с JavaScript
   Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса и узнаете, что такое ООП, исключения, замыкания, асинхронность.

• Базовый синтаксис
• Расширенный синтаксис в JavaScript
• Типы данных
• Функции и объекты
• Прототип и конструктор объекта
• ООП в JavaScript (ES6)
• Обработка исключений и замыкания
• Прототип массива, функции высшего порядка
• Асинхронность

6. Разработка на JavaScript в браузере
   Узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.

• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM — Document object model
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер

7. Профессиональная работа с JavaScript
   Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием — async/await. Всё это позволит вам выйти на новый уровень в сфере веб-разработки.

• Стандарты и версии
• Рабочее окружение
• Модули
• Unit-тестирование
• Синтаксические конструкции (try-catch, delete), функции и замыкания
• Свойства объекта, for-in, обёртки для примитивов
• Прототипы, конструкторы
• Классы, наследование
• Контейнеры
• Объект Math, класс RegExp, ArrayBuffer
• Promises, async/await
• Символы, итераторы, генераторы

8. Frontend-разработка на React
   Освоите одну из самых популярных библиотек на JavaScript — React. С помощью неё вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях, а React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.

• Компоненты
• События и состояния
• Props
• Формы
• Композиция компонентов
• Жизненный цикл и работа с HTTP
• HOC
• Hooks, Context API
• React Router
• Redux
• Redux и Redux Thunk
• Redux Saga.

Часть 2. Backend-разработка

9. Введение в Node.js
   Познакомитесь с рабочей средой Node.js и инструментами разработки. По итогам модуля вы создадите консольное приложение для обработки файлов с помощью потоков.

• Особенности работы с Node.js, установка и настройка рабочей среды
• Менеджер пакетов, IO libuv
• Работа с консолью, циклы событий, асинхронность
• Модули Node.js и инструменты разработки
• Стримы (потоки)
• js HTTP-module. HTTP-stream. Встроенный низкоуровневый веб-сервер

10. Библиотека Express.js
    Познакомитесь с библиотекой Express.js, развернёте приложение на сервере, освоите Docker, подключите базу данных MongoDB для хранения данных и passport.js для аутентификации пользователей, настроите обмен данными между клиентом и сервером — с этим помогут websocket и socket.io.

• Библиотеки Node.js для веб-разработки. Express.js
• Паттерн «Цепочка обязанностей»
• Шаблонизаторы. Отрисовка контента (рендер на сервере). Библиотеки ejs
• Развертывание приложения на сервере (heroku)
• Docker, установка и настройка. Контейнеризация приложения. Развертывание через Docker
• Что такое база данных, хранение данных. Сравнение реляционных и объектных БД
• Запуск локальной MongoDB в Docker. Подключение MongoDB в Тode.js приложение. Установка библиотек и настройка соединения. Знакомство с библиотекой Mongoose
• Аутентификация. PassportJS
• Realtime взаимодействие с сервером, протокол websocket. Библиотеки WS и socket.io

11. TypeScript
    Изучите принципы ООП для TypeScript, установите и настроите TypeScript в проекте. Добавите в проект правила проверки кода eslint и типы из модуля библиотеки Node.js.

• js и TypeScript: настройка окружения, возможности
• Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта
• Система типов TypeScript. Основные принципы ООП. SOLID
• Библиотека reflect-metadata. LoC-контейнеры — type-di, inversify
• TS: перенос и интеграция JS-проекта на примере пройденных материалов
• Организация проекта и кодовой базы. Разделение приложения на слои: инфраструктура, внешнее API, сервисы с логикой, работа с базой данных

12. Nest.js
    Изучите фреймворк Nest.js и основные понятия. Создадите проект на Node.js, реализуете функциональность из блока TypeScript на модули Nest.js, подключите базы данных (модуль для MongoDB). Научитесь подключать аутентификацию по модулям Nest.js и добавите тестирование кода в свой проект.

• Фреймворк Nest.js. Создание проекта Nest.js. Основные понятия: модули, контроллеры, сервисы. MVC-архитектура
• Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware
• Подключение базы данных к Nest.js — модуль для MongoDB. Сервисы, репозитории, примеры
• Потоки RxJs
• Валидация и обработка ошибок. Interceptors, pipes
• Аутентификация в Nest.js, passportjs. Guards
• Тестирование. Библиотека Jest. Unit-тесты, интеграционные и приёмочные тесты
• Вебсокеты в Nest.js

13. Firebase
    Вы создадите аккаунт firebase, внедрите функциональность проекта «Книги» на cloud-функции и подключите облачную базу данных для хранения данных из cloud-функций.

• Cloud Firestore, Realtime Database
• Cloud Functions, Hosting
• Firebase Authentication

14. Карьера в fullstack-разработке
    Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдете карьерную консультацию с HR-экспертом.

• Пошаговый план поиска работы
• Анализ рынка труда
• Резюме, портфолио fullstack-разработчика и сопроводительное письмо
• Собеседование: как подготовиться и пройти
• Статистика и измерение эффективности поиска работы
• Индивидуальная карьерная консультация.

Дипломный проект.
Сайт-агрегатор для просмотра и бронирования отелей
В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.

Преподаватели — практикующие разработчики

• Денис Ежков
  Frontend-разработчик в «Ростелеком ИТ»
• Эдгар Нуруллин
  Middle-разработчик в Яндексе
• Евгений Шек
  Frontend developer в «Chocotravel и Aviata»
• Валерий Хаслер
  Автор программ и преподаватель программирования
• Алексей Кулагин
  CTO, Lead Engineer в «Штрихпунктир»
• Александр Русаков
  Co-founder в PCNP Studio
• Дмитрий Бронских
  Fullstack-developer в «Телеком-Нейва»
• Михаил Триполитов
  IT-архитектор в Банке «Открытие».

И др.

Подробнее о курсе JavaScript →

3 место. Курс «Fullstack веб-разработчик на JavaScript и PHP от SkillFactory»

Цена: Рассрочка на 36 месяцев – от 3 667 ₽ / мес

Ссылка на сайт: https://new.skillfactory.ru/web-developer-fullstack

Получите крепкий фундамент в программировании и станьте незаменимым специалистом.

• Онлайн в удобное время
• Длительность – 1 год и 8 месяцев.
• Уровень – с нуля.

Перейти на официальный сайт →

Вам нужно на онлайн-курс, если:

• Хотите сменить профессию на более востребованную
• Стремитесь расти в карьере и зарплате
• Мечтаете решать интересные задачи и развиваться.

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

Почему PHP?
Это самый распространенный язык для бэкенда сайтов. На нем написаны Facebook, VK, системы управления контентом (CMS) WordPress, Joomla! и Drupal. И конечно, Bitrix.
Язык прост, популярен и имеет большое сообщество. Поэтому его легко изучить с нуля.
PHP сразу был оптимизирован под быстрое создание веб-приложений. Это здорово экономит бюджет на разработку.

Почему JavaScript?
Это единственный язык программирования для браузеров, который работает везде — под Windows, macOS, Linux и на мобильных платформах. то есть это самый распространенный язык для фронтенда.
JavaScript достаточно прост для изучения. На нем можно писать код в любом текстовом редакторе.

Бонусом вы изучите TypeScript, язык программирования, расширяющий возможности JavaScript.

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

Базовый курс

1. Введение в программирование

• Введение в веб-разработку: обзор IDE Visual Studio, командная строка, использование чужого кода, техническое задание, культура кода
• Введение в программирование: переменные и константы, абстрактные типы данных, массив, объект, действия с данными, основные алгоритмические конструкции, функции
• Markdown: описание, применение и синтаксис
• Система контроля версий. GitHub: основные операции, файл .gitignore, ветвление, конфликты, методологии ветвления, культура коммитов, форки.

2. Базовая верстка

• Базовый HTML: основы языка, структура и элементы веб-страницы, основные атрибуты, создание сайта
• Базовый CSS: синтаксис языка, подключение стилей к HTML, селекторы простые и комбинированные, псевдоклассов и псевдоэлементов, их приоритет, цвета и размеры в CSS, блочная модель документа, слои, позиционирование и z-index, пример работы со стилями.

3. Базовый Frontend

• Принципы работы JavaScript: что такое JS, ES, ES6+, консоль браузера, переменные и константы, возможности JavaScript в браузере, alert и prompt, работа с DOM, работа с событиями, объект события
• Числа и строки в JavaScript: числа и операции с ними, Math, строки и операции с ними
• Условия в JavaScript: логические переменные, алгебра логики, условия, Null, Undefined, алгоритм бинарного поиска
• Циклы и массивы в JavaScript: циклы, массивы, методы массивов, перебирающие методы, деструктуризация, Map, Set, алгоритмы сортировки
• Функции и объекты в JavaScript: пользовательские функции, объекты, JSON, область видимости, замыкания, анонимные функции, стрелочные функции, функция обратного вызова Сallback, каррирование.

4. Базовый Backend

• Основы языка PHP, инструменты разработчика PHP, локальный веб-сервер
• Основные алгоритмические конструкции: условия, пользовательские функции, циклы, рекурсия, исключения, перехват исключений
• Типы данных: арифметика, логика, строки, массивы
• Сессии и Cookie: передача по значению и ссылке, работа с файлами и подключение файлов с кодом, сохранение состояния пользователя, передача данных между страницами, GET/POST запросы.

5. Профориентация
   Чем Frontend отличается от Backend.

Направление «Frontend-разработчик»

6. Продвинутая верстка

• Продвинутый HTML: семантическая верстка, адаптивная верстка, БЭМ, инструменты макетирования, Figma
• Продвинутый CSS: стилизация span, типы шрифтов, подключение шрифтов, свойство display, адаптивная вёрстка, медиазапросы, кроссбраузерность, принцип mobile first
• Сетки CSS: Flexbox, Grid, Bootstrap
• Анимации: CSS в больших приложениях, Transition, Transform, Keyframes, JS анимации
• Проект «Верстка лендинга по макету» одностраничный лендинг дизайнерского агентства.

7. Продвинутый Frontend

• Продвинутая работа с объектами в JS: объекты, прототип и конструктор объекта, ООП в JS и ES6, наследование, полиморфизм, инкапсуляция
• Стандарты написания кода и общие подходы: объектная модель в JS, прототипирование и наследование, bind, call, ES стандарт, стрелочные функции, Function Expression, SOLID
• Асинхронность (AJAX): JSON vs XML, XHR, механизмы хранения данных на клиенте, promises, async/await, работа с HTTP (fetch, async/await)
• API браузера: Drag & Drop, SVG, Canvas, Geolocation, Notification, Screen size, Event Source, WebSocket
• Инфраструктура Frontend: сборщики и зависимости, архитектура кода в JS, минификация и обфускация кода, use strict, модули, Import/Export, Gulp, Webpack, SCSS, препроцессоры Pug, SASS
• Введение в принципы построения SPA: токены, запросы, контент без перезагрузки страницы, навигация
• Проект «SPA чат портал»: разработка одностраничного SPA чат портала.

8. Архитектура приложений

• Введение в тестирование: качество кода, зачем нужны тесты, виды тестирования, пирамида тестирования, фреймворки для написания тестов, Npm,Yarn, экстремальное программирование, Unit-тесты, тестирование в браузере
• Тестирование и линтеры: форматтеры, линтеры, виды тестирования, подходы: TDD, BDD, обзор фреймворков для тестирования
• Архитектура приложений: введение и установка, разворачиваем проект из архива, маршрутизация — роутинг — router, шаблонизатор — template — pug, контроллеры и MVC, middleware и обработка ошибок
• Взаимодействие с backend: взаимодействие с сервером, что такое XHR, REST API, коды ответа, инструмент для разработки API: swagger
• Алгоритмы и структуры данных. Оптимизация приложений: структуры данных, деревья, бинарное дерево поиска, хеш-таблицы, map, алгоритмы, оптимизация приложений, сортировка пузырьком, быстрая сортировка, сортировка слиянием, сложность алгоритма, оптимизация приложений через Webpack, оптимизация через картинки, SVG спрайты, Graph QL
• Проект «Таск-менеджер»: разработка менеджера постановки и контроля выполнения задач.

9. Трудоустройство и soft skills

• Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
• Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.

10. TypeScript

• Писать программы на TypeScript
• Подключать TypeScript к проекту и настраивать.

11. Фреймворк React

• Компонентный подход, модули, преимущества React, JSX, Virtual DOM, быстрый старт React-приложения
• Типы компонентов, State и Props, презентационные и компоненты-контейнеры, методы жизненного цикла, Render, возвращаемые значения
• Children, обработка событий, работа с CSS, типизация React-приложений, паттерны программирования, однонаправленный поток данных
• React Developers Tools, Render Prop, High Order Components, пример HOC и Render Prop, функциональное программирование, PureComponent, Hooks, UseState, UseEffect, продвинутый API, обзор Hooks, Best Practices
• React Router, роутинг с использованием ссылок и History API, знакомство с библиотекой React-router-v4, Refs и контекст
• Проект «Канбан-доска»: разработка инструмента для визуализации и разбивки какой-либо задачи на этапы.

12. Финальный проект «Реализация клиентской части»
    Разработка ведения учета случаев кражи велосипеда с отслеживанием прогресса. Требуется реализовать клиентскую часть, используя готовую серверную часть.

Направление «BACKEND-разработчик»

13. SQL и работа с базами данных

• Введение в реляционные базы данных: базы данных и зачем они нужны, реляционные и нереляционные базы данных, что такое первичный ключ и внешний ключ
• Язык запросов SQL: настройка окружения и PostgreSQL, связи в таблицах и ER-диаграммы, язык запросов SQL, операторы и функции, сортировки и агрегация данных, запрос данных из нескольких таблиц, объединение результатов запросов
• Транзакции: понятие данных и метаданных, DDL, DML и CRUD, транзакции, нормальные формы БД
• Продвинутое использование реляционной БД: индексы, триггеры, представления, хранимые процедуры, использование предвыборок в запросах.

14. Продвинутый Backend

• ООП: наследование, инкапсуляция, полиморфизм в PHP, абстрактные классы и интерфейсы, проектирование классов и их вызов, исключения
• MVC: Понятие MVC, Front Controller и настройка веб-сервера, Composer, PSR (PSR-4), роутинг
• Работа с БД: сохранение пользовательских данных, PDO, SQL-инъекции, передача данных из формы в БД
• Авторизация и аутентификация: создание формы, хранение паролей и криптофункции, RBAC
• Конфигурирование приложения: подключение конфигураций, внешние библиотеки конфигураций, логирование данных, .env синтаксис и почему нельзя хранить конфигурацию вместе с кодом в одном репозитории
• Тестирование приложения: PHPUnit, моки и стабы
• SOLID, паттерны, PSR: SOLID, паттерны проектирования их применение в MVC-приложениях, PSR 1, 12
• Скорость работы приложения: профилирование приложения, кэширование и cache hit rate, Memcached
• Проект. Мессенджер.

15. Основы администрирования

• Работа с файлами и директориями в терминале: концепция Linux, установка виртуальной машины, Manual, директории, чтение файлов, редактирование файлов, элементарная работа с файлами, системы поиска
• Linux: виртуальные машины, сборка виртуальной машины, разработка на виртуальных машинах, командная строка Linux
• Настройка веб-серверов: что такое веб-сервера и какие они бывают, Nginx, его установка и настройка, Apache, его установка, настройка и связка с nginx, обработчики кода, PHP, установка, настройка, производительность, связь с Apache, настройка связки Nginx + Apache + PHP. Инфраструктуры веб-серверов, Nginx как файловый сервер. Веб-сервер и FTP
• Troubleshooting веб-серверов: введение в troubleshouting веб-серверов, логи веб-серверов, решение проблем с запуском службы веб-сервера, решение проблем со сторонними службами. PHP, проблемы в работе сайта, связанные с веб-сервером, безопасность, когда всё совсем плохо. Бэкапы, репликация, балансировщики
• Контейнеры и Docker: контейнеризация, Docker, Docker Compose, разработка с Docker.

16. Трудоустройство и soft skills

• Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
• Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.

17. Фреймворк Laravel

• Установка Laravel, устройство MVC в Laravel, область применения Laravel, IDE Helper, роутинг, контроллеры, Blade, директивы и компоненты, локализация
• Artisan, миграции, Eloquent ORM, связи моделей в Eloquent
• Принципы работы маршрутов, кастомные маршруты, CSRF в Laravel, Routing Сonventions, контроллеры в Laravel, посредники, контроллеры ресурсов
• Авторизация и аутентификация, разграничение прав, авторизация по токену, Gate, OAuth, сброс пароля, токен
• Юнит-тесты в Laravel, инструменты Mockery и Testbench
• Проект. Список задач.

18. Финальный проект «Партнерская сеть»
    Трекер трафика, созданный для организации взаимодействия компаний (рекламодателей), которые хотят привлечь к себе на сайт посетителей и покупателей (клиентов), и владельцев сайтов (веб-мастеров).

Информация о преподавателях доступна на сайте.

Подробнее о курсе JavaScript →

Курс «Факультет Fullstack JavaScript от GeekBrains»

Цена: Рассрочка до 36 месяцев – от 4 780 ₽ / мес

Ссылка на сайт: https://gb.ru/geek_university/fullstack-javascript

Освойте с нуля язык программирования JavaScript, чтобы стать Fullstack-разработчиком. Вы научитесь создавать сайты, мобильные приложения и высоконагруженные сервисы.

• 15 месяцев, 2 занятия в неделю
• Диплом, 5 работ в портфолио
• Трудоустройство после обучения.

Перейти на официальный сайт →

Fullstack-разработчики — универсальные программисты, которые разрабатывают и серверную, и клиентскую часть проекта. Эти специалисты очень востребованы, так как могут заменить программистов разного профиля. Fullstack-разработчики владеют широким стеком технологий, поэтому могут создать веб-проект в одиночку. При этом им достаточно знать всего один язык программирования — JavaScript.

Кому подойдет курс:

• Новичкам
  Поможем с нуля освоить профессию fullstack-разработчика: вы научитесь делать сайты, высоконагруженные сервисы и приложения.
• Начинающим веб-разработчикам
  Освоите полный цикл создания сайтов и приложений. После обучения сможете перейти на позицию fullstack-разработчика и делать высоконагруженные сервисы под ключ на фрилансе.
• Практикующим IT-специалистам
  Подскажем, как перейти в востребованное направление и зарабатывать больше.

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

Подготовительный блок

1. Как учиться эффективно. Видеокурс от методистов GeekUniversity
   Узнаете об особенностях обучения взрослых, научитесь ставить образовательные цели, строить карту компетенций, формулировать образовательные запросы.
2. Основы программирования. Видеокурс
   — Создание переменных
   — Операции сложения, вычитания, деления и умножения
   — Логические операции
   — Работа с массивами
   — Функции
3. Базовый курс
   — Введение в Git
   — Установка и настройка Git
   — Основные команды терминала
   — Работа с репозиториями в Git
   — Управление файлами репозитория
   — История изменений
   — Работа с ветками репозитория
   — Публикация репозитория
   — Слияния веток
   — Управление версиями
   — Создание pull-request
   — Сложные операции
   — Работа с Fork-репозиториями.

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

4. HTML/CSS. Интерактивный курс
   — Основные понятия в веб-разработке
   — Основы языка разметки документов HTML
   — Основы языка оформления стилей документа CSS
   — Основные тэги для верстки, Псевдоклассы и псевдоэлементы
   — Основы позиционирования, работа с Flexbox
   — Работа с макетом дизайна в формате Figma
   — Основы создания адаптивного сайта
   — Стандарты web и вспомогательные инструменты
5. Профессиональная вёрстка
   — Позиционирование элементов. Практическая верстка
   — Структура HTML5, знакомство с формами
   — Практическое применение Bootstrap
   — Препроцессоры: применение на практике
   — Эффекты перехода и трансформации в CSS3
   — CSS3: медиа-запросы, адаптивная верстка
   — Практическое применение адаптивной верстки
   — Grid layout, новые возможности CSS3
6. JavaScript. Уровень 1
   — Основы языка JavaScript
   — Основные операторы JavaScript
   — Циклы, массивы, структуры данных
   — Объекты в JavaScript
   — Введение в DOM
   — Обработка событий в JavaScript
   — Урок-практикум
   — Анонимные функции, замыкания
7. Продвинутый курс JavaScript
   — Современный JavaScript
   — ООП в JavaScript
   — Асинхронные запросы
   — Регулярные выражения
   — Фреймворк Vue.js
   — Компоненты Vue.js
   — JavaScript на сервере
   — Тестирование и сборка
8. ReactJS. Базовый курс
   — Настройка среды разработки и первое React-приложение
   — Жизненный цикл React-компонента
   — Погружение в React и подключение UI-библиотеку
   — Роутинг в React. Разбиваем мессенджер на чаты
   — Redux
   — Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist
   — Работа с API
   — Progressive Web App
   — Управление состоянием SPA-приложения.

Бэкенд-разработка на JavaScript
В этой четверти студенты научатся использовать большинство возможностей, предоставляемых языком.Смогут создавать backend-приложения, которые будут генерировать HTML на бэкэнде, используя данные из базы данных. Заодно будут изучены: базовые принципы сетевых протоколов, особенности HTTP-протокола, базовая структура HTML.

9. Linux. Рабочая станция
   — Введение. Установка ОС
   — Настройка и знакомство с интерфейсом командной строки
   — Пользователи. Управление Пользователями и группами
   — Загрузка ОС и процессы
   — Устройство файловой системы Linux. Понятие Файла и каталога
   — Введение в скрипты bash. Планировщики задач crontab и at
   — Управление пакетами и репозиториями. Основы сетевой безопасности
   — Введение в docker
10. Node.js
    — Знакомство с Node.js
    — Консольные программы
    — Работа с сетевыми запросами
    — Фреймворк Express
    — Работа с MySQL
    — Аутентификация и авторизация
    — REST API
    — WebSockets
11. Инструменты сборки Web-проектов
12. Базы данных. Основы
    — Введение в теорию реляционных баз данных
    — Базовые понятия структуры базы данных
    — Определение данных. Базовые операции с данными
    — Выборка данных, агрегация данных
    — Вложенные запросы и объединение Union
    — Объединение Join
    — Расширенные возможности SQL
    — Оконные функции, индексы, работа в графическом клиен
13. Сетевой протокол HTTP
    — Создание веб-сервера на Node.js
    — Взаимодействие с http-сервером с помощью программы telnet
    — Взаимодействие с http-сервером из браузера
    — Отправка, обработка GET, POST, PUT, DELETE, OPTIONS запросов
    — Работа с cookies
    — Работа с сессией
    — Перенаправления
    — Создание WS-подключения, работа с ним
    — Работа с заголовками CORS.

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

14. TypeScript
    — Введение в TypeScript.
    — Система типов в TypeScript
    — Обобщённое программирование
    — Работа с JavaScript кодом
    — Классы и ООП
    — Расширенная настройка tsconfig
15. Разработка сайтов с использованием Nest.js
    — Создание классов и методов контроллера с использованием декораторов
    — Проброс в контроллеры контекста запроса с использованием декораторов
    — Создание провайдеров, использование их в контроллерах и других провайдерах
    — Организация контроллеров и провайдеров в модули, использование модулей
    — Работа с TypeORM в связке с PostgreSQL, создание сущностей TypeORM, работа с ними (создание, удаление, выборка и изменение)
    — Использование механизма авторизации и Guards
    — Использование перехватчиков (interceptors)
    — Использование middlewares
    — Создание своих декораторов
    — Создание шаблонов handlebars и динамическая генерация страниц на их основе
    — Использование GraphQL
    — Работа с WebSocket
16. Разработка высоконагруженных бэкэнд-приложений
    — Написание многопоточных приложений на Node.js
    — Использование memcached в Node.js
    — Использование Redis в качестве сервиса кэширования в Node.js
    — Использование Redis в качестве NoSql-решения в Node.js
    — Использование Redis в качестве брокера сообщений в Node.js
    — Применение микросервисного подхода при написании backend-приложений на Node.js
    — Использование apache benchmark (ab) для проведения локального нагрузочного тестирования.

Soft skills
Расскажем о том, как взаимодействовать с командой и проходить собеседования.

17. Agile, Scrum. Теория
    — Введение в Agile
    — Scrum, Kanban
    — Работа в команде по Scrum
    — Подготовка к старту проекта
    — Практика. Подготовка к проекту
18. Выпускной проект
    — Консультация
    — Защита проекта
19. Подготовка к собеседованию

Дополнительные курсы:

• Разработка десктопных приложений на Electron.js
• Разработка кросс-платформенных приложений на React Native
• Алгоритмы и структуры данных
• Подготовка к поиску работы.
  — Как составить резюме, которое точно заметят
  — Составляем карту поиска работы
  — Зачем нужны сопроводительные письма
  — Что вас ждет на собеседовании с HR.

Вас будут обучать топовые эксперты

Алексей Кадочников
Frontend Developer в Mail.ru Group
Ведущий преподаватель GeekBrains, обучил более 30 000 студентов. Эксперт в области backend-разработки для интернет-магазинов.

Артем Манченков
Full Stack Developer в Delivery Club
Более 6 лет в профессиональной разработке. Имеет опыт в проектировании корпоративных порталов, CRM-систем и коммерческих сайтов.

Валерий Шибанов
Fullstack-разработчик в Mail.ru Group
В настоящее время участвует в разработке desktop-приложения для стриминга DonationAlerts Studio. До этого работал программистом в GeekBrains, где занимался проверкой различных концепций: разрабатывал прототип мобильного приложения, работал над интеграцией с образовательными сервисами, участвовал в разработке системы управления обучением.

И др.

Подробнее о курсе JavaScript →

Курс «Веб‑разработчик от Школа анализа данных»

Цена: 140 000 ₽

Ссылка на сайт: https://practicum.yandex.ru/web/

Поможем освоить новую профессию с нуля за 10 месяцев.

• Можно учиться из любой точки мира
• CSS, HTML, JavaScript и другие важные навыки
• 18 практических работ, 5 проектов в портфолио (сайты и веб-приложения)
• После обучения помогаем трудоустроиться.

Перейти на официальный сайт →

Что именно вы будете делать, когда станете веб-разработчиком:

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

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

1. Основы HTML, CSS, JS: бесплатный вводный курс
   Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов.

• Первый код
• Что такое HTML и CSS
• Базовые CSS-свойства
• Введение в JavaScript
• Приземление в реальность

2. Как устроено платное обучение
   Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу.
3. Расширенные возможности HTML и CSS
   Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения.

• Flexbox
• Расширенные возможности HTML и CSS
• Позиционирование элементов
• Структура файлов, пути к файлам
• Знакомство с Git
• Декомпозиция проекта по вёрстке
• Думать, как разработчик
• HTML — video, iframe, embed, API
• Анимации и трансформации
• Разметка и вёрстка форм
• Пути к файлам и организация файлов по БЭМ
• Продолжение работы с Git
• Дебаггинг в вёрстке

4. HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
   Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.

• Работа с дизайном и спецификацией
• Неполный бриф, неточный макет
• Дизайн в мире множества устройств
• Grid Layout
• Разработка интерфейса для разных устройств
• Продолжение работы с Git

5. Базовый JavaScript и работа с браузером
   Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт.

• Введение в JavaScript
• Примитивные типы данных
• Объектная модель документа (DOM). Основы
• Отладка JavaScript-кода
• Продвинутая работа с Git
• Условия и циклы
• Массивы
• Функции
• Добавление, изменение и удаление DOM-элементов
• Как работать с документацией
• Объекты в JavaScript
• Работа с браузерными событиями
• Формы
• Валидация форм

6. JavaScript — непростые концепции
   Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность и обмен данными с сервером. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.

• Объектно-ориентированное программирование
• ООП в интерфейсах. Часть 1
• Модули в JavaScript
• Синтаксис деструктуризации
• ООП в интерфейсах. Часть 2
• Привязка this и потеря контекста
• Сборка проекта с webpack
• Асинхронность
• Работа с API
• Подготовка к техническому интервью: прототипы объектов

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

• Введение в React
• Инфраструктура и инструменты React-разработки
• React Hooks
• Подготовка к техническому собеседованию
• React Router
• Работа с данными в React
• React — непростые концепции
• Решение алгоритмических задач

8. Основы бэкенд-разработки
   Без взаимодействия с сервером невозможно создавать полноценное веб-приложение. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базой данных MongoDB. Создадите серверный API для сайта, над которым работали раньше.

• Серверная разработка на Node.js
• Введение в Express.js
• Анализ сложности алгоритмов
• Создание REST API
• Базы данных
• Функции и их внутренности
• Аутентификация и авторизация. Часть 1
• Фронтенд для аутентификации на React
• Безопасность веб-приложений
• Аутентификация и авторизация. Часть 2
• Автоматизированное тестирование
• Подготовка и деплой бэкенда

9. Дипломный проект
   Итоговый проект, с помощью которого вы подтвердите знания и умения. Во время диплома не нужно выполнять домашние задания и читать теорию в тренажёре. В нём всё будет, как в реальной жизни: задания, сроки, ваши навыки и поисковик.

Отзывы студентов:

Вячеслав Бардаков
Студент двадцать третьего потока на программе «Веб-разработчик»
«В декабре 2020 я таки решился на попытку освоить новую для себя профессию в «хайповой» сфере it и после долгих раздумий принял решение с данной целью воспользоваться услугами Яндекс. Практикума.
Определяющими факторами при выборе именно этой платформы стали наличие бесплатной части, дающей возможность понять, что к чему и интересно ли данное направление конкретно тебе, а также подача материала в виде текста с отработкой в тренажере.
Для себя я выбрал профессию «Веб-разработчик», и вот отучившись уже почти половину курса совсем не жалею о своём выборе. Местами тяжело, но это видимо из-за отсутствия какого-либо опыта программирования. В моменты спада мотивации всегда поддерживают одногруппники (с ними мне очень повезло… таких «заряженных» и «мозговитых» ребят я давно не встречал) и команда практикума. На самом деле никогда не получал такого кайфа от получения новых знаний и процесса учебы.
Куда приведет меня обучение новой профессии на Яндекс. Практикуме мне пока не до конца ясно, но в чем точно не сомневаюсь, так это в том, что Яндекс знает толк в it и том, какие навыки требуются и ценятся на рынке труда данной сферы»

Алина Абдуршина
Студент первого потока на программе «Веб-разработчик», студент на третьем курсе
«А на самом деле видно, что проект очень толковый. Я из тех студентов, которые делают ничего и как-то сдают на отстаньте, а тут прям. Я реально обучаюсь и реально разбираюсь в теме. И задания очень хорошие для закрепления. Так что всё классно.»

Подробнее о курсе JavaScript →

Курс «JavaScript Front-end разработка от IT Avenue»

Цена: 50 950 руб. – 67 450 руб.

Ссылка на сайт: https://msk.avenue.school/courses/javascript-front-end/

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

Перейти на официальный сайт →

Front-end разработчик – специалист по созданию пользовательских интерфейсов (внешней части) приложений и сайтов.

Обязанности Front-end разработчика:

• создание интерфейсов с нуля;
• разработка реактивных компонентов и написание скриптов;
• поддержка и развитие существующей архитектуры;
• работа с кроссбраузерной, мобильной и адаптивной версткой.

Кому подойдёт:

• Новичкам в IT
  Освойте востребованную профессию с Avenue! На курсе вы научитесь разрабатывать интерактивный и функциональный интерфейс с нуля. Полученный опыт и знания позволят брать первые заказы сразу после окончания обучения.
• Начинающим верстальщикам
  Начинали изучать верстку, но пока не набрались достаточно знаний, чтобы начать работать? Изучите HTML, CSS и JavaScript на нашем курсе и сможете верстать сайты любой сложности. Знания JS позволят вам браться за объемные крутые проекты, которые не останутся незамеченными в вашем портфолио.
• Начинающим Front-end
  Хотите узнать, как сделать сайт или приложение «залипательным»? Мы научим! Изучите язык программирования Javascript и выполняйте свои первые заказы по веб-разработке всего через 5 месяцев.
• Владельцам проектов
  У вас есть интернет-проект? После обучения вы реализуете и запустите его своими руками. Узнав весь процесс изнутри, вы с легкостью подберете толковых специалистов в команду и сможете контролировать результаты их работы.

Преподаватель курса – Галиев Рустам
Расскажет, как повысить свои шансы с первого раза устроиться в хорошую IT-компанию. Более 8-ми лет в Веб-разработке. Умеет качественно и быстро верстать адаптивные веб-страницы и программировать на JavaScript.

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

1 модуль. Вёрстка сайтов

1. Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
2. Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
3. Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
4. Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
5. Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
6. Блочная верстка и Box Model.
7. Внешний вид: отступы, обтекания, позиционирование и рамки.
8. Вёрстка интернет-каталога. Сверстаем карточку товара.

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

9. Photoshop и Вёрстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало вёрстки сайта по PSD-макету.
10. Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную вёрстку.
11. Desktop и Mobile First подходы. Основные сходства и отличия.
12. Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
13. Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
14. Методологии вёрстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
15. Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
16. Git и Gulp. Сборка финального проекта – многостраничного адаптивного и кроссбраузерного сайта.

Модуль 3. Javascript основы

17. Введение в Javascript. Обзор среды разработки – WebStorm. Первый проект на Javascript. Первая программа на Javascript. Система управления версиями – Git.
18. Синтаксис Javascript. Переменные и операторы. Идентификаторы, литералы. Типы данных в Javascript. Выражения и операторы в Javascript. Типы операторов и их взаимодействие.
19. Функции в Javascript. Функциональные выражения. Стрелочные функции. Анонимные функции.
20. Массивы в JavaScript. Создание и инициализапция массива. Команды Pop/Push, Shift/Unshift.
21. DOM (Дерево). Определение и функции DOM в Javascript. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.
22. Технология Ajax. Загрузка данных в фоне. Фоновая отправка формы.
23. Прототипное программирование. Объектно-ориентированное программирование в Javascript. Классы в ООП Javascript.
24. Модули в NodeJS. WebPacker.

4 модуль. JavaScript фреймфорки: VueJS

25. Знакомство с VueJS. Установка VueJS на странице. Первое приложение «Hello world». Директивы: v-if, v-for, v-on, v-model.
26. Компоненты во VueJS. Структура компонента. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Распределение зон ответственности между компонентами. Mixins. Однофайловые компоненты. Приложение «Список дел».
27. Принцип DRY. Повторное использование кода. Примеси Mixins.
28. Навигация в приложениях на VueJS. Подключение библиотеки VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута
29. Паттерн управления состоянием приложения. Библиотека Vuex. Подключение и настройка хранилища. Мутации. Геттеры. Приложение “Складской учет”.
30. Взаимодействие с сервером. Библиотека VueResource. Архитектура приложения, работающего с API. Обработка ответа сервера.
31. Авторизация в приложении на VueJS.
32. Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.

Что будете уметь при завершении курса?

• Создавать современные сайты с комплексом откликов на браузерные события
• Полноценно использовать HTML & CSS как инструмент веб-разработки
• Проектировать Базы Данных для сайтов
• Создавать корпоративные сайты для продажи
• Работать с хостингом и размещать сайты в интернете.

Подробнее о курсе JavaScript →

Курс «JavaScript с нуля от Фрилансер по жизни – IT и фриланс»

Бесплатно

Ссылка на сайт: https://www.youtube.com/playlist?list=PLM6XATa8CAG7DDIBjNVd78Fv5Ueo930IV

Перейти на официальный сайт →

Что такое JavaScript?
Простыми словами, JavaScript или JS — это язык программирования, который чаще всего применяется как язык сценариев в браузерах для придания интерактивности веб-страницам.

Если язык разметки HTML можно сравнить со скелетом человека, а таблицы стилей CSS с генами, отвечающими за его внешний вид, то язык программирования JavaScript — это определенно мозги и нервная система.

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

Видеоуроки:

1. План развития фронтенд разработчика. Эффективное обучение
2. Как правильно учиться в IT – сфере. Топ ошибок при обучении. Конкретный план обучения.
3. jQuery против JavaScript. Стоит ли учить jQuery в 2021? Что лучше для развития программиста?
4. Что такое JavaScript? Как работает JS? Пишем первую программу на JavaScript.
5. Основы синтаксиса JavaScript. Структура кода. Инструкции. Режим use strict.
6. Переменные в JavaScript. Константы. Ключевые слова LET CONST VAR.
7. Типы данных JavaScript. Null String Undefined Boolean Number и другие.
8. Операторы JavaScript. “2”+2=22.
9. IF ELSE в JavaScript. Условный оператор “?”. Примеры IF ELSE.
10. Циклы FOR и WHILE в Директивы break и continue.
11. Функции в JavaScript. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval.
12. Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение.
13. Числа в JavaScript. Тип данных number. Работа с числами. проблема неточных вычислений.
14. Строки в JavaScript. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
15. Массивы в JavaScript. Методы массивов. Редактирование, поиск, сортировка.
16. JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.
17. JavaScript размеры прокрутка и координаты элементов на странице и окна браузера.
18. JavaScript события. addEventListener делегирование. События мыши клавиатуры загрузки сайта. Практика
19. JavaScript и формы. Свойства, события, методы. Практические примеры.

Подробнее о курсе JavaScript →

Курс «JavaScript от Хекслет»

Цена: разная стоимость

Ссылка на сайт: https://ru.hexlet.io/categories/javascript/courses

Перейти на официальный сайт →

JavaScript — один из самых популярных языков программирования. Его используют в веб-разработке для работы с фронтендом и бэкендом. Онлайн-курсы Хекслета — это путь от основ программирования на JavaScript до работы с популярными и востребованными инструментами, включая React, Redux, Webpack, Express.

Курсы:

1. Введение в программирование
2. JS: Настройка окружения
3. JS: Функции
4. JS: Автоматическое тестирование
5. Тестирование фронтенда
6. JS: Введение в ООП
7. JS: Redux (React)
8. JS: Объекты
9. JS: Асинхронное программирование
10. JS: React
11. JS: DOM API
12. JS: Массивы
13. React: Redux Toolkit
14. JS: React Hooks
15. JS: Полиморфизм
16. JS: Абстракция с помощью данных
17. JS: Архитектура фронтенда
18. JS: Погружаясь в классы
19. JS: Деревья
20. JS: Предметно-ориентированное проектирование
21. JS: Продвинутое тестирование
22. JS: Обработка ошибок
23. JS: Объектно-ориентированный дизайн
24. Основы программирования
25. JS: Составные данные
26. JS: HTTP Server
27. JS: Функциональное программирование
28. JS: Программирование, управляемое данными
29. JS: Синхронная асинхронность
30. JS: Автоматное программирование
31. JS: Express
32. Основы алгоритмов и структур данных
33. JS: Последовательности
34. JS: Прототипы
35. JS: Коллекции
36. JS: Разработка абстракций для асинхронности.

Подробнее о курсе JavaScript →

Курс «JavaScript. Профессиональная разработка веб-интерфейсов от HTML academy»

Цена: 22 400 ₽ – 39 900 ₽

Ссылка на сайт: https://htmlacademy.ru/intensive/javascript

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

Перейти на официальный сайт →

На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

Что вас ждёт на обучении:

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

Курс рассчитан на новичков. Для его прохождения достаточно завершить тренажёры по основам HTML, CSS и JavaScript. Курс подразумевает, что вы обладаете достаточной компьютерной грамотностью, чтобы устанавливать и запускать программы.
После успешного завершения курса можно начать карьеру фронтенд-разработчика, а также продолжить обучение на других наших курсах.
Во время курса вас будет сопровождать наставник. Он будет делать ревью кода, проверять практические задания, отвечать на вопросы и делиться секретами мастерства.

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

1. Знакомство c JavaScript
   Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.

• Как проходит курс. Организационные вопросы.
• Язык JavaScript
• Основы JavaScript.
• Рабочие инструменты.

2. Основные возможности JavaScript
   Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.

• Переменные
• Условные операторы.
• Циклы.
• Приведение типов.
• Функции.
• rest-параметры.
• Подвешивание (hoisting) переменных и функций.
• Знакомство с DevTools (инструментами разработчика).

3. Объекты и массивы
   Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.

• Сложные типы данных.
• Массивы.
• Объекты.
• Колбэки (функции обратного вызова).

4. Встроенные объекты и функции
   Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.

• Деструктуризация.
• spread-синтаксис.
• Встроенные объекты и их методы.
• Оператор new.
• Встроенные в JavaScript функции.
• Контекст функций.
• Использование Console (консоли).

5. Организация кода
   Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.

• Области видимости.
• Модульность
• DevTools: отладка кода с помощью Sources (исходников).

6. DOM и события
   Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.

• DOM-дерево.
• Шаблоны и данные.
• События на странице.

7. Манипуляции с DOM
   Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.

• Управление DOM-деревом.
• Подходы к созданию DOM-элементов.
• Шаблонизация.

8. Работа с событиями
   Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.

• События
• Event Loop.
• Валидация форм
• Валидация с помощью регулярных выражений.
• DevTools: возможности Elements (инспектора) для работы с DOM и событиями.

9. Внешние API и сторонние библиотеки
   Рассмотрим, как не «писать свой велосипед», а переиспользовать чужой опыт и код. Познакомимся с понятием программного интерфейса (англ. Application Programming Interface или API), рассмотрим API сторонних JavaScript-библиотек и JavaScript API картографических сервисов. Кратко рассмотрим API, которые предоставляет разработчикам браузер.

• Понятие API.
• Картографические сервисы и их JavaScript API.
• Сторонние библиотеки.
• Обзор API браузера.

10. Сеть
    Вы самостоятельно рассмотрите протокол HTTP, формат данных JSON. Рассмотрите, как меняется взаимодействие пользователя с сайтом при работе с сетью, что может пойти не так.

• Протокол HTTP и форматы данных.
• Обработка исключений.
• Инструменты для работы с сетевыми запросами.

11. Асинхронность. Работа с сетью
    Разберём понятие асинхронности и способы её достижения с помощью промисов (англ. Promise, обещание). Познакомимся с технологиями, которые позволяют делать запросы к серверу из браузера. Рассмотрим, как на практике обработать ошибки при работе с сетью, если что-то пошло не так.

• Асинхронность.
• Работа с сетью.
• DevTools: работа с сетевыми запросами в Network (сети).

12. Первая неделя защиты
    Завершение работы над проектом и подготовка к итоговой защите.
13. Защита проекта
    Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
14. Обратная связь и оптимизация
    Оптимизируем работу с данными и событиями на нашем сайте. Реализуем понятную и приятную пользователю обратную связь интерфейса.
15. Вторая неделя защиты
    Первая оценка проекта проверяющим наставником по критериям качества.
16. Третья неделя защиты
    Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
17. Финал
    Подведём итоги курса, а после обсудим особенности JavaScript, с которыми вам, возможно, придётся столкнуться на работе. Понятие legacy-кода и что с ним, с кодом, делать. Кратко рассмотрим продвинутый инструментарий фронтенд-разработчика, чтобы вы понимали, куда двигаться дальше.

• Особенный JavaScript.
• Legacy-код.
• Функции-конструкторы.
• Продвинутый инструментарий.
• Транспайлеры и полифилы.

18. Четвёртая неделя защиты
    Внесение финальных правок и получение итоговой оценки.

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

Отзывы выпускников:

Дмитрий Оборотов
«Один из лучших курсов что я проходил, хорошая методика, связка «лекция-задание-наставник» — великолепна.
Смотришь лекцию, читаешь дополнительные материалы, разбираешь на демонстрациях примеры, пробуешь сделать сам на учебном проекте, с подсказками из демо-материалов.»

Александр
«Оглядываясь назад, кажется, что всё не так уж и сложно. Но на протяжении всего интенсива перед тобой каждую неделю встаёт очередная домашняя задача, а то и две. В голове мысли: «с чего начать?» и «я ничего не успею». Избавляться от таких вопросов помогают демки, наставники и повторный просмотр лекций. Огромное спасибо за таймкоды.»

Анастасия Титова
«Уффф… честно говоря, очень боялась проходить интенсив именно по JavaScript, так как думала, что программирование — это вообще не ко мне. Я не знала элементарных вещей и в начале было очень тяжело. Думала, что защитить проект я не смогу. К середине интенсивна, наконец, раскачалась и начала понимать, что происходит. Дальше уже пошло легче, и я поняла, что всё возможно! Даже в таком запущенном случае, как у меня.»

Подробнее о курсе JavaScript →

Курс «JavaScript разработчик от WebCademy»

Цена: 26 000 ₽ – 34 000 ₽

Ссылка на сайт: https://webcademy.ru/jscourse/

Научитесь писать frontend для сайтов и станьте востребованным и высокооплачиваемым специалистом.

• 3 месяца обучения
• Обучение с наставником
• Гарантия и сертификат.

Перейти на официальный сайт →

Технологии, изучаемые на курсе:

• Основы программирования на JavaScript. Правильный подход.
• Работа с DOM. Создание интерактивных приложений.
• Современный стандарт ES6. Используйте самые актуальные возможности языка.
• Взаимодействие с сервером. XMLHttpRequest, Ajax, Fetch.
• Строки, массивы, функции, объекты в JavaScript. Просто о сложных вещах.
• Контекст, scope, this, промисы, асинхронность, модули, импорты, роутер, state, компоненты.
• Работа с сервером и API. Создание динамических приложений.
• Финальный проект. Построение SPA приложения на native JS. Работа с API, модули и компонентный подход.

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

1 модуль. Основы языка JavaScript

1. Введение в курс

• Приветствие, организационные моменты
• Прежде чем начнем
• Настройка инструментов.

2. Основы языка JavaScript

• Введение
• Первые шаги
• Введение в JS
• Переменные и типы данных
• Мутации переменных и приведение типов
• Базовые операторы
• Приоритеты операторов
• Практическое занятие
• Условия if / else
• Булевая логика true и false
• Тернарный оператор
• Switch выражения
• Истинные и ложные значения, операторы равенства
• Практическое занятие
• Функции
• Объявление функции и выражение функции
• Массивы
• Практическое занятие
• Объекты и свойства
• Объекты и методы
• Практическое занятие
• Циклы и итерации
• Практическое занятие
• Версии JavaScript: ES5, ES6 / ES2015, ES6+

3. Как на самом деле работает JavaScript

• Как выполняется JS код. JS парсер и движок
• Контекст вызова и исполнения
• Контекст выполнения saeyrwbb в деталях: Создание и Фазы выполнения, Всплытие (Hoisting).
• Область видимости и замыкание
• Ключевое слово this.

2 модуль. JavaScript в браузере

4. JavaScript в браузере. Манипуляция DOM элементами и События.

• Объекты DOM и манипуляция DOM объектами
• Практический проект
• Получение DOM элементов и манипууляция
• События и обработка событий
• Программирование практического проекта
• Практическое задание.

3 модуль. Продвинутый JavaScript

5. Продвинутый JavaScript: Объекты и функции

• Объекты. Наследование и Прототипное наследование.
• Создание объектов. Функции конструкторы
• Прототипное наследование
• Метод Object.create
• Примитивы и Объекты
• Функции высшего порядка: Передача функции в качестве аргумента
• Функции высшего порядка: Функции возвращающие функции
• Самовызывающаяся функция IIFE
• Замыкания
• Привязка и передача контекста. Bind, Call и Apply
• Практическое занятие.

6. Соединяем все вместе. Практический проект.

• Практический проект
• Паттерн Модуль
• Прослушка событий
• Чтение входных данных
• Создание функции инициализации приложения
• Конструкторы функций
• Программирование проекта.

4 модуль. Современный JavaScript

7. Современный стандарт JavaScript. Введение в ES6 / ES 2015

• Изменения в ES6 / ES2015
• Объявление переменных let и const
• Блоки и IIFE
• Строки в ES6 / ES2015
• Стрелочный функции
• Стрелочный функции и this
• Деструктуризация
• Массивы в ES6 / ES2015
• Spread оператор
• Rest параметры
• Параметры по умолчанию
• Map
• Классы
• Классы и подклассы
• Практическое упражнение.

8. Асинхронный JavaScript: Promise, Async/Await функции, AJAX и Fetch запросы

• Асинхронный JS
• Понимание асинхронного кода. Цикл событий
• Асинхронный JS и коллбеки
• Callback hell и Промисы
• Промисы и Async/Await
• AJAX и API
• AJAX запросы с Fetch и Промисы
• AJAX запросы с Fetch и Async/Await.

5 модуль. Финальный проект

9. Современный JavaScript: ES6, NPM, Babel и Webpack

• Обзор нововведений
• Краткое введение в командную строку
• Установка Node.JS и NPM
• Настройка WebPack
• Настройка WebPack Dev Server
• Настройка Babel
• Практический проект
• MVC архитектура проекта
• Работа с модулями в ES6
• Работа с API
• Серия практических уроков по реализации проекта
• Поиск
• Загрузка страниц
• Модели в проекте
• Пагинация
• Контроллеры
• View и шаблоны
• Работа с localStorage

10. Завершение курса. Экзамен.

Преподаватель курса — Юрий Ключевский
Веб-разработчик с 10-ти летним стажем. Работал в международных компаниях и на фрилансе. Основатель онлайн школы ВебКадеми, автор обучающего YouTube канала, блога по веб-разработке.

Подробнее о курсе JavaScript →

Курс «JavaScript от beONmax»

Цена: от $5.8

Ссылка на сайт: https://beonmax.com/courses/javascript/

Основная цель курса – практика изучения JavaScript на реальных примерах для frontend-разработчиков. Каждый теоретический блок заканчивается практикой. Создадите реальные проекты в процессе прохождения курса. Исходные коды к заданиям для сверки прилагаются.

• Продолжительность: ~19 часов.

Перейти на официальный сайт →

Курс состоит из 2-х частей: базовый JavaScript с нуля для начинающих разработчиков и JS продвинутый для более опытных программистов.
Подробно изучите язык программирования JavaScript сразу с переходом в практику. Начнем с самых простых основных концепций и принципов JavaScript и шаг за шагом дойдем до самых сложных.

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

• Изучите основы программирования и алгоритмов, объектно ориентированное программирование (ооп)
• Познакомитесь с самыми основами языка JavaScript, основными концепциями и принципами JS на практических примерах и заданиях
• Изучите популярные технологии: AJAX, JSON и т.д.
• Научитесь работать с Git и GitHub
• Разберетесь, как работать с npm, Babel, Browserify, Webpack и т.д.
• Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем и познакомитесь с React, Angular, Vue, Jquery.

В результате вы напишите приложение, создадите интерактивные элементы на сайте: создадите таймер обратного отсчета, калькулятор, напишите скрипт отправки данных из формы и многое другое. Все знания закрепляются на практике.

План курса:

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

1. Подготовка к работе

• О курсе. Как проходит обучение по курсу
• Подготовка к работе. Настройка рабочего пространства
• Как работать с JSHint

2. Основы JavaScript

• Подключение JS к странице и переменные
• Классификация типов данных в JavaScript
• Простое общение с пользователем
• Операторы в JS
• Учимся работать с системой контроля версий Git и с сервисом GitHub
• Как работать с GitHub с разных компьютеров. Gitignore и GitKraken
• Подготавливаем проект к дальнейшим урокам
• Тестирование
• Условия
• Циклы
• Практика. Пишем приложение. Часть 1
• Тестирование
• Функции
• Практика. Пишем приложение. Часть 2
• Callback-функции
• Объекты
• Массивы и псевдомассивы
• Объектно-ориентированное программирование (ООП)
• Практика. Пишем приложение. Часть 3
• Тестирование
• Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
• Динамическая типизация в JS
• Задачи на понимание основ JS (с реальных собеседований)
• Тестирование
• Задачи на понимание основ JS (с реальных собеседований) – Разбор заданий
• Получение элементов со страницы
• Действия с элементами на странице
• Задание на отработку действий со страницей
• Тестирование
• Практика. Пишем приложение. Часть 4
• События и их обработчики
• Практика. Пишем приложение. Часть 5
• Бонус. События на мобильных устройствах и основы регулярных выражений

3. JavaScript в работе

• Скрипты и время их выполнения. setTimeout и setInterval
• Создаем табы на странице
• Тестирование
• Формируем портфолио на GitHub
• Параметры документа, окна и работа с ними
• Создаем таймер обратного отсчета на сайте
• Конструкторы и классы
• Контекст вызова (this)
• Создаем модальное окно и работаем с this
• Стандарт ES6. Интерполяция
• let и const
• Стрелочные функции
• Параметры по умолчанию
• Классы
• Spread-операторы
• Работаем с проектом и практикуемся использовать ES6
• Тестирование

4. Продвинутый JavaScript

• JSON формат передачи данных
• AJAX
• Реализация скрипта отправки данных из формы
• Promise
• Используем промисы на реальных примерах
• Создаем слайдер на сайте
• Создаем калькулятор на сайте
• Тестирование
• Как сохранить данные без БД. Работа с localStorage
• Ошибки. Как избежать “поломки” своего кода
• Современные библиотеки и фрэймворки. JQuery, как устроена $
• Работаем с JQuery
• Тестирование
• Инкапсуляция. Прием модуль, как и зачем его использовать
• Настраиваем Webpack и собираем наш проект
• Сборка проектов при помощи Browserify
• Как превратить код ES6 в старый формат ES5. Babel, Babel-loader и полифиллы
• Модули
• Работаем с готовым кодом

5. Бонус. Дополнительные технологии

• React
• Написание тестов

6. Завершение курса – получение сертификата.

Отзывы о курсе:

Arman Aisenov
«Обучение прошло интересно! Открыл для себя новые детали в языке JS. Материал объясняется на простом, доступном языке. Информативность – много знаний получил за относительно небольшой срок. Я понимал, что у меня слабые познания по чистому JS, и пройдя курс, теперь владею им на более высоком уровне экспертности. Удалить перфекционизм, не беспокоиться из-за того, что что-то не получается сделать или, что-то не поняли.»

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

Алена Инденко
«Иван вы молодец, мне нравится, как вы подаете материал, даже не видя студентов вы стараетесь найти к ним подход. Очень объемный курс, хотелось бы больше практики с каждым разделом на основе одного большого проекта, чтобы вы вели эту практику, самой довольно сложно вникнуть во все нюансы с первого раза, а с вашими подсказками гораздо проще. Спасибо за ваш труд!»

Подробнее о курсе JavaScript →

Курс «JavaScript от LoftSchool »

Цена: 24 000 ₽ – 37 908 ₽

Ссылка на сайт: https://loftschool.com/course/javascript/

• 15 видеокурсов, 100+ часов обучения.
• 3 выпускных проекта
• Сертификат
• Поддержка наставника.

Перейти на официальный сайт →

За 7 недель вы научитесь:

• Уверенно работать с JavaScript
  У вас в руках будет вся «база»: переменные, функции, объекты и массивы, обработка ошибок и отладка.
• Создавать архитектуру приложения
  Вы перейдете к модульному написанию JavaScript-кода и научитесь связывать модули через import, export и require.
• Взаимодействовать с сервером
  Вы научите своё приложение обмениваться данными со сторонними сервисами, используя XMLHttpRequest, Fetch, WebSocket, Service Workers и JSON
• Создавать SPA приложения
  По итогам курса вы сможете создавать свои приложения: придумывать структуру для клиентской части.
• Использовать HTML5 API
  Вы сможете использовать новые интерфейсы API, реализованные в стандарте HTML5: History, Drag-and-Drop, File, Storage
• Познакомитесь с node.js
  Изучите цикл событий, поработаете с файлами и освоите работу с сетью.

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

Неделя 1 — Основы JavaScript, переменные и функции
— Знакомимся со своим личным наставником и группой.
— Узнаём, как работает JavaScript и что такое переменные и функции.

Неделя 2 — Объекты и массивы, обработка ошибок
— Разбираем базовые операции с объектами и массивами, изучаем деструктуризацию и spread-оператор.
— Изучаем динамические свойства массивов, учимся создавать proxy.
— Разбираем инструменты разработчика, изучаем принципы обработки исключений.

Неделя 3 — DOM, асинхронность
— Учимся создавать, выбирать и модифицировать элементы DOM, изучаем механизм DOM-событий.
— Рассматриваем, что такое обработчик событий, делегирование.
— Изучаем асинхронность в JS, разбираем Promise, Async/await.

Неделя 4 — Работа с сетью, Browser API
— Рассматриваем работу с сетью на примере WebSocket, ServiceWorks.
— Изучаем Local/Session Storage, HTML 5 Drag and Drop.
— Рассматриваем принцип взаимодействия между окнами и iframe.

Неделя 5 — Работа с VK API, ООП
— Изучаем документацию по работе с VK API. Рассматриваем шаблонизацию.
— Рассматриваем основы ООП в JavaScript. Изучаем полиморфизм, наследование, инкапсуляцию, конструкторы и классы.

Неделя 6 — MV*, модули
— Изучаем шаблоны проектирования MVС и MVVM.
— Рассматривается перевод проекта на модули, изучаются ES6 модули.

Неделя 7 — Node.js, тестирование
— Знакомимся с Node.js. Рассматриваем работу с файлами и сетью.
— Определяемся с необходимостью тестирования JS-кода.
— Знакомимся с библиотеками для тестирования.

Выпускной проект
Первый выпускной проект – “Работа с API геолокационных карт”. Второй – это чат: вы на практике реализуете обмен сообщениями, авторизацию и загрузку файлов. И в конце предложим бонусный выпускной проект – “Другофильтр” (API VK).

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

Подробнее о курсе JavaScript →

Курс «JavaScript от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана»

Цена: разная стоимость

Ссылка на сайт: https://www.specialist.ru/dictionary/definition/javascript

Перейти на официальный сайт →

Курсы:

1. Веб – программист. Профессиональная разработка на PHP и JS. 2021
2. Разработчик JavaScript (фуллстек)
3. Фронтенд – разработчик на React
4. Фронтенд – разработчик на Vue.js
5. JavaScript Разработчик
6. Веб – разработка. Профессионал Laravel и React
7. Golang – разработчик fullstack (дипломная программа)
8. Front – end разработчик
9. Специалист JavaScript
10. Full – stack javascript – разработчик
11. Эксперт по программированию на JavaScript (со знанием Vue.js и Node.js)
12. Современная web – разработка для школьников
13. Уровень 6. React и JSX
14. Уровень 1. Основы JavaScript
15. Уровень 3. ESNext
16. Уровень 2. Расширенные возможности
17. Уровень 7. Redux и react – router
18. JavaScript. Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб – приложений
19. Уровень 9. Vue.js. Расширенные возможности.
20. Практика создания веб – приложения (фронтенд)
21. Уровень 4. Fetch/AJAX API
22. Уровень 5. Серверное программирование на Node.js
23. Уровень 10. HTML5 API
24. Введение в TypeScript
25. Курс 20480C: Программирование в HTML5 с JavaScript и CSS3
26. Разработка веб – приложений на AngularJS
27. Современная web – разработка для школьников. Уровень 1
28. Современная web – разработка для школьников. Уровень 2.

Подробнее о курсе JavaScript →

Курс «JavaScript от Илья Кантор»

Цена: разная стоимость

Ссылка на сайт: https://learn.javascript.ru/courses

• Качество
  Это самое главное. Мы изучаем разработку на профессиональном уровне
• Дистанционность
  На практике это оказывается удобнее, чем очные курсы
• Поддержка
  Вы получите советы по развитию именно для вас
• Результат
  Цель курсов – получить конкретные результаты в плане знаний и умений
• Гарантия
  Возврат денег, если что-то не так.

Перейти на официальный сайт →

Курсы:

1. “JavaScript/DOM/Интерфейсы” для новичков
   Курс по профессиональному JavaScript для начинающих разработчиков, цель которого – научить думать на JavaScript, писать просто, быстро и красиво, создавать интерфейсные компоненты.
2. “JavaScript/DOM/Интерфейсы” для программистов
   “Продвинутый” курс по профессиональному JavaScript, с большим количеством нюансов и деталей JavaScript. Для тех, кто либо прошел курс “для новичков”, либо имеет опыт программирования на другом языке от 1 года.
3. Курс по современной вёрстке
   Курс по современной вёрстке, цель которого – сделать процесс вёрстки лёгким и понятным, научить создавать компоненты и избегать распространённых ошибок.
4. Node.js
   Профессиональная разработка на платформе Node.js (серверный JavaScript), с использованием современных фреймворков и технологий.
5. Angular
   Профессиональная разработка на современном фреймворке Angular.
6. React
   Профессиональная разработка на React.
7. Vue.js
   Профессиональная разработка на Vue.js.
8. Интенсив по TypeScript
   Изучаем возможности TypeScript для увеличения эффективности и надёжности JavaScript-разработки.
9. Интенсив по RxJS
   Изучаем нюансы реактивного программирования с RxJS.

Подробнее о курсе JavaScript →

Курс «JavaScript Developer от ITVDN»

Цена: 22.00 USD

Ссылка на сайт: https://itvdn.com/ru/specialities/js

Перейти на официальный сайт →

JavaScript – один из самых популярных языков программирования. Без его знания не обойтись в веб-разработке. Кроме реализации пользовательской логики (FrontEnd), он применяется в разработке серверных (BackEnd), игровых и мобильных приложений, для создания сценариев для автоматизации тестирования и прочего.
Изучение JS — хорошее вложение в будущее, так как язык пригодится для решения разных задач и будет полезным в любой сфере разработки.

• 10 видеокурсов
• Доступ на 3 месяца
• Учебные материалы
• 6 тестов и сертификат
• Онлайн консультация
• Бонусная программа
• Диплом.

Кому подойдёт эта специальность:

• Новичкам
  Тем, кто ни разу не программировал и при этом хочет открыть для себя мир разработки на JavaScript. Мы поможем Вам сделать первые шаги и приведем к успеху.
• Начинающим специалистам
  Тем, кто уже имеет определенный набор знаний и навыков, и при этом хочет их систематизировать, а также углубить.
• Профессионалам
  Тем, кто уже является действующим разработчиком, и хочет изучить новые технологии, либо сменить профессию.

Видеокурсы:

1. JavaScript Стартовый
2. How To JavaScript
3. JavaScript Базовый
4. Верстка страниц с использованием Gulp
5. JavaScript Шаблоны
6. ECMAScript 6
7. JavaScript: Расширенные возможности
8. Методологии управления проектами. Вступление в SCRUM
9. Visual Studio 2019 Tips & Tricks
10. Основы работы с Git.

Ваши навыки после обучения:

• Применение языка JavaScript для создания пользовательской логики и дополнительной интерактивности на веб-сайте
• Использование различных спецификаций ECMAScript — от 6 до 9 версии
• Работа с DOM-деревом и технологией AJAX для описания структуры страницы и реализации асинхронного обновления веб-страницы, соответственно
• Применение WebSockets для взаимодействия браузера и веб-сервера в режиме реального времени
• Использование реактивной библиотеки RxJS для удобной и эффективной работы с асинхронным кодом
• Работа с Cookies средствами JavaScript
• Использование популярных шаблонов проектирования на JavaScript для создания легко поддерживаемого и расширяемого кода
• Использование системы управления версиями Git и сервиса для хостинга проектов GitHub.

Отзывы:

Арен Саргсян
«Вы большие молодцы, очень круто, что вообще есть такой сайт, такой сервис, такой магазин. Когда что-то надо читать или смотреть по программированию – все можно найти у вас.»

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

Валерий Ноздренков
«Очень высокий уровень преподавателей. Александр Шевчук очень интересно и квалифицированно все преподает.»

Подробнее о курсе JavaScript →

Курс «Frontend разработчик на HTML, CSS и JavaScript от Stepik»

Цена: 1 890 ₽

Ссылка на сайт: https://stepik.org/course/113402/promo

Освойте самое важное для веб-разработчика и начните зарабатывать на этом деньги! HTML, CSS, JavaScript, Bootstrap, Vue, Git, GitHub, Gulp

• Начальный уровень
• 1 час в день или больше
• Сертификат.

Перейти на официальный сайт →

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

Для кого этот курс
Для тех, кто вообще не знаком с темой создания сайтов; Для тех, кто уже делал свои первые попытки создания сайтов; Для тех, кто хочет освоить html, css, javascript, bootstrap, vue, git, github, gulp, и начать применять эти навыки в работе; Для тех, кто хочет стать крутым веб-разработчиком и зарабатывать деньги. Начальные требования просты.

Чему вы научитесь:

• Вы научитесь создавать современные веб-сайты с помощью HTML5, CSS3 и Boostrap 5 и правильно пользоваться документацией
• Получите опыт на практике, создадите свою адаптивную сетку на CSS и сверстаете много фрагментов современных сайтов
• Научитесь пользоваться редактором кода VS Code, работать в терминале или командной строке
• Выучите язык программирования JavaScript начиная с основ программирования и заканчивая работой с динамическими элементами DOM
• Вы научитесь работать с различными событиями на JavaScript и изучите множество современных библиотек для создания слайдеров, галерей, меню и других элементов
• Изучите фреймворк Vue, который выведет вашу работу на JavaScript на новый уровень и создадите свою игру на HTML, CSS, Vue
• Научитесь работать с системой контроля версий Git и создавать онлайн репозитории на GitHub, чтобы публиковать свой код в удаленных репозиториях
• Научитесь настраивать сборщик проекта Gulp для своих задач. Работать с NPM и подключать плагины Node JS.

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

1. Язык HTML

• Введение
• Установка браузера и редактора кода
• Обзор функций редактора
• Первые HTML теги
• Как задавать путь к файлу
• Создание списка
• Создание таблиц
• Работа с текстом
• Создание формы
• Универсальные атрибуты
• Цвет RGB и спецсимволы
• Подведение итогов изучения HTML

2. Язык CSS

• CSS селекторы
• Работа с изображениями
• Границы
• Размеры элементов
• Работа с шрифтом
• Блочная модель документа
• Псевдоклассы и псевдоэлементы
• Основы CSS Flexbox
• Адаптивная версия сайта, Создание своей сетки

3. Практика по HTML и CSS

• Практическое занятие 1
• Практическое занятие 2
• Практическое занятие 3
• Урок по Photoshop
• Практическое занятие 4
• Заключение
• Справочники и ссылки

4. Основы языка JavaScript

• Введение в JavaScript. Работа с консолью разработчика, создание
• Строковый и логический тип данных
• Шаблонные строки, Случайные числа, Округление чисел
• Массивы
• Объекты
• Диалоговые окна, Условия, Тернарный оператор, Переключатель Swit
• Циклы (5 видов)
• Функции и решение 6 задач
• Работа с датой и временем
• Документация кода на JSDoc и Исключения
• Объектно-Ориентированное Программирование, Прототип, Конструктор
• Возможности ECMAScript 2015 (ES6)

5. Работа с DOM деревом JavaScript

• Введение
• Выбор элемента DOM
• Атрибуты, Создание элементов
• Генерация вложенных списков
• Календарь
• Сортировка таблицы
• Часы
• Классы и метрики
• Таблица с журналами
• Номера из объекта
• Вывод карточек с сортировкой
• Вывод карточек людей
• Карточки с днями рождения
• Таймер с прогрессбаром
• Генератор имен
• Локальное хранилище (localStorage)

6. Обработка события на JavaScript

• Обработчики событий
• Скрыть / Показать элемент
• Простой слайдер
• Тёмная тема
• Не jQuery
• Фазы события и Делегирование
• Счётчик
• Переключатель
• Удаление карточек
• Разворачиваемые подменю
• Сортировка таблицы
• Всплывающая подсказка
• Отмена стандартного поведения
• Сочетание клавиш
• Выделение через CTRL
• Range-Слайдер
• События клавиатуры
• Работа с формами
• Фокус и потеря фокуса
• Перемещение по стрелкам
• События форм и буфера обмена
• События страницы, async и defer скрипты
• Диапазон и Выделение
• Депозитный калькулятор
• Генератор CSS тени
• Система уведомлений

7. Библиотеки JavaScript

• Работа с текстовыми файлами и FileReader
• Создание анимации на JS и CSS
• Регулярные выражения
• Библиотека list.js: Поиск и сортировка обычных списков
• Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
• Библиотека popper.js: Всплывающие текстовые подсказки
• Библиотека baguetteBox.js: Галерея изображений
• Библиотека lightgallery.js: Галерея изображений
• Библиотека flatpickr.js: Календарь
• Библиотека cleave.js: Валидация форм
• Библиотека mixItUp3.js: Фильтрация элементов
• Библиотека swiper.js: Слайдер изображений

8. Создание сайта на Bootstrap 5

• Обзор, загрузка и подключение
• Шапка, модальное окно, градиент, треугольник, адаптивное видео
• Сетка 3 на 3 и иконки
• Сетка 2 на 2
• Как сделать Аккордеон на Bootstrap 5
• Адаптивные изображения на Bootstrap 5
• Практика и задание по работе с Bootstrap 5
• Форма сбора средств Yoomoney
• Создание футера
• Обзор Документация Bootstrap 5

9. Система управления версиями Git и GitHub

• Что такое Git
• Установка Git
• Регистрация на GitHub
• Первые команды Git
• Работа с Git в VS Code
• Алиасы для Git
• Отмена изменений и возврат к коммиту
• Работа с ветками
• Панель команд Git в VS Code
• Откат к любому коммиту и Git Graph
• Удаление репозитория
• Синтаксис Markdown для README.md
• Фрагменты кода Gist
• Хостинг GitHub Pages

10. Основы фреймворка Vue.js

• Обзор курса
• Обзор структуры файлов
• Работа над интерфейсом игры
• Достижения в игре
• Экран с вопросами в игре
• Экран с результатами
• Начало работы с Vue
• Обработка событий на Vue
• Циклы и методы на Vue
• Конец игры на Vue
• Вычисляемые свойства на Vue
• Музыка в игре на JavaScript
• Работа с Git и GitHub
• Приложение в VK
• Куда двигаться дальше

11. Планировщик задач Gulp

• Введение в Gulp
• Установка Node JS
• Инициализация проекта NPM init
• Пакеты на NPM JS
• Константа с путями
• Обработка стилей в Gulp
• Отслеживание изменений в проекте
• Обработка скриптов в Gulp
• Повтороное использование сборки
• Autoprefixer, Sourcemaps, Babel
• Сжатие изображений в Gulp
• Минификация HTML в Gulp
• Размеры файлов в терминале
• Отслеживание только новых файлов
• Автообновление в браузере
• Работа с Pug
• Работа с Stylus
• Работа с SASS и SCSS
• Работа с Type Script
• Работа с Coffee Script
• Заключение.

Подробнее о курсе JavaScript →

Курс «JavaScript для начинающих программистов от OTUS»

Цена: 10 ₽

Ссылка на сайт: https://otus.ru/online/online-js/

• Все основные возможности Javascript
• Домашние задания и их разбор
• Подготовка к курсам “Fullstack разработчик Javascript”, “React.js-разработчик” и “Node.js-разработчик”.

Перейти на официальный сайт →

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

34 академических часа

1. Знакомство с JavaScript

• Начало работы
• Переменные
• Типы данных
• Логические выражения
• Условия
• Циклы

2. Объекты и массивы

• Объекты
• Массивы
• Функции

3. Работа с DOM

• Элементы
• События

4. Встроенные инструменты

• Даты
• Обработка ошибок
• Математические операции
• Регулярные выражения
• Локальные хранилища
• Работа с сервером.

Подробнее о курсе JavaScript →

Курс «JavaScript для начинающих от Hexlet »

Бесплатно

Ссылка на сайт: https://ru.code-basics.com/languages/javascript

Изучение программирования — интересный и захватывающий процесс. Синтаксис языка — самая простая и короткая часть пути, но без неё невозможно начать. Этот бесплатный онлайн-курс по JavaScript познакомит с базовыми понятиями языка. Вы выучите основы и напишете свои первые программы на JS.

Перейти на официальный сайт →

Содержание:

1. Основы JavaScript
   JavaScript – один из самых популярных языков программирования в мире. Он используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке. Изучать JS мы будем с нуля, с самых азов. Первый модуль – плацдарм для написания осмысленных программ. В нем мы разберем, как написать свой первый код на JS. Расскажем, что такое комментарии и зачем они нужны. На примере проверки ваших решений рассмотрим, что такое тестирование и как читать вывод тестов.

• Привет, Мир!
• Комментарии
• Инструкции (Statements)
• Как мы проверяем ваши решения
• Синтаксические ошибки.

2. Арифметика
   Современные программы создаются для обслуживания бизнесов, помощи в ежедневной жизни и развлечений. Но в основе их работы по-прежнему лежат вычисления. Наиболее простая и базовая тема в программировании — арифметика. В этом модуле мы переведем арифметические действия на язык программирования, поговорим о приоритете операций и операциях с дробным числами. Вспомним школьные правила из уроков математики и узнаем, что получится, если делить на ноль в JavaScript. А под конец расскажем, что такое линтер и почему он может «ругаться».

• Арифметические операции
• Операторы
• Коммутативная операция
• Композиция операций
• Приоритет операций
• Числа с плавающей точкой
• Бесконечность (Infinity)
• NaN
• Линтер.

3. Строки
   Текст в программировании называется «строками», и эта тема не так проста, как может показаться. Как вывести фразу, в которой есть и одинарные, и двойные кавычки? Как вообще быть с текстом, ведь компьютер не знает ничего о буквах! Модуль посвящен разным аспектам написания текста – от кавычек и экранирования до кодировки.

• Кавычки
• Экранирующие последовательности
• Конкатенация
• Кодировка.

4. Переменные в языке JavaScript
   Информацию можно помещать в специальные «хранилища» — переменные. Это позволяет переиспользовать уже существующие данные и не дублировать их в разных частях кода. В этом модуле мы разберем как изменять переменные и именовать их, чтобы чтение вашего кода было понятным для любого разработчика. Вы поймете, что придумать название переменной не так-то просто! А еще расскажем, как использовать переменные для упрощения сложных вычислений.

• Что такое переменная
• Изменение переменной
• Выбор имени переменной
• Ошибки при работе с переменными
• Выражения в определениях
• Переменные и конкатенация
• Стили именования
• Магические числа
• Константы
• Интерполяция
• Извлечение символов из строки.

5. Типы данных JavaScript
   JavaScript — язык со слабой типизацией и неизменяемыми примитивными типами данных. Что произойдет, если мы попробуем умножить число на строку? Каким образом JavaScript понимает, что за тип данных перед ним? И что делает JavaScript, когда видит несоответствие типов? Ответы на эти вопросы вы найдете в текущем модуле.

• Типы данных
• undefined
• Неизменяемость примитивных типов
• Слабая типизация.

6. Вызов функций
   Для выражения любой произвольной операции в программировании существует понятие «функция». Функции — кирпичики, из которых программисты строят системы. В этом модуле мы научимся пользоваться уже созданными функциями. Посмотрим на сигнатуру функции в документации и разберемся, как её использовать. Познакомимся со стандартными библиотеками, которые хранят тысячи функций. Все функции невозможно выучить, но каждый программист должен знать, где искать документацию по ним.

• Функции и их вызов
• Математические функции JavaScript
• Сигнатура функции
• Параметры по умолчанию
• Вызов функции — выражение
• Функции с переменным числом параметров
• Детерминированность
• Стандартная библиотека.

7. Свойства и Методы
   Данные, которыми мы оперируем в своих программах, могут обладать важными свойствами. В JavaScript свойства встроены прямо в язык. Кроме свойств у данных существуют методы — функции, находящиеся внутри свойств. Свойства и методы — такие же выражения, как переменные, константы или вызовы функции, а значит, их можно всячески комбинировать. Глубже эти темы разбираются на отдельных курсах, посвященных объектно-ориентированным возможностям JavaScript. Мы же в этом модуле изучим основы.

• Свойства
• Методы
• Неизменяемость
• Свойства и методы как выражения
• Цепочка вызовов.

8. Определение функций
   Определение собственных функций значительно упрощает написание и поддержку программ. Например, умение определять функции позволяет объединять сложные (составные) операции в одну – вся сложность может быть скрыта за одной простой функцией. Научившись писать функции, вы сделаете первый шаг на пути к построению по-настоящему полезных программ. И мы вам в этом поможем. В этом модуле вы создадите свою первую функцию и научитесь давать ей (а заодно переменным и константам) понятные названия.

• Создание (определение) функций
• Возврат значений
• Параметры функций
• Необязательные параметры функций
• Упрощенный синтаксис функций.

9. Логика
   Логические выражения позволяют отвечать на вопросы, которые возникают во время работы программы. Пользователь аутентифицирован? Подписка оплачена? Год високосный? В этом модуле изучаем функции-предикаты – те, которые задают вопрос и отвечают на него – правда это или ложь. Попрактикуемся в написании таких функций и перейдем к более сложным логическим выражениям.

• Логический тип
• Предикаты
• Комбинирование логических операций
• Логические операторы
• Отрицание
• Результат логических выражений.

10. Условные конструкции
    Задача функции-предиката — получить ответ на вопрос, но обычно этого недостаточно и нужно выполнить определенное действие в зависимости от ответа. If и Switch – конструкции JavaScript, с помощью которых программист может выбирать необходимое поведение программы в зависимости от разных условий: пропускать одни инструкции и выполнять другие. Их и разберем на практике в этом модуле.

• Условная конструкция (if)
• else
• Конструкция else if
• Тернарный оператор
• Конструкция Switch.

11. Циклы
    Любой код может повторяться десятки, тысячи, миллионы раз. В комбинации с другими известными нам инструментами — переменными и условиями — это открывает множество возможностей по построению программ и сложных систем. Приведем простой пример. Вам нужно найти конкретную фразу в учебнике из 500 страниц. Фразу вы помните, а вот номер страницы нет. Самый простой (и долгий) способ — последовательно просматривать страницы до тех пор, пока не найдете нужную. Для выполнения таких повторяющихся действий и нужны циклы.

• Цикл While
• Агрегация данных (Числа)
• Агрегация данных (Строки)
• Обход строк
• Условия внутри тела цикла
• Формирование строк в циклах
• Синтаксический сахар
• Инкремент и декремент
• Возврат из циклов
• Цикл For.

Подробнее о курсе JavaScript →

Курс «Javascript / jQuery от FructCode»

Цена: от €7.60

Ссылка на сайт: https://fructcode.com/ru/courses/javascript-and-jquery/

Цель мини-курса: дать начальное представление о работе с DOM, как с помощью Javascript ES5, так и с помощью jQuery.
Курс подходит для начинающих с нуля, однако необходимо знать основы HTML/CSS.

• 21 задание
• 1 час видео
• Сертификат об окончании.

Перейти на официальный сайт →

Разработка сайта на Javascript и jQuery, позволит сделать интерфейс вашего сайта более живым и интерактивным. Это самые основы языка Javascript для начинающих, изучающих язык Javascript с нуля. В видеокурсах Javascript и jQuery показываются примеры программирования на языке Javascript и jQuery.

Вы узнаете:

• Что такое язык Javascript и как его используют
• Базовый синтаксис классического Javascript (ES5)
• Как пользоваться переменными в Javascript
• Какие бывают виды циклов в Javascript и для чего они нужны
• Что такое массивы и как работать с массивами в Javascript
• Что такое JSON
• Функции для работы со строками и массивами в Javascript
• Как создавать собственные функции
• Как создавать и обрабатывать события при клике на кнопку
• Как изменять CSS-стили при клике на кнопку
• Что такое библиотека jQuery
• Как встроить jQuery в html-страницу.

План курса:

1. Знакомство с Javascript и jQuery

• Знакомство с Javascript
• Первый код на Javascript
• Подключение и обращение к DOM
• Первый код на jQuery

2. Работа с классами и CSS-стилями

• Обращение к классам
• Функция fadeOut
• Обращение к классам
• Тест по пройденным урокам
• Как задавать CSS стили с помощью Javascript или Jquery
• Javascript, jQuery задать CSS-стили

3. Массивы, циклы и собственные функции

• Массивы в Javascript
• Виды массивов в Javascript
• Функции для работы с массивами в Javascript
• Циклы for и forEach в Javascript для работы с массивами
• Циклы и методы для работы с массивами в Javascript
• Создание собственных функций в Javascript
• Тест по пройденным урокам

4. Работа с событиями (events) в Javascript

• События в Javascript

5. Получение сертификата об окончании курса.

Отзывы о курсе:

Юрий Сулыгин
«Вполне доступно объясняется база. Но лучше дополнительно пользоваться сторонними источниками для полного понимания синтаксиса. В целом, заслуженные 5 звезд!»

Юлия Заворохина
«Хороший курс для новичков. Вся информация понятна.»

Mark Gromov
«Курс очень понравился. Лаконично и понятно, непременно приступлю к обновленной версии!»

Подробнее о курсе JavaScript →

Курс «JavaScript от Codebra »

Бесплатно

Ссылка на сайт: https://codebra.ru/ru/courses/javascript

Перейти на официальный сайт →

Содержание:

Раздел 1. Знакомство с JavaScript

• Первое знакомство с JavaScript
• Продолжаем знакомится с JavaScript
• Небольшой ознакомительный тест
• Вывод нескольких сообщений
• Структура кода
• Переменные
• Константы
• Этика использования переменных
• Лексика языка
• Создание понятного кода

Раздел 2. Типы и переменные

• Типы данных и значения
• Числа
• Метод вывода: document.write
• Арифметические операции
• Текст: строковые литералы
• Управляющие последовательности
• Работа со строками
• Преобразование типов
• Методы обработки чисел

Раздел 3. Выражения и операторы

• Что такое выражения и операторы
• Операторы
• Приоритет операторов
• Арифметические выражения
• Унарные арифметические операторы
• Выражения отношений
• Логические выражения
• Выражения присваивания
• Остальные операторы

Раздел 4. Инструкции

• Что такое инструкции
• Условные инструкции: инструкция if
• Условные инструкции: инструкция else if
• Условные инструкции: инструкция switch
• Циклы: инструкция while
• Циклы: инструкция do/while
• Циклы: инструкция for
• Циклы: инструкция for/in
• Переходы: метки инструкций
• Переходы: инструкция break
• Переходы: инструкция continue
• Переходы: инструкция return
• Директива use strict

Раздел 5. Объекты

• Объекты
• Получение и изменение свойств объекта
• Работа со свойствами объекта
• Методы универсального класса Object.

Подробнее о курсе JavaScript →

Курс «Javascript: погружение от WAYUP»

Бесплатно

Ссылка на сайт: https://wayup.in/library/course18

Изучите основы языка программирования Javacript для создания интерактивных интерфейсов на практике.

• 6 занятий по основам профессии
• Наставник проверяет ДЗ
• Сертификат по окончании обучения.

Перейти на официальный сайт →

Что будем изучать:

• Синтаксис JS
  Ты научишься писать свой и читать чужой код, разобравшись с основами языка
• Объекты и массивы
  Ты поймешь переменные, объекты и массивы, простейшие операции и сложные конструкции
• Функции и циклы
  Ты напишешь свои функции для решения большинства задач, встающих перед верстальщиком
• Реальный проект
  Мы создадим интерактивный квиз, который проверит все знания, полученные на этом курсе.

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

1. Основы: переменные, типы данных, простейшие операции и др.
   В этом занятии мы познакомимся с языком программирования Javascript – одним из самых популярных и востребованных на сегодняшний день. Вперед к основам!
2. Основы: циклы, массивы, объекты, функции
   Время переходить к более сложным понятиям в Javascript.
   ты узнаешь о составляющих любого скрипта, без которых невозможно получить результат. Будет интересно!
3. Знакомство с DOM: поле боя разработчика
   Document Object Model – это то, с чем javascript-разработчик работает постоянно, если речь идет об «оживлении» интерфейсов. Смотри, как Javascript взаимодействует с DOM и чем он «отличается» от HTML.
4. Работа с DOM: практика реальных решений
   Настало время серьезной практики.
   ты увидишь, насколько безграничны твои возможности взаимодействия с DOM. Все, что ты только можешь представить в отношении frontend`а любого сайта реализуется через работу с DOM!
5. Большая практическая работа: создаем квиз
   Написать систему интерактивного теста для чистом Javascript после 4 занятий? Почему бы и нет! Смотри, как освоенный материал поможет тебе создать нетривиальный скрипт с непростым функционалом.
6. Как построить карьеру frontender-а
   Сколько ты можешь заработать сегодня? Какие перспективы? Как правильно работать удаленно и не обжечься? Все ответы в заключительном занятии курса!

Автор курса – Сергей Демин
Frontend-разработчик

• 5 лет коммерческой разработки
• Реализовал свыше 20 проектов
• Работает Frontend-разработчиком в крупнейшей IT компании своей страны
• Автор большого коучинга «Javascript: новый уровень».

Подробнее о курсе JavaScript →

Курс «JavaScript и TypeScript для продвинутых от Lectrum LLC»

Цена: 26  450  ₽ – 38  450  ₽

Ссылка на сайт: https://lectrum.io/course/javascript-advanced

Перейти на официальный сайт →

Курс будет полезен, если вы:

• Испытываете сложности с продвинутыми фишками JavaScript и TypeScript
• Выпускники интенсива по JavaScript и ECMAScript для начинающих
• Самостоятельно изучили JavaScript и TypeScript, но завалились на собеседовании
• Уже освоили основы JavaScript, но хотите быстро и эффективно продвигаться в обучении с наставником
• Ранее изучали JavaScript, но хотите освежить свои навыки
• Испытываете сложности в покрытии типами проекты написанные на JavaScript/TypeScript.

После курса вы сможете:

• Работать с асинхронностью в JavaScript и TypeScript, писать AJAX-запросы на сервер
• Пользоваться Swagger-документацией
• Разрабатывать модульный код с использованием классов и наследования, который будет легко поддерживать и сопровождать
• Писать стабильный код благодаря строгой типизации и необходимостью добавления множества проверок
• Легко покрывать типами JavaScript/TypeScript приложения, а также переводить готовые JavaScript-проекты на TypeScript
• Уверенно проходить собеседования и выполнять тестовые задания
• Дополнить своё портфолио новыми проектами
• Работать в команде по Agile-методологии

Теория
4 недели — занятия проходят в сервисе Zoom.
Если вы пропустили занятие или желаете повторить тему — не переживайте! Вам будет предоставлен доступ к записям уроков.
Практика
5 недель — работа с персональными проектами, а также участие в групповой разработке по Agile-методологии.

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

1. ООП — функциональный стиль
   Разберёмся с принципами объектно-ориентированного программирования. Получим полное представление об ООП в функциональном стиле.
2. ООП — прототипный стиль
   Углубимся в принципы объектно-ориентированного программирования. Получим полное представление об ООП в прототипном стиле.
3. Классы
   Разберёмся со специальной структурой, которая позволит создавать объекты. Познакомимся с полноценными приватными свойствами классов. Разберёмся с особенностями наследования классов.
4. Знакомство с итераторами и генераторами
   Разберёмся со специальными функциями, которые умеют приостанавливать свой вызов.
5. Асинхронное программирование
   Разберёмся с асинхронностью в JavaScript. Познакомимся с основным встроенным классом Promise.
6. Введение в TypeScript, типы и интерфейсы
   Разберёмся с типизацией JavaScript при помощи TypeScript. Познакомимся с базовыми типами. Научимся писать собственные типы и интерфейсы и разберёмся с тем, что и когда использовать.
7. TypeScript: неймспейсы и утилитарные типы
   Разберёмся с типами и интерфейсами в TypeScript. Основные области применения неймспейсов и модулей. Разберёмся с TypeScript утилитами, которые используют для создания новых типов на основе существующих.
8. Веб и сервис-воркеры. Работа веб-приложения в офлайн
   Научимся разрабатывать приложения, которые могут работать в офлайн. Разберёмся с тем, как можно вынести тяжелые, с точки зрения JavaScript, задачи в отдельные потоки. Научимся реализовывать прокси между браузером и сетью.
9. Первая неделя практики
   Подготовим окружение и приступим к работе над персональным проектом.
10. Вторая неделя практики
    Отправим проект на код-ревью, имплементируем фидбек от наставника.
11. Третья неделя практики
    Отправим второй проект на код-ревью, имплементируем фидбек от наставника по второму проекту.
12. Четвертая неделя практики
    Отправим третий проект на код-ревью, имплементируем фидбек от наставника по третьему проекту.
13. Работа над групповым проектом.

Подробнее о курсе JavaScript →

Курс «JavaScript от Академия IT»

Бесплатно

Ссылка на сайт: https://academiait.ru/course/javascript-4/

Перейти на официальный сайт →

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

1. Введение
2. Массив перебирающие методы – forEach
3. Массив перебирающие методы – map
4. Массив перебирающие методы – filter
5. Массив перебирающие методы – every и some
6. Массив перебирающие методы – reduce и reduceRight
7. Функции: псевдомассив arguments
8. Функции: Типы функций Function esxpression, Function declaration & NFE
9. Функции: this контекст вызова
10. Функции: Замыкания, области видимости, лексическое окружение
11. Функции: модуль через замыкание
12. Объекты: Метод call
13. Объекты: Метод apply
14. Объекты: Метод bind
15. Объекты: Каррирование (Currying).

Подробнее о курсе JavaScript →

Курс «JavaScript (JS) для начинающих от The CoderNet Team»

Бесплатно

Ссылка на сайт: https://codernet.ru/video/javascript/free_cource_js/

Перейти на официальный сайт →

Список видеоуроков:

1. Введение в язык JavaScript.
2. Основные моменты при работе с JS
3. Вывод информации и Работа с консолью
4. Переменные и типы данных в JavaScript
5. Математические действия в JS
6. Условные операторы JS
7. Массивы данных. Одномерные и многомерные массивы
8. Циклы в JavaScript. Операторы циклов
9. Всплывающие окна (alert, prompt, confirm)
10. Функции в языке JavaScript
11. События и обработчик событий в JavaScript
12. Управление HTML и обработка форм при помощи JS
13. Создание таймеров и интервалов
14. Создание объектов. Встроенные функции
15. Заключительный урок.

Подробнее о курсе JavaScript →

Курс «Разработка на JavaScript от Luxoft»

Цена: 38 300 руб.

Ссылка на сайт: https://www.luxoft-training.ru/kurs/razrabotka_na_javascript.html

Курс посвящен современному JavaScript (EcmaScript 2015+), использованию JS для работы в браузере (события, манипуляция HTML и CSS), работе с модулями JS (NPM, Webpack), работе с сервером (HTTP, REST, AJAX, Axios, WebSocket). Курс является основой для изучения веб-фреймворков Angular и React.

• 40 ак.ч.
• Онлайн.

Перейти на официальный сайт →

После прохождения курса слушатели будут хорошо разбираться в возможностях языка JavaScript, получат основу для дальнейшего использования веб-фреймворков, таких как React или Angular.
Слушателями будет подробно изучена структура и синтаксис языка, его объектная модель. Подробно рассматривается DOM модель HTML документа, дается введение в CSS, изучается техника управления DOM и CSS c помощью JavaScript.
Изучаются модели обработки событий. Изучаются вопросы создания форм. Рассматривается технология JSON и технология Ajax, асинхронность и работа с сервером.

Разбираемые темы:

1. Язык JavaScript

• Версии и реализации JavaScript;
• Области применения JavaScript (браузер, сервер, мобильная разработка);
• Типы данных: String, Number, Boolean (понятие truthy и falsy);
• Операторы, приоритет операторов;
• Объявление переменных: var, const, let;
• Циклы: while, for, for … in, for …of;
• Работа с числами и строками;
• Значения null и undefined: отличия и цели применения;
• Работа с консолью;
• Исключения в JavaScript.

2. JSON, объекты и массивы

• Формат JSON, примеры;
• parse и stringify;
• Объекты, работа с классом Object;
• Создание объектов (с помощью литерала {}, оператор new, метод create);
• Прототипическое наследование, ссылка __proto__;
• Геттеры и сеттеры;
• Оператор in и hasOwnProperty, понятие перечислимых свойств;
• Метод toString(), вызов и переопределение метода;
• Метод valueOf(), вызов и переопределение метода;
• Создание массивов: литералы и new Array();
• Автоматическое изменение длины массива;
• Получение и установка длины массива length, усечение массива;
• Применение методов join() и concat();
• Использование метода sort, задание порядка сортировки массива;
• Использование методов slice и splice;
• Использование методов push, pop, shift, unshift: создание стека или очереди.

3. Работа с датами и строками

• Применение конструктора new Date();
• Понятие компьютерного представления даты как времени с Epoch;
• Использование getTime() и setTime();
• Парсинг строкового представления дат;
• Варианты создания строк в JS: использование одинарных и двойных кавчек;
• Интерполяция строк (строка в апострофах);
• Экранирование специальных символов в строке;
• Конкатенация строк, перевод в верхний и нижний регистр;
• Поиск подстроки с помощью indexOf() и lastIndexOf();
• Выделение подстроки с помощью substring() и substr()
• Применение методов includes, endsWith, startsWith.

4. Применение JavaScript в браузере: модель DOM

• Управление окном браузера, документом, событиями и оформлением (CSS-стилями);
• Объект window и его применение;
• Подключение кода JavaScript к HTML-странице;
• Порядок выполнения скриптов на странице;
• Кэширование скриптов, CDN-серверы, принудительная перезагрузка JavaScript;
• Работа с ссылками, подключение JavaScript к ссылкам;
• Событие onload и его использование;
• XSS-атаки на сайт;
• Работа с DOM: использование window, document, childNodes;
• Манипуляции документом с помощью DOM: создание, удаление, перемещение элементов;
• Использование getElementById(), getElementsByTagName(), getElementsByClassName() для поиска элементов на странице;
• Работа с методами и свойствами HTMLDocument и HTMLElement.

5. Работа с событиями в браузере

• Понятие событийного программирования;
• Обработчики и слушатели событий;
• Подключение обработчиков c помощью addEventListener();
• Свойства и методы класса Event;
• Распространение событий вверх (bubbling) и вниз (capturing);
• Остановка распространения;
• События окна;
• События мыши и клавиатуры, специальные свойства событий;
• События формы;

6. Работа с CSS и управление стилями

• Стандарт CSS, основные свойства CSS;
• Общие стили и стили отдельных элементов;
• Каскадирование стилей;
• CSS-селекторы;
• Изменение CSS с помощью JavaScript;
• Отступы: margin, padding, border;
• Управление видимостью элементов: visibility и display;
• Позиционирование элементов: absolute, fixed, relative, установка top и left;
• Единицы измерения px, pt и другие;
• Переполнение элемента и управление через свойство overflow;
• Управление слоями документа: свойство zIndex;
• Анимация, перемещение элементов;
• Работа с классами, установка className;
• Работа с прозрачностью и переходами (transition);
• Метод querySelectorAll().

7. Работа с модулями в JavaScript, менеджер пакетов NPM, сборщик Webpack

• Причины использования модулей;
• Экспорт из модуля;
• Импорт из модуля;
• Реэкспорт;
• Работа с NPM, файл package.json;
• Папка node_modules, загрузка пакетов с помощью NPM;
• Глобальная и локальная установка пакетов;
• Применение webpack для сборки проекта;
• Загрузчики CSS и TypeScript;
• Конфигурация webpack.config.js;
• Создание бандла, сжатие;
• Плагины webpack;
• Применение старых систем модульности – CommonJS и AMD;
• Использование CommonsChunkPlugin, несколько точек входа;
• Горячая замена модулей HMR.

8. Классы и наследование в JavaScript

• Прототипное наследование, ссылка __proto__;
• Прототип объекта;
• Использование instanceof;
• Ключевое слово class, создание классов;
• Ключевое слово super;
• Применение метода Object.assign();
• Применение метода Object.defineProperty();
• Геттеры и сеттеры;
• Spread-оператор для работы с объектами и массивами;
• Деструктурирование массива и объекта.

9. Функциональное программирование в JavaScript

• Функции как переменные;
• Массив arguments;
• Класс Function, методы call() и apply();
• Метод bind(), установка this и части параметров с помощью bind;
• Замыкания в JavaScript;
• Инкапсуляция значений с помощью замыканий;
• Создание функции через конструктор Function: конструирование строки;
• Стрелочные функции, примеры их применения;
• Функциональная манипуляция массивом: find, findIndex, filter;
• Примеры использования map/filter/reduce для обработки данных в массиве.

10. Иммутабельность, тестирование, паттерн MVC

• Понятие иммутабельности, ее преимущества;
• Мутабельные и иммутабельные методы изменения объектов и массивов;
• Понятие и преимущества Virtual DOM;
• Тестирование иммутабельных функций, применение Jest;
• Мемоизация, ее преимущества;
• Основные ошибки и рекомендации при использовании функционального программирования;
• Паттерн MVC, создание пользовательского интерфейса;
• Обзор основных библиотек для разработки интерфейса: Angular, React, Vue.

11. Асинхронность в JavaScript. Промисы

• Понятие и необходимость асинхронности;
• Работа с setTimeout, setInterval, clearTimeout;
• Функции обратного вызова (коллбэки);
• Потеря this при работе с функцией обратного вызова. Варианты решения (использование bind, стрелочных функций и др.);
• Понятие промисов, возвращение Promise из асинхронной функции;
• Метод Promise.all(), его применение;
• Синтаксис async/await, варианты применения, ограничения;
• Обработка внештатных ситуаций: Promise reject, обработка исключений при асинхронных вызовах.

12. Работа с сервером. Протокол HTTP. REST-сервисы

• Протокол HTTP;
• Заголовки и методы HTTP (GET, POST, PUT, DELETE, другие), передача данных;
• HTTP-серверы (обзор);
• Коды ответа HTTP-сервера;
• Использование форм для отправки данных;
• Передача данных на сервер с помощью AJAX;
• Архитектура REST: преимущества и особенности;
• Реализация CRUD (операций Create/Read/Update/Delete) при работе с REST;
• Применение фунции fetch() для получения и отправки данных;
• Документирование REST-сервисов с помощью Swagger;
• Понятие HATEOAS, применение;

13. Библиотека AXIOS. Протокол WebSocket

• Сравнение высокоуровневой библитеки Axios и применения низкоуровневого fetch();
• GET- и POST- запросы в Axios;
• Применение async/await c Axios;
• Обработка ошибок при использовании Axios;
• Отмена запроса с помощью Axios;
• Протокол WebSocket;
• Примеры использования WebSocket, сравнение с HTTP;
• HTML-анимация.

Тренер – Муравьев Семён
Специалист в области разработки ПО
Практикующий разработчик сложных веб систем с широкой Javascript/Typescript экспертизой.

Отзывы:

Участник тренинга
«Я очень довольна тренингом, наполнением практическими заданиями. Мне очень понравилось, что практически не было сухого зачитывания слайдов с экрана, все сразу разъяснялось на примерах.»

Участник тренинга
«Весь курс оказался полезен. Это первое знакомство с языком. Были как самые базовые вещи, так и затронули библиотеки, упрощающие разработку в разы.»

Подробнее о курсе JavaScript →

Курс «Понятный JavaScript от JSExpert »

Цена: от 36$ / мес

Ссылка на сайт: https://www.jsexpert.net/javascript-course/

• живые разборы домашних заданий
• подходит для абсолютных новичков
• от разработчика с опытом более 14 лет
• сертификат об окончании курса
• самые актуальные технологии.

Перейти на официальный сайт →

Для кого этот курс:

• Для новичков
  Программа курса позволяет вам начать обучение практически с нулевыми знаниями.
  Кроме теории вы сможете быстро прокачать практические навыки и в максимально сжатые сроки быть готовым к работе в IT-компании.
• Для WEB-разработчиков, не владеющих JavaScript
  Если вы хотите расширить сферу своих знаний или застряли в рутине одинаковых задач.
  Вы сможете выйти на новый уровень как в профессиональном плане, так и в плане доходов.
• Для тех, кто хочет сменить работу
  Если вам надоела ваша офисная, рутинная работа, хотите получать достойную заработную плату.
  Вы сможете работать в комфортной среде, будете уверены в завтрашнем дне, сможете самостоятельно выбирать проекты и график работы или даже работать над собственным проектом.

Курс состоит из:

• 10 домашних заданий
• 17 задач для практики
• 38 лекций
• 327 тестов.

Автор курса:
«Меня зовут Калюжный Евгений, я работаю Frontend разработчиком уже более 14 лет. Из них 5 лет в компании SoftServe.
Ключевые навыки:

• Core JavaScript
• TypeScript
• Angular
• ES6, ES7 syntax
• Bootstrap 3, 4
• Material Design
• Tools: Git, TFS, Gulp, Webpack, Sass
• Projects: Enterprise SAAS solutions
• Experience: 14 years

Автор курса “Понятный JavaScript” и “Angular Трансформация”. Основатель проекта JSExpert.»

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

Часть 1. Beginner

• История и эволюция JavaScript
• Подключение JavaScript
• Переменные
• Типы данных
• Операторы
• Преобразование типов
• Условные операторы
• Циклы.

Часть 2. Middle

• Функции и их виды
• Область видимости и замыкание
• Расширенные возможности функции
• Глобальные функции
• Объекты
• Встроенные объекты в JavaScript
• Массивы
• Итераторы массивов
• DOM
• Работа с DOM
• Отладка скрипта
• BOM
• Основы работы с событиями
• Приемы для работы с событиями
• Работа с this
• Модуль, конструктор и потеря контекста.

Часть 3. Advanced

• ООП и прототипы
• Наследование
• Классы и наследование в ES6
• Регулярные выражения
• Сеть и обмен данными
• AJAX
• Асинхронный JavaScript
• Паттерны проектирования
• Структурные шаблоны и фреймворки
• Инструментарий Frontend разработчика. Часть 1
• Инструментарий Frontend разработчика. Часть 2.

Отзывы о курсе доступны на сайте.

Подробнее о курсе JavaScript →

Курс «Javascript от webkyrs»

Бесплатно

Ссылка на сайт: https://webkyrs.info/category/vvodnyi-kurs-javascript

Перейти на официальный сайт →

Уроки:

1. Что такое Javascript.
2. Как подключить Javascript файл к html документу.
3. Консоль браузера и команда для работы с ней на Javascript.
4. Переменные в Javascript.
5. Типы данных в Javascript
6. Операции для работы с текстом в Javascript.
7. Основные математические операции в Javascript.
8. Функции для взаимодействия с пользователем (alert, confirm, prompt).
9. Объявление переменных с помощью конструкции let
10. Задачи по работе с переменными и числами на Javascript.
11. Задачи на работу с переменными. Продвинутый уровень.
12. Задачи. Работа со строками.
13. Массивы. Javascript.
14. Задачи по работе с массивами
15. Комментарии Javascript.
16. Условный оператор if-else (если-то) в Javascript.
17. Задачи с условным оператором.
18. Конструкция switch case в Javascript
19. Операции сравнения в Javascript.
20. Объекты в Javascript.
21. Объект window в Javascript
22. Задачи по работе с объектами в Javascript.
23. Циклы Javascript
24. Задачи. Работа с циклами.
25. Функции в Javascript.
26. Задачи по работе с функциями
27. Задачи. Работа с датой и временем.
28. Оператор для отладки Javascript кода.

Подробнее о курсе JavaScript →

Курс «JavaScript. Полное руководство для современной веб-разработки от Webformyself»

Цена: 9 870 руб.

Ссылка на сайт: https://webformyself.com/javascript/

Изучите самый популярный язык разработки и станьте высокооплачиваемым профи.

Перейти на официальный сайт →

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

Изучение курса рассчитано на 1-2 месяца – вы сможете сэкономите от 6 месяцев до 1 года, не перелопачивая горы информации.
Уроки сопровождаются заданиями и видеоинструкциями для самостоятельного изучения и самопроверки. В уроках курса показано создание с нуля 2 веб-приложений на чистом JS и без использования сторонних библиотек.

Содержание:

Блок 1. Что такое JavaScript
В данном блоке говорится о том, что такое JavaScript, про то, как он работает. Далее говорится про выбор оптимальной среды разработки, в которой идет дальнейшая разработка на протяжении курса. В последнем уроке пишется первая мини-программа на JavaScript и разбираются способы включения скриптов в HTML файле.

Блок 2. Основы JavaScript
Изучение начнется со старой версии языка – EcmaScript 5. А дальше осуществляется переход к самым последним нововведениям. В курсе рассмотрена именно эта версия, так как на текущий момент большое количество проектов еще написаны на старой версии и для их понимания необходимо понимать все аспекты языка.

Блок 3. Работа с DOM
В данном блоке изучается взаимодействие с DOM-деревом. Разбирается, как получать доступ к DOM-элементам, как управлять состояниями элементов: менять свойства, контент, атрибуты и прочее. Рассматривается, как добавлять динамику веб страницам путем добавления событий на элементы. Далее говорится про свойства событий и способы их управления.

Блок 4. Дополнительные возможности
В данном блоке вы познакомитесь с некоторыми дополнительными возможностями, заложенными в JavaScript, которые не были освещены ранее, но крайне важны для дальнейшего прохождения курса.
Вы узнаете про способы асинхронной загрузки скриптов, способы взаимодействия с пользователем и про некоторые глобальные объекты, позволяющие работать с данными: математические формулы, операции, работы с массивами. Далее вы узнаете про методы работы с датами и временем, способы работы с JSON-объектами и методы хранения данных локально в браузере пользователя.

Блок 5. Практика. Создание приложения
Это первый практический блок из двух в данном курсе. В нем с нуля, применяя базовые знания, показано, как создать игру на JavaScript. Игра будет заключаться в том, что за выбранное вами время необходимо будет прокликать как можно больше случайно сгенерированных элементов разных размеров и цветов.

Блок 6. Объекты и функции
Данный блок является продвинутым, в нем рассматривается «сложная» теория JavaScript с углублением. Вы узнаете про то, что такое прототипирование, как оно работает в рамках языка и какие полезные функции можно делать.
Вы узнаете про свойства объектов, как ими можно управлять. Узнаете про функции, как управлять передачей контекста и познакомитесь с таким понятием как замыкания.

Блок 7. Новый JavaScript: ES6
Пройдя данный блок, вы познакомитесь с современным стандартом языка – EcmaScript 6. В данном блоке вы узнаете про все основные изменения, которые наиболее часто применяются в практике, такие как: переменные, стрелочные функции, объекты, новые операторы и удобные синтаксические изменения.

Блок 8. Асинхронность
В данном блоке рассмотрено, как работать с асинхронными операциями в языке JavaScript. Вы узнаете про новые операторы Async Await и способы их применения для еще большего упрощения кода. После вы узнаете и научитесь более детальной работе с Promise.

Блок 9. Практика. Создание приложения
Наиболее важный итоговый практический блок, в котором применяются все знания, полученные в данном курсе. Перед тем как его проходить стоит ознакомиться с двумя бонусными блоками по Webpack и основам NodeJS, так как в этом блоке создается приложение, используя самые передовые методы и инструменты разработки.
В результате данного блока создается полноценное приложение на чистом JavaScript, которое по своей сути будет блогом.

Автор курса – Владилен Минин

• Профи FullStack-разработки, 25 лет
• Построил успешную карьеру в международных IT-компаниях
• Занимает должность Senior Frontend Developer крупной международной компании
• Специализируется на разработке больших корпоративных порталов для международных рынков в формате SPA на современных фреймворках
• Является Team Lead во многих внутренних проектах компании
• Подготовил более 100 Frontend- и FullStack-разработчиков вживую
• Программированием занимается уже более 7 лет, 5 из которых были посвящены JavaScript-разработке (как Frontend, так и FullStack)
• Ежемесячный доход в качестве веб-разработчика стабильно находится у отметки в 200 тысяч рублей.

Отзывы об обучении доступны на сайте.

Подробнее о курсе JavaScript →

Курс «JavaScript. Уровень 1. Основы веб – программирования от Академия АйТи»

Цена: 27 900 ₽ – 29 900 ₽

Ссылка на сайт: https://academyit.ru/courses/JSCR1/

Перейти на официальный сайт →

Курс знакомит с веб-программированием, с языком JavaScript, его спецификой и особенностями согласно стандарту ECMAScript-262 без привязки к исполняемой среде.
В курсе рассматриваются конструкции JavaScript, определённые в стандарте ECMAScript-262: особенности синтаксиса, объектно-ориентированный подход в программировании на JavaScript и его основной встроенный функционал. В процессе выполнения лабораторных работ формируются навыки создания базовых алгоритмов.

Успешное окончание обучения позволит специалистам:

• Понимать сущность программирования
• Понимать специфику веб-программирования
• Использовать язык JavaScript без привязки к среде исполнения.

Расписание:

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

• Введение в JavaScript
• Обзор базовых типов
• Операторы
• Выражения и инструкции
• Переменные и константы
• Манипуляции с базовыми типами
• Тривиальные типы
• Пользовательские функции

2. Управляющие конструкции

• Управляющие конструкции и массивы
• Цикл while
• Операторы инкремента и декремента
• Цикл for
• Цикл do while
• Управляющие конструкции if – else if – else
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Работа с массивами
• Структуры данных

3. Функции

• Понятие функций
• Декларация функций
• Аргументы функции
• Возврат значений
• Области видимости
• Функция-выражение
• Анонимная функция
• Замыкания
• Свойства функций

4. Основы объектов

• Знакомство с понятием объектов.
• Объекты в JS.
• Работа с объектами. Перебор значений.
• Создание игр
• Взаимодействие с DOM

5. Обработка событий в JavaScript

• Понятие события
• Обработка нажатий
• Браузерные события
• Объект Event

6. Современный JavaScript

• О стандарте ES2015.
• Создание переменных через let и const.
• Деструктуризация
• Стрелочные функции. Свойства функции
• Шаблонизаторы строк
• Методы массивов.

Подробнее о курсе JavaScript →

Курс «JavaScript от code mu»

Бесплатно

Ссылка на сайт: http://code.mu/ru/javascript/book/prime/

Перейти на официальный сайт →

Содержание:

1. Основы
2. Коллекции
3. Условия
4. Циклы
5. Многомерность
6. Стандартные методы
7. Пользовательские функции
8. Практика на функции
9. Продвинутая теория на функции
10. Перебирающие методы
11. Операторы spread и rest
12. Деструктуризация
13. Время
14. Введение в DOM
15. Формы
16. Объект Event
17. Контекст
18. Таймеры
19. Манипулирование элементами
20. Функции и DOM
21. Модули через замыкания.

Подробнее о курсе JavaScript →

Курс «JavaScript Professional от ITEA»

Цена: 200 EUR

Ссылка на сайт: https://onlineitea.com/course/javascript-professional/

Курс научит тебя внедрять самые оптимальные подходы для решения сложных задач, использовать новые возможности в ES6, ES7 и делать свой код более читабельным.

• 8 занятий / 1 месяц.

Перейти на официальный сайт →

Если у тебя уже есть знания языка JavaScript и ты хочешь повысить свою квалификацию, этот курс — для тебя.

• 8 live-занятий
• Проверка знаний: тесты и домашние задания
• Индивидуальная работа с ментором
• Курсовой проект для портфолио.

Ты научишься:

• Внедрять наиболее оптимальные подходы для решения сложных задач
• Расширить знание языка через использование новых возможностей в ES6, ES7
• Влиять на процесс оптимизации загрузки страницы и делать код читабельней
• Использовать на практике шаблоны проектирования и избегать применения антипаттернов.

План обучения:

1. Шаблоны проектирования

• Singleton
• Facade
• Mediator
• Decorator
• Prototype
• Command
• Factory
• Observer
• Mixin
• MVC/MVP/MVVM
• AMD/CommonJS

2. Антипаттерны
3. Webpack

• Общие сведения, принципы работы
• Настройка конфигурационного файла

4. Работа с системой контроля версий
5. ES6 / ES7

• Переменные let/const
• Деструктуризация
• Тип данных Symbol
• Функции, строки, объекты
• Set/Map
• Promise
• Async/await

6. Веб компоненты

• Custom Elements
• Shadow DOM
• Шаблоны template

7. Single Page Application

• Общие сведения, история появления
• Преимущества и недостатки

8. Typescript

• Введение в типы
• Компиляция
• Наследование
• Интерфейсы.

Преподаватели:

Андрей Даценко
JavaScript Developer

Владислав Сидоренко
Fullstack-разработчик, Front end Team Lead в компании EPAM.

Отзывы студентов:

Ольга Клымась
«Могу сказать, что трудоустройство после курсов есть. Я прошла весь курс по Frontend, мне помогли составить портфолио и резюме, была встреча с рекрутером. Несколько раз мне звонили с ИТЕА, говорили, что у их партнеров есть подходящая вакансия, и предлагали передать мое резюме. Я соглашалась и получала от партнера тестовое задание. На третий раз меня пригласили на собеседование. Сейчас работаю на позиции фронта и очень довольна.»

Валерия Нечипорук
«Мне очень понравился сервис и особенно учителя! Когда у меня возникали вопросы, я могла рассчитывать на их помощь. Кроме того, они очень хорошо преподают предмет, облегчают изучение материала. Однозначно рекомендую эту академию! Я выбрала курс Front End Development, но уверена, что это будет не единственное, что я буду здесь учить!»

Подробнее о курсе JavaScript →

Курс «JavaScript от ФПК ННГУ»

Цена: 20 000 ₽ – 24 000 ₽

Ссылка на сайт: https://fpk.unn.ru/kursy-programmirovaniya/kursy-programmirovaniya-na-javascript/

• Продолжительность курса – 5 месяцев.
• Документ об окончании
  Слушателям с высшим или средним специальным образованием выдается Удостоверение о повышении квалификации. Остальным — сертификат.

Перейти на официальный сайт →

Полный курс JavaScript включает последовательное прохождение базового и продвинутого курса.
На базовом курсе изучаем JavaScript с нуля (Основы языка JavaScript и Объектная модель документа). На продвинутом курсе JavaScript изучаем: React, React: Redux, Основы Node.js.

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

Базовая часть (8 недель)

• Введение в JavaScript.
• Введение в Git.
• Типы данных и переменные.
• Преобразование типов и операторы сравнения.
• Изучение условных и логических операторов.
• Циклы.
• Знакомство с функциями и функциональными выражениями, стрелочные функции.
• Особенности при работе примитивами и объектами.
• Массивы и их методы, объекты (копирование, перебор), spread, rest операторы.
• Продвинутая работа с функциями, ключевое слово this, контекст и работа с ним (call/apply/bind), замыкания.
• Изучение прототипной модели, функции конструкторы и классы.
• Изучение методов манипуляции DOM.

Продвинутый курс (8 недель)

• Основы Linux.
• Инициализация react-приложения, структура приложения и работа с пакетным менеджером npm.
• Изучение базовых концепций React. Основы работы с функциональными компонентами. Знакомство с понятиями props и state.
• Основные этапы и методы жизненного цикла компонентов (initialize, mount, update, unmount)
• Сравнительный анализ классовых и функциональных компонентов
• Знакомство с React-Hooks. Правила и особенности использования хуков.
• Реализация роутинга в react-приложении. Знакомство с History API.
• Подключение и настройка менеджера состояний Redux. Настройка ReactDevTools и ReduxDevTools. Базовая концепция и основы работы с Redux.
• Настройка подключения к серверу с помощью http-клиента axios на примере открытого API.
• Основы Backend-разработки на Node.js

Преподаватель – Широков Алексей
Frontend Developer, компания Lad.

Отзывы:

Короткова Мария
«Я проходила обучение на базовом курсе программирования на JavaScript, а затем – и на полном курсе (4 месяца). Обучение сначала было очным, потом перешло в онлайн. Оценка за курс – 5 баллов, все очень понравилось. Работу преподавателей оцениваю на “Отлично”, оба преподавателя – Артем Громов и Алексей Широков – проводили обучение хорошо, но особенно хочется отметить Алексея. Алексей Широков всегда тщательно готовился к занятиям, дополнительные вопросы всегда приветствовал. Пожеланий нет, так как курс и так показался очень насыщенным. Знания на практике пока не применяются, так как продолжаю работать на прежнем месте.»

Широков Сергей
«Проходил курсы JS (JavaScript).
В целом мне курс очень понравился.
Однако, тот, объем, который рассматривался на курсе немного не соотносится с тем временем, которое выделяется на его изучение.
Поэтому желательно бы добавить количества часов.
Преподавателей подбирают отлично (в основном это люди, которые давно работают в этой сфере и имеют большой опыт.
Здесь стараются научить так, чтобы после курсов вы сразу могли что-то делать своими руками и устроиться на работу.
Заранее скажу тем, кто планирует идти на JS: нужны базовые знания HTML, иначе будет тяжело.
Рассчитывать на то, что после этих курсов вы можете претендовать на должность Front-end Developer не стоит…,но 99% можно рассчитывать на должность Front-end Developer Junior.»

Подробнее о курсе JavaScript →

Курс «JavaScript от Михаил Русаков»

Цена: 7 470 рублей

Ссылка на сайт: https://srs.myrusakov.ru/javascript2

Перейти на официальный сайт →

Курс состоит из 8 разделов.
И его отличительной особенностью является то, что в конце каждого раздела (кроме первого) имеется полноценный практический пример, основанный на знаниях из этого раздела, либо из этого раздела, плюс уже пройденных.

Содержание:

1. Введение
   В данном разделе Вы узнаете:

• Как с максимальной эффективностью проходить курс?
• Как работает JavaScript? Это очень важная базовая информация, которую необходимо знать.
• Какое ПО потребуется для написания программ на JavaScript, где его скачать и как установить?

2. Основы программирования на JavaScript
   Теперь, когда у нас всё готово для старта, мы можем приступить к написанию первых программ на JavaScript. И в этом разделе Вы узнаете:

• Как пишутся программы на JavaScript?
• Как работать с консолью разработчика?
• Что такое переменные, какие есть типы переменных, как они используются?
• Как происходит преобразование из одного типа в другой?
• Что такое константы и когда их стоит применять на практике?
• Какие есть арифметические, логические и строковые операции? Всё это снабжено множеством примеров.
• Для чего нужен и как выглядит условный оператор?
• Как работают и для чего нужны операторы цикла for и while?
• Как использовать оператор switch-case?
• Что такое функции, а также как правильно их использовать в JavaScript?
• Что такое функциональные выражения?
• Что такое стрелочные функции?
• Как обрабатывать ошибки с помощью try-catch и что такое исключения?
• Что такое массивы и как с ними работать в JavaScript?
• Что такое замыкание? Это, по моим наблюдениям, один из самых популярных вопросов на собеседовании для JavaScript-разработчиков (и не только для них, кстати). В курсе Вы в подробностях узнаете ответ на этот вопрос.
• Как подключать сторонние скрипты?

3. Объектно-ориентированное программирование на JavaScript
   Объектно-ориентированное программирование (ООП) – это самый популярный и самый часто встречаемый подход при разработке программ. Теоретически, любую программу можно сделать без него, но практически для средних и крупных проектов сделать это будет крайне сложно и очень долго. Более того, в JavaScript встроенных объектов очень много, и с ними так же нужно уметь работать. Поэтому ООП надо знать. И как раз в этом разделе Вы узнаете:

• Что такое ООП?
• Какие есть парадигмы ООП?
• Как создаются объекты в JavaScript и как с ними работать?
• Как создать конструкторы и методы?
• Что такое Symbol и как его использовать?
• Что такое методы toString и valueOf?
• Что такое класс и как он создаётся на языке JavaScript?
• Что такое геттеры и сеттеры в JavaScript?
• Что такое статические свойства и методы и, главное, как их применять на практике?
• Как реализовано в JavaScript наследование классов и, главное, как эту парадигму использовать в реальных проектах?
• Что такое модификаторы доступа?
• Какие есть флаги свойств и как их использовать?
• Что такое примеси?

4. Стандартные функции и объекты в JavaScript
   Язык JavaScript не был бы таким замечательным, если бы не содержал в себе множество готовых функций и объектов. И посмотрев этот раздел, Вы узнаете:

• Какие есть математические функции?
• Какие есть строковые функции?
• Что такое регулярные выражения, как их создавать и как их применять?
• Что такое формат JSON и как с ним работать в языке JavaScript?
• Какие есть функции для работы с массивами?
• Что такое объект Map и как с ним работать?
• Что такое объект Set и как его применять?
• Какие есть функции для работы с датой и временем?
• Как использовать функции setTimeout и setInterval?
• Как работать с интернационализацией в JavaScript?

5. Работа с HTML-документом
   Важнейшей областью применения JavaScript являются Web-страницы. И посмотрев этот раздел, Вы узнаете:

• Что такое DOM?
• Как перемещаться по DOM-дереву?
• Как получить доступ к любому HTML-элементу на странице?
• Как управлять атрибутами HTML-элемента?
• Как работать со стилями через JavaScript?
• Как добавлять и удалять элементы на HTML-странице?

6. События в JavaScript
   События – это важнейшая тема очень многих языков программирования. Есть даже специальные событийно-ориентированные языки. И посмотрев этот раздел, Вы узнаете:

• Что такое события?
• Как обрабатываются события в JavaScript?
• Какие есть браузерные события и как их можно использовать?
• Какие есть события у мыши?
• Какие есть события у клавиатуры?
• Какие есть события у элементов формы и самой формы?

7. Асинхронность в JavaScript
   С асинхронностью в JavaScript приходится сталкиваться очень часто, и для новичков эта тема не самая простая. Но в данном разделе Вы увидите, что ничего сложного в этом нет, и просмотрев этот раздел Вы узнаете:

• Что такое асинхронность и как с ней работать?
• Что такое промисы и как их использовать при асинхронных событиях?
• Что такое async и await как их использовать?

8. Сетевые запросы
   Умение отправлять сетевые запросы – это то, что JavaScript делает сверхполезным языком. С помощью этой технологии (которая, кстати, называется Ajax) можно делать динамическую подгрузку данных с серверной части. И действительно сейчас сложно найти современный сайт, где не использовался бы данный подход хотя бы частично. Простой пример: пользователь добавляет запись на стене в том же контакте, и при этом страница у него заново не загружается, а комментарий сразу добавляется и виден при этом всем остальным посетителям. Вот как раз этому мы и будем учиться в этом разделе, посмотрев который Вы узнаете:

• Как делаются запросы через fetch?
• Как отправлять POST-запросы?
• Как отправлять файлы на сервер через JavaScript?
• Как отправлять сразу целиком формы без перезагрузки страницы?
• Как эффективнее выполнять частые запросы (например, для создания чата).

Подробнее о курсе JavaScript →

Курс «JavaScript от Glo Academy»

Цена: 16 990 руб. – 28 990 руб.

Ссылка на сайт: https://glo-academy.ru/jscript/

• 8 недель, 35 уроков, 70 заданий для домашнего выполнения
• Прокачаете свои навыки и умения.

Перейти на официальный сайт →

Чтобы освоить программу курса, достаточно знать основы HTML.

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

1. Основы Javascript

• Введение в язык, подключение javascript. Правила написания кода Основы работы с Git.
• Типы данных, операторы, методы и свойства.
• Динамическая типизация данных в Javascript. Условия, ветвления.
• Функции, анонимные функции, callback – функции, чистые функции.
• Циклы. Рекурсия.
• Функции. Область видимости и замыкание.
• Знакомимся с объектами и массивами, методы переборов и псевдомассивы.
• Подготовим наш проект для работы со страницей.

2. Javascript на практике

• Доступ к элементам на странице DOM (часть 1). Отладка кода.
• Работа с DOM, работа с элементами DOM (часть 2).
• Загрузка документа, События в JS, обработчики событий и особенности их работы, события мыши и клавиатуры.
• localStorage, sessionStorage, cookie.
• Контекст вызова – this.
• ООП – Наследование, прототипы, конструкторы и классы.
• Особенности современного стандарта ES6 Шаблонные строки,интерполяция, Стрелочные функции, Геттеры, Сеттеры и Классы.
• ООП ES6+. Rest, spread, Деструктуризация, Коллекции Map и Set
• Способы перебора массивов.

3. Углублённое изучение JavaScript. Современные стандарты и дополнительные технологии

• Настраиваем сборщик Webpack. Модульный JavaScript.
• Скрипты и время выполнения. setTimeout, setInterval и Объект Date​. Пишем таймер.
• Параметры документа, окна и работа с ними. Пишем Меню и Модальное окно.
• Делегирование. Пишем Табы.
• Пишем Слайдер (делегирование).
• Практика ООП, гараж с машинами в стиле NFS.
• Работа с атрибутами, Дата Атрибуты. Регулярные выражения.
• Пишем калькулятор.
• Работа с формами и валидация.
• Работа с JSON, AJAX. Получение и отправка данных на сервер.
• Конкурс лучших работ.
• ..catch – перехват ошибок.
• Асинхронный JS. Promise. Контекст выполнения, асинхронное выполнение, стек вызовов и event loop.
• Подробно про Fetch API.

4. Первые деньги на разработке

• Развитие себя как специалиста
• Оформление портфолио
• План развития на год
• Поиск заказчика
• Партнёрство.

5. Дипломный проект
   Напишете интерактивный сайт или веб-приложение. На этом проекте отработаете знания и навыки, полученные на курсе. Готовый проект подойдёт для портфолио и собеседований в компании.

Отзывы об обучении доступны на сайте.

Подробнее о курсе JavaScript →