21 лучший бесплатный курс по JavaScript-2024

Контент-маркетолог
Стаж 13 лет

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

Marathon JS от Result School

Сайт: https://result.school/products/marathon-js

Длительность: 5 уроков по 15-20 минут в течение 5 дней

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

Уровень сложности: начальный и средний

Бесплатный онлайн-марафон по JavaScript от Result School
Бесплатный онлайн-марафон по JavaScript от Result School

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

  • День 1. Создание плагина раскрывающихся карточек.
  • День 2. Разработка Drag & Drop, создание мини-клона Trello.
  • День 3. Написание слайдера картинок.
  • День 4. Создание визуальной мини-игры с динамической генерацией контента.
  • День 5. Написание игры Aim Game с 3 экранами.
  • День 6. Бонусный день. Лекция о том, как стать востребованным программистом и пошагово построить свою карьеру в сфере IT.

Основы JavaScript от Хекслет

Сайт: https://ru.hexlet.io/courses/js-basics

Длительность: 39 уроков продолжительностью 51 час

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

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

Вы научитесь основам JavaScript в Хекслете!
Вы научитесь основам JavaScript в Хекслете!

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

  1. Введение. Познакомиться с курсом.
  2. Hello, World! Написать первую программу.
  3. Инструкции. Изучить азы построения программ на JavaScript.
  4. Арифметические операции. Переведем арифметические действия на язык программирования.
  5. Ошибки оформления (синтаксиса и линтера). Изучить виды ошибок и способы их решения
  6. Строки. Научиться работать со строками
  7. Переменные. Научиться хранить информацию и переиспользовать уже существующие данные.
  8. Выражения в определениях. Научиться упрощать код, используем переменные.
  9. Именование. Научимся правильно именовать переменные.
  10. Интерполяция. Изучить еще один способ работать со строками в JavaScript.
  11. Извлечение символов из строки. Научиться получать значения из строк.
  12. Типы данных. Умножим число на строку, познакомимся с типами данных.
  13. Неизменяемость и примитивные типы. Узнаем, может ли JavaScript преобразовывать строки или числа.
  14. Функции и их вызов. Научиться использовать готовые функции
  15. Сигнатура функции. Узнать, как функция принимает и возвращает значения
  16. Вызов функции — выражение. Научиться использовать результат работы функций.
  17. Функции с переменным числом параметров. Познакомиться с расширенными возможностями функций
  18. Детерминированность. Изучить некоторые свойства функций и особенности их работы.
  19. Стандартная библиотека. Познакомимся со стандартной библиотекой.
  20. Свойства и методы. Научиться использовать встроенные в JavaScript атрибуты данных.
  21. Цепочка вызовов. Научиться выстраивать методы в цепочки.
  22. Определение функций. Научиться создавать функции.
  23. Возврат значений. Научиться использовать результат работы функции.
  24. Параметры функций. Научиться передавать данные в функцию.
  25. Необязательные параметры функций. Задаем значения по умолчанию.
  26. Упрощенный синтаксис функций. Научиться писать лаконичный код.
  27. Логика. Изучить, что такое логический тип и как применять логические операции.
  28. Логические операторы. Учимся писать составные условия.
  29. Результат логических операций. Глубже про логические операции
  30. Условные конструкции. Научиться задавать поведение программы в зависимости от разных условий.
  31. Тернарный оператор. Научиться писать лаконичный код для условий.
  32. Конструкция Switch. Изучить специальную версию if для множественных условий.
  33. Цикл while. Научиться писать программы для выполнения повторяющихся действий.
  34. Агрегация данных. Познакомиться с отдельным классом задач, где применяются циклы.
  35. Обход строк в цикле. Научиться обрабатывать и собирать строки в цикле.
  36. Условия внутри тела цикла. Научиться управлять поведением программы в цикле.
  37. Инкремент и декремент. Познакомиться с унарными операциями.
  38. Цикл for. Изучим еще один цикл в JavaScript.
  39. Модули. Знакомимся с модулями — способом разделения программ на составные части и переиспользования частей.
  40. Дополнительные материалы. Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

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

Сайт: https://stepik.org/course/2223/promo

Длительность: 17 уроков по 1-2 часа в неделю

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

Уровень сложности: начинающие без какого-либо опыта обучения

Stepik подготовил обширную программу
Stepik подготовил обширную программу

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

I Введение в JavaScript

  1. В двух словах о JavaScript.
  2. Внедрение кода, структура программы, комментарии.
  3. Переменные, типы данных.
  4. Простейшие операции.
  5. Ветвление.
  6. Циклы.

II Стандартные объекты

  1. Функции.
  2. Объекты.
  3. Строки.
  4. Массивы.
  5. Дата и время.
  6. Математические функции.

III Продвинутые операции

  1. Обработка ошибок
  2. Введение в регулярные выражения
  3. Использование регулярных выражений
  4. Замыкания

IV Заключение

Уроки Javascript от itProger

Сайт: https://itproger.com/course/javascript

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

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

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

itProger за 15 занятий дадут массу знаний. Главное — применить!
itProger за 15 занятий дадут массу знаний. Главное — применить!

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

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

Курс JavaScript от CodeBasics

Сайт: https://code-basics.com/ru/languages/javascript

Длительность: 72 урока

Формат обучения: текстовые статьи и визуальный редактор кода

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

У CodeBasic мотивирующее начало курса и энциклопедические врезки
У CodeBasic мотивирующее начало курса и энциклопедические врезки

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

I Основы JavaScript

  1. Привет, Мир!
  2. Комментарии.
  3. Инструкции (Statements).
  4. Как мы проверяем ваши решения.
  5. Синтаксические ошибки.
  6. II Арифметика

  7. Арифметические операции.
  8. Операторы.
  9. Коммутативная операция.
  10. Композиция операций.
  11. Приоритет операций.
  12. Числа с плавающей точкой.
  13. Бесконечность (Infinity).
  14. NaN.
  15. Линтер.
  16. III Строки

  17. Кавычки.
  18. Экранирующие последовательности.
  19. Конкатенация.
  20. Кодировка.
  21. IV Переменные в языке JavaScript

  22. Что такое переменная.
  23. Изменение переменной.
  24. Выбор имени переменной.
  25. Ошибки при работе с переменными.
  26. Выражения в определениях.
  27. Переменные и конкатенация.
  28. Стили именования.
  29. Магические числа.
  30. Константы.
  31. Интерполяция.
  32. Извлечение символов из строки.
  33. V Типы данных JavaScript

  34. Типы данных.
  35. undefined.
  36. Неизменяемость примитивных типов.
  37. Слабая типизация.
  38. VI Вызов функций

  39. Функции и их вызов.
  40. Математические функции JavaScript.
  41. Сигнатура функции.
  42. Параметры по умолчанию.
  43. Вызов функции — выражение.
  44. Функции с переменным числом параметров.
  45. Детерминированность.
  46. Стандартная библиотека.
  47. VII Свойства и методы

  48. Свойства.
  49. Методы
  50. Неизменяемость.
  51. Свойства и методы как выражения.
  52. Цепочка вызовов.
  53. VIII Определение функций

  54. Создание (определение) функций.
  55. Возврат значений.
  56. Параметры функций.
  57. Необязательные параметры функций.
  58. Упрощенный синтаксис функций.
  59. IX Логика

  60. Логический тип.
  61. Предикаты.
  62. Комбинирование логических операций.
  63. Логические операторы.
  64. Отрицание.
  65. Результат логических выражений.
  66. X Условные конструкции

  67. Условная конструкция (if).
  68. else.
  69. Конструкция else if.
  70. Тернарный оператор.
  71. Конструкция Switch.
  72. X Циклы

  73. Цикл While.
  74. Агрегация данных (Числа).
  75. Агрегация данных (Строки).
  76. Обход строк.
  77. Условия внутри тела цикла.
  78. Формирование строк в циклах.
  79. Синтаксический сахар.
  80. Инкремент и декремент.
  81. Возврат из циклов.
  82. Цикл For.

Первые шаги в JavaScript от Нетологии

Сайт: https://netology.ru/programs/jsfree-async

Длительность: 4 лекции и 6 часов самостоятельной практики

Формат обучения: лекции и учебные материалы

Уровень сложности: с нуля

Курс обещает, что по его окончании можно будет создать свой первый проект на JavaScript
Курс обещает, что по его окончании можно будет создать свой первый проект на JavaScript

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

  1. Профессия JavaScript-разработчика.
  2. Основы JavaScript.
  3. Разработка приложения.
  4. Доработка приложения.

Язык JavaScript от JAVASCRIPT.RU

Сайт: https://learn.javascript.ru/js

Длительность: 14 тематических разделов с подразделами

Формат обучения: интерактивный учебник, состоящий из информационных статей

Уровень сложности: начиная с нуля и заканчивая продвинутыми концепциями вроде ООП

Пусть и не так интерактивно, но не менее важно и нужно для разработчика!
Пусть и не так интерактивно, но не менее важно и нужно для разработчика!

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

  1. Введение.
  2. Основы JavaScript.
  3. Качество кода.
  4. Объекты: основы.
  5. Типы данных.
  6. Продвинутая работа с функциями.
  7. Свойства объекта, их конфигурация.
  8. Прототипы, наследование.
  9. Классы.
  10. Обработка ошибок.
  11. Промисы, async/await.
  12. Генераторы, продвинутая итерация.
  13. Модули.
  14. Разное.

Программирование в JavaScript — основы языка от Html Academy

Сайт: https://htmlacademy.ru/courses/javascript

Длительность: 53 задания

Формат обучения: лекции, теория, задания и испытания

Уровень сложности: для новичков

52 задания по JavaScript от Html Academy впечатляют
52 задания по JavaScript от Html Academy впечатляют

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

  1. Часть 1: Основы программирования на JavaScript. Основные принципы программирования на JavaScript. Типы данных, переменные и операции.
  2. Часть 2: Условия. Логические операции и сравнения. Попытка комбинирования операторов.
  3. Часть 3: Циклы. Создание драйвера для печати страниц со множеством режимов.

Курс изучения JavaScript для начинающих от beonmax

Сайт: https://beonmax.com/courses/javascript/

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

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

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

В своем курсе по JavaScript beonmax обещает результаты
В своем курсе по JavaScript beonmax обещает результаты

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

  1. ПОДГОТОВКА К РАБОТЕ
    • 1.1 О курсе. Как проходит обучение по курсу.
    • 1.2 Подготовка к работе. Настройка рабочего пространства.
    • 1.3 Как работать с JSHint.
  2. ОСНОВЫ JAVASCRIPT
    • 2.1 Подключение JS к странице и переменные
    • 2.2 Классификация типов данных в JavaScript
    • 2.3 Простое общение с пользователем
    • 2.4 Операторы в JS
    • 2.5 Учимся работать с системой контроля версий Git и с сервисом GitHub
    • 2.6 Как работать с GitHub с разных компьютеров. Gitignore и GitKraken
    • 2.7 Подготавливаем проект к дальнейшим урокам
    • 2.8 Условия.
    • 2.9 Циклы.
    • 2.10 Практика. Пишем приложение. Часть 1.
    • 2.10 Тестирование.
    • 2.11 Функции.
    • 2.12 Практика. Пишем приложение. Часть 2.
    • 2.13 Callback-функции.
    • 2.14 Объекты.
    • 2.15 Массивы и псевдомассивы.
    • 2.16 Объектно-ориентированное программирование (ООП).
    • 2.17 Практика. Пишем приложение. Часть 3.
    • 2.18 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints.
    • 2.19 Динамическая типизация в JS.
    • 2.20 Задачи на понимание основ JS (с реальных собеседований).
    • 2.21 Задачи на понимание основ JS (с реальных собеседований) - Разбор заданий.
    • 2.22 Получение элементов со страницы.
    • 2.23 Действия с элементами на странице.
    • 2.24 Задание на отработку действий со страницей.
    • 2.24 Тестирование.
    • 2.25 Практика. Пишем приложение. Часть 4.
    • 2.25 Тестирование.
    • 2.26 События и их обработчики.
    • 2.27 Практика. Пишем приложение. Часть 5.
    • 2.27 Тестирование.
    • 2.28 Бонус. События на мобильных устройствах и основы регулярных выражений.
  3. JAVASCRIPT В РАБОТЕ
    • 3.1 Скрипты и время их выполнения. setTimeout и setInterval.
    • 3.2 Создаем табы на странице.
    • 3.2 Тестирование.
    • 3.3 Формируем портфолио на GitHub.
    • 3.4 Параметры документа, окна и работа с ними.
    • 3.5 Создаем таймер обратного отсчета на сайте.
    • 3.5 Тестирование.
    • 3.6 Конструкторы и классы.
    • 3.7 Контекст вызова (this).
    • 3.8 Создаем модальное окно и работаем с this.
    • 3.9 Стандарт ES6. Интерполяция.
    • 3.10 ES6. let и const.
    • 3.11 ES6. Стрелочные функции.
    • 3.12 ES6. Параметры по умолчанию.
    • 3.13 ES6. Классы.
    • 3.14 ES6. Spread-операторы.
    • 3.15 Работаем с проектом и практикуемся использовать ES6.
  4. ПРОДВИНУТЫЙ JAVASCRIPT
    • 4.1 JSON формат передачи данных.
    • 4.2 AJAX
    • 4.3 Реализация скрипта отправки данных из формы
    • 4.4 ES6. Promise
    • 4.5 Используем промисы на реальных примерах
    • 4.6 Создаем слайдер на сайте
    • 4.7 Создаем калькулятор на сайте
    • 4.7 Тестирование
    • 4.8 Как сохранить данные без БД. Работа с localStorage.
    • 4.9 Ошибки. Как избежать поломки своего кода.
    • 4.10 Современные библиотеки и фрэймворки. JQuery, как устроена $.
    • 4.11 Работаем с JQuery.
    • 4.11 Тестирование.
    • 4.12 Инкапсуляция. Прием модуль, как и зачем его использовать.
    • 4.13 Настраиваем Webpack и собираем наш проект.
    • 4.14 Сборка проектов при помощи Browserify.
    • 4.15 Как превратить код ES6 в старый формат ES5. Babel, Babel-loader и полифиллы.
    • 4.16 ES6. Модули.
    • 4.17 Работаем с готовым кодом.
  5. БОНУС. ДОПОЛНИТЕЛЬНЫЕ ТЕХНОЛОГИИ
  • 5.1 React.
  • 40:50.
  • 5.2 Написание тестов.

Интенсивное погружение в JavaScript от udemy

Сайт: https://www.udemy.com/course/intensive-js/

Длительность: 8 лекций

Формат обучения: видеолекции, задания и тесты

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

Освоившему бесплатный курс оп JS от udemy предлагаются на выбор множество уже платных с гарантией возврата денег
Освоившему бесплатный курс оп JS от udemy предлагаются на выбор множество уже платных с гарантией возврата денег

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

I Изучаем основы JS

  1. Цель курса и настройка рабочего пространства.
  2. Что такое JavaScript и работа с переменными.
  3. Типы данных и взаимодействие с пользователем.
  4. Циклы.
  5. Условия.
  6. Функции.

II Работаем с действиями пользователя и изменяем страницу «на лету»

  1. Работа с элементами на страницах и события.

III Полноценная практика по написанию корзины товаров

  1. Полноценная практика по написанию корзины товаров.

Основы кодинга на JavaScript от SkillBox

Сайт: https://live.skillbox.ru/webinars/code/programmiruem-na-javascript261021/

Длительность: 1 час 28 минут

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

Уровень сложности: для тех, кто уже занимается программированием на JS

Курс выполнен в формате видеоролика, поэтому его можно смотреть в достаточно вольном режиме
Курс выполнен в формате видеоролика, поэтому его можно смотреть в достаточно вольном режиме

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

  1. Начало.
  2. Приветствие от Юлии Лобановой.
  3. Спикер Георгий Андрончик.
  4. Продолжаем разрабатывать онлайн-калькулятор.
  5. Jav * aScript: теоретические основы.
  6. Интерпретация HTML в JavaScript.
  7. Пишем скрипт калькулятора.
  8. Вопросы к спикеру.
  9. Распродажа курсов от SkillBox.
  10. Продолжаем писать код.
  11. Разрабатываем онлайн калькулятор на JavaScript.

Материал по JS идет в составе курса «Веб-программирование».

Основы JavaScript от Loftschool

Сайт: https://loftschool.com/modules/100-osnovy-javascript/

Длительность: 14 уроков на 2 часа 16 минут

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

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

Для просмотра всех видеоуроков от Loftschool необходимо авторизоваться
Для просмотра всех видеоуроков от Loftschool необходимо авторизоваться

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

  1. Введение.
  2. Типы данных.
  3. Оператор If.
  4. Оператор For.
  5. Функции.
  6. Область видимости и замыкания.
  7. Всплытие.
  8. Типы объявления функций.
  9. Стрелочные функции.
  10. Let.
  11. Const.
  12. Объекты
  13. Массивы.
  14. Заключение.

Уроки JavaScript от Web Developer Blog

Сайт: https://www.youtube.com/playlist?list=PLVfMKQXDAhGUaEtJ_fOUz0F7TJtidE7Qw

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

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

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

Четыре десятка уроков по JS призваны по полной программе погрузить в изучение этого языка программирования
Четыре десятка уроков по JS призваны по полной программе погрузить в изучение этого языка программирования

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

I JavaScript для начинающих

  1. Введение.
  2. Пишем Hello,world!
  3. Переменные в JavaScript.
  4. Основные операторы в JavaScript.
  5. Взаимодействие с пользователем:alert,prompt,confirm.
  6. Условные операторы if, if else, '?'.
  7. Циклы while, for
  8. Массивы.
  9. Массивы: методы.
  10. Функции.
  11. Объекты.
  12. Перебор свойств объекта.
  13. Метод. Дата и время.
  14. Обработка событий.
  15. Как работать с DOM. Доступ к элементам веб-страницы.
  16. Изменение элементов с помощью DOM.
  17. Добавление и удаление элементов с помощью DOM.

II Практика JavaScript для начинающих

  1. Работаем с input.
  2. Работаем с селектом.
  3. Пишем свой CSS-генератор.
  4. Пишем выпадающее меню.
  5. Делаем вкладки табы (Tabs).
  6. Учимся делать модальные окна.
  7. Анимация в js.
  8. Как сделать слайдер (Carousel).
  9. Как сделать фильтрацию на сайт.
  10. Делаем калькулятор.
  11. Как работать с API.
  12. Модальные изображения.
  13. Прогресс бар. Как управлять?
  14. Как сделать Popup.
  15. Accordion пишем сами.
  16. Простой конвертер валют самому.
  17. To Do приложение на js.
  18. Toggle Hide/Show своими руками. Alert.
  19. Адаптивное меню на Js.
  20. Snack bar блок

III Как работать с медиазапросами через JavaScript

IV Топ-5 сайтов для изучения JavaScript

V Стоит ли учить JavaScript сейчас. Как учить JavaScript

Javascript от BrainsCloud

Сайт: https://www.youtube.com/playlist?list=PLoq3Accf02PVQ5a2gxlOygVwTSMQes7zG

Длительность: 2 урока

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

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

Пусть всего два урока, но их хватит, чтобы получить нужный объем теории, а затем попрактиковаться
Пусть всего два урока, но их хватит, чтобы получить нужный объем теории, а затем попрактиковаться

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

  1. Javascript с нуля - твой быстрый старт! Уроки по javascript для начинающих.
  2. Javascript практика. Создание табов на javascript. Уроки JS.

Курс JavaScript Basic (ES6) от EasyCode

Сайт: https://www.youtube.com/playlist?list=PLlwtdxQXoJAtV52YQ4wZIqEg4-Q0vIgzh

Длительность: 34 урока

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

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

Все, что нужно знать, начинающему, он найдет в этих видеоуроках
Все, что нужно знать, начинающему, он найдет в этих видеоуроках

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

  1. Вступление.
  2. Установка и настройка vscode.
  3. Подключение скриптов.
  4. Типы данных.
  5. Переменные.
  6. Преобразование типов.
  7. Числа.
  8. Строки.
  9. Template string.
  10. Объекты.
  11. Условные операторы.
  12. Тернарный оператор. Switch case.
  13. Циклы.
  14. Функции.
  15. Базовые методы массивов.
  16. Функции высшего порядка (callback).
  17. This (контекст вызова).
  18. Arrow functions.
  19. Перебирающие методы массивов.
  20. Методы объектов.
  21. Деструктуризация.
  22. Работа с атрибутами.
  23. Манипуляция элементами.
  24. События.
  25. Введение в DOM.
  26. Всплытие и перехват события.
  27. Введение в AJAX.
  28. Введение в AJAX. POST запросы.
  29. Отладка AJAX.
  30. Обработка ошибок AJAX.
  31. Promises. Часть №1.
  32. Promises. Часть №2.
  33. Fetch.
  34. Async/Await.

JavaScript для начинающих 2023 от ВебКадеми

Сайт: https://www.youtube.com/watch?v=maPRR_jjyOE

Длительность: вебинар на 6 часов 46 минут

Формат обучения: видеоуроки на YouTube с теорией и практикой

Уровень сложности: для начинающих и продвинутых разработчиков

Большой массив знаний автор подает, показывая в визуальном редакторе то, что он делает с кодом
Большой массив знаний автор подает, показывая в визуальном редакторе то, что он делает с кодом

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

I Введение

  1. Введение и содержание.
  2. Настройка окружения.
  3. Подключение JS файла.
  4. II Основы

  5. Переменные.
  6. Типы переменных let const var.
  7. Область видимости.
  8. Типы данных. Строки, числа, логические, BigInt, Symbol.
  9. Условия, операторы сравнения, логические операторы.
  10. Тернарный оператор.
  11. Конкатенация строк и шаблонные строки.
  12. III Функции

  13. Создание функций
  14. Function expression и function declaration
  15. Параметры и аргументы для функции
  16. return
  17. Функция как аргумент
  18. Самовызывающаяся функция IIFE
  19. Стрелочные функции
  20. III Массивы

  21. Определение массивов.
  22. Методы массивов.
  23. Цикл for. Обход массива циклом for.
  24. Цикл for ( of ). Обход массива циклом for ( of ).
  25. Метод .forEach() для обхода массивов.
  26. IV Объекты

  27. Объекты. Свойства объектов
  28. Методы в объектах
  29. Ключевое слово this
  30. Обход свойств объекта через цикл for ( in )
  31. Нюанс с const и изменением объекта или массива
  32. Классы. Конструкторы объектов
  33. Лайфхак работы с VS Code
  34. V Работа с DOM

  35. Выбор DOM элементов
  36. Выбор коллекции элементов
  37. ES5 методы для выбора элементов
  38. Работа с CSS классами
  39. Атрибуты
  40. Прослушка событий. Клик. addEventListener и onclick
  41. Прослушка событий. Ввод текста
  42. Объект event
  43. Работа c HTML элементами. Создание. Копирование.
  44. Список задач на JS [практика]
  45. VI Асинхронность

  46. Интервал setInterval. clearInterval
  47. Таймер setTimeout
  48. Секундомер [практика]

VII Callback hell

VIII Promise

IX Асинхронные функции

X Курс валют [практика]

XI Важная информация

Видеоуроки JavaScript от AmperkaRu

Сайт: https://www.youtube.com/playlist?list=PLfDmj22jP9S6eAG6KaceNViNvu7F8PPLs

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

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

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

Обратите внимание на легкую и позитивную подачу Амперки
Обратите внимание на легкую и позитивную подачу Амперки

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

Часть I

  1. Быстрый старт с Iskra JS. Уроки JavaScript #1.
  2. Основы JavaScript. Переменные. Функции. Условия. Циклы. Уроки JavaScript #2.
  3. Учимся работать с объектами и модулями в JavaScript. Уроки JavaScript #3.
  4. Управление моторами на JavaScript. Уроки JavaScript #4.
  5. Управляем последовательным портом на Iskra JS. Уроки JavaScript #5.
  6. Работаем с библиотеками. Уроки JavaScript #6.
  7. Создаем библиотеки для Iskra JS и Espruino. Уроки JavaScript #7.

Часть II

  1. Собираем удаленный термометр на JavaScript. Урок #1.
  2. Восьмибитный плеер на JavaScript. Урок #2.
  3. Запускаем web-сервер и браузерную игру. Урок #3.

Курс Практический JavaScript от WebDev. Канал Алекса Лущенко

Сайт: https://www.youtube.com/playlist?list=PLM7wFzahDYnFxysA3eKw3yj3exkw-qFMR

Длительность: 123 урока

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

Уровень сложности: с нуля

Просто оцените ГИГАНТСКОЕ количество занятий по теме!
Просто оцените ГИГАНТСКОЕ количество занятий по теме!

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

  1. Практический JavaScript. Знакомство с JavaScript.
  2. Практический JS. Разбор заданий 107-108.
  3. Практический JS. Разбор заданий 101-106.
  4. Практический JavaScript. Разбор заданий 111-119.
  5. Практический JavaScript. Разбор заданий 111 - 122.
  6. Практический JavaScript. Разбор заданий 123.
  7. Практический JavaScript. Разбор заданий 122 - 130.
  8. Практический JavaScript. Разбор заданий 130 - 140.
  9. Практический JS. Слайдер Форма-Правила.
  10. Практический JavaScript. Разбор заданий 140 - 147.
  11. Практический JS. Обработка данных формы.
  12. Практический JS. Функции и аргументы.
  13. Практический JS. Еще раз о событиях.
  14. Практический JS. Всплытие событий.
  15. Практический JavaScript. GET и POST запросы.
  16. Практический JavaScript. AJAX практика.
  17. Практический JavaScript. Разбор заданий 148-155.
  18. Бесконечный слайдер на JavaScript.
  19. Не бойтесь регулярных выражений. Regex за 20 минут!
  20. Сортировка товаров магазина на JavaScript.
  21. Живой поиск на JavaScript.
  22. Интернет-магазин на Node.JS.
  23. Анимированное меню на CSS и JS.
  24. Выводим заряд батареи с JavaScript.
  25. Делаем плеер видео на JavaScript. JavaScript Video Player.
  26. Конем ходи. JavaScript задача на собеседовании.
  27. Работаем с Animate.css делаем слайдер на JS.
  28. JavaScript 5 типовых задач на собеседовании, решаем их!
  29. Парсим файл словарей, ищем палиндром JavaScript.
  30. Checkbox для заказчика. JavaScript.
  31. TrueJS 32. AddEventListener - события.
  32. Определяем банк по номеру карты JavaScript.
  33. JavaScript делаем комбинацию клавиш.
  34. Решаем задачи собеседования JavaScript. Реверс массива.
  35. Сайт Сравнение вооружений стран. JavaScript Google Chart GEO.
  36. JavaScript Чиним магазин клиента.
  37. Получи курс по JavaScript бесплатно.
  38. Результаты 3 курса Практический JavaScript бесплатно.
  39. Убираем маты. JavaScript.
  40. Самая проблемная задача на JavaScript. Знаки зодиака.
  41. Просто о promise в JavaScript.
  42. Ужас и боль Math.random в JavaScript. Исследуем статистику массива.
  43. JavaScript 2.0 - Массивы (часть первая).
  44. JavaScript v2.0. Настраиваем VSCode для работы.
  45. JavaScript v. 2.0. Стартуем и пишем первую программу.
  46. JavaScript v.2.0 Основы ввода данных, работа с input.
  47. JavaScript v.2.0. Ветвление If, else, switch.
  48. JavaScript v2.0 О курсе, ошибках, сертификате и многом другом.
  49. JavaScript v. 2.0 Работаем с формами.
  50. JavaScript v. 2.0 Собеседование со скобками, первый проект.
  51. JavaScript v2.0. Циклы в JavaScript (часть 1).
  52. Не бойтесь ошибок в JavaScript.
  53. JavaScript v.2.0. Вложенные циклы.
  54. JavaScript v.2.0. Функции.
  55. JavaScript v2.0. - объявляю тему проекта в пятницу!
  56. JavaScript textContent vs innerHTML.
  57. JavaScript v.2.0 Циклы While и Do while.
  58. Шифруем текст.
  59. JavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS.
  60. JavaScript v. 2.0. Методы pop, push,splice.
  61. JavaScript v. 2.0 Двумерные массивы.
  62. JavaScript признание! Я редкий *******.
  63. JavaScript v. 2.0 Ассоциативные массивы.
  64. Практика по массивам - получаем прогноз погоды по API.
  65. JavaScript v.2.0. Set в JavaScript.
  66. JavaScript v.2.0. Цикл for of и сравнение с for, for in.
  67. JavaScript v2.0 Изучаем map, filter.
  68. JavaScript v2.0 Изучаем split, join, forEach.
  69. JavaScript v.2.0. События мыши.
  70. JavaScript v.2.0. События клавиатуры.
  71. Стартую курс React. Lite Level.
  72. События JavaScript на iPhone и Android телефонах. JavaScript v.2.0.
  73. JavaScript 2.0. Local Storage. Сохраним все!
  74. Работаем с POST и GET. Postman.
  75. AJAX - учимся посылать GET, POST запросы.
  76. JavaScript Fetch на практике. JavaScript v 2.0.
  77. Promise, PromiseAll.
  78. Функции. Return - это просто!
  79. ООП Классы. Часть 1. JavaScript v.2.0.
  80. Звуки Halloween на сайте.
  81. JavaScript. Простая сложная транслитерация.
  82. Дебаг в JavaScript - это просто!
  83. Бегущие цифры на JavaScript. Просто эффект для сайта.
  84. Не бойтесь THIS в JS.
  85. Корзина JavaScript это просто!
  86. JavaScript hacks которые юзаю каждый день.
  87. Reduce это просто. JavaScript.
  88. Делаем фильтр контента на JavaScript.
  89. Массивы это просто! JavaScript.
  90. Кто написал? Джун или мидл?
  91. Любовный треугольник и JavaScript переменные.
  92. 9 способов клонировать массив JavaScript.
  93. 9 минут про чистые функции.
  94. Точка или квадратные скобки в объекте JavaScript.
  95. Готовим стрелочные функции JavaScript. Небольшие хитрости.
  96. Хитрые скобки в стрелочных функциях JavaScript.
  97. Удаляем дубликаты из массива по красоте. JavaScript.
  98. Every, some, find - нужны ли? JavaScript.
  99. Запоминаем размер шрифта для посетителей. JavaScript.
  100. 5 вопросов на собеседовании, от которых у меня подгорело! JavaScript.
  101. 10 сниппетов за 20 минут. Чистый код на JavaScript.
  102. CSS в консоли браузера и еще 8 фич консоли!
  103. Ожидаем загрузку изображения JavaScript, плюс - ограничиваем скорость загрузки.
  104. WebDev с нуля. Канал Алекса Лущенко.
  105. Переключаем части статьи на мобильном. JavaScript.
  106. 2 вопроса к jun-middle, и только 50 процентов отвечают правильно. JavaScript.
  107. Перетягивание элементов ( drag & drop) на JavaScript.
  108. WebDev с нуля. Канал Алекса Лущенко.
  109. Конвертер в римские числа. Что лучше 2 массива или 1 объект? JavaScript.
  110. FullScreen API - like a boss!! JavaScript.
  111. Удаляем сайт по элементам. Сниппет шутка JavaScript.
  112. Методы массивов JavaScript. IndexOf.
  113. Map, Filter. Методы массивов.
  114. Includes + практические примеры. Методы массивов JavaScript
  115. Методы массивов javascript. MAP.
  116. Push и Pop методы массивов JavaScript. Практический пример.
  117. JavaScript Filter, практика - помогаем коллекторам.
  118. Reduce, isArray - методы массивов.
  119. Shift, unshift, slice — методы массивов JavaScript
  120. Методы массивов. Splice, Concat JavaScript
  121. 6 применений SPREAD JavaScript.
  122. Методы массивов JavaScript. Every, Some.
  123. Find, FindIndex, LastIndexOf, методы массивов JavaScript.

JavaScript Основы для Начинающих от Владилена Минина

Сайт: https://www.youtube.com/watch?v=Bluxbh9CaQ0

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

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

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

11 занятий для погружения в тему: что еще нужно начинающим?
11 занятий для погружения в тему: что еще нужно начинающим?

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

  1. Введение.
  2. Что такое JavaScript.
  3. Основы.
  4. Числа + BigInt.
  5. Строки.
  6. Функции.
  7. Массивы.
  8. Объекты.
  9. Асинхронность.
  10. Работа с DOM.
  11. Заключение.

Уроки JavaScript для начинающих с нуля от Олега Шпагина

Сайт: https://www.youtube.com/playlist?list=PLxiU3nwEQ4PELJ4GwO7Ssu4wENaPpvOzZ

Длительность: 40 занятий

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

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

Грамотная авторская подача в 40 занятиях, одно из которых только для спонсоров
Грамотная авторская подача в 40 занятиях, одно из которых только для спонсоров

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

ТЕКУЩЕЕ ВИДЕО

  1. Что такое Jav * aScript: пишем первую программу.
  2. Как запустить ваш код.
  3. Как подключить и вывести результат выполнения на экран.
  4. Как установить и использовать Sublime Text 3.
  5. Арифметические операции.
  6. Переменные глобальные и локальные.
  7. Логические операции ИЛИ, НЕ, И.
  8. Команда document write.
  9. Как сделать цикл for.
  10. Цикл while и do while.
  11. Выход из цикла break и continue.
  12. Как превратить строку в число.
  13. Методы shift и unshift.
  14. Методы pop и push.
  15. Как копировать массивы.
  16. Как удалить элемент из массива.
  17. Метод forEach.
  18. Метод map.
  19. Методы reduce и reduceRight.
  20. Метод filter.
  21. Использование методов every и some.
  22. Конструкция switch case выбор по условию.
  23. Конструкция switch case в примере с тэгом select.
  24. Как создавать функции.
  25. Как вызывать функции через интервал времени.
  26. Как считать данные которые вводит пользователь.
  27. Конструкция try catch finally.
  28. Математические методы и функции Math.
  29. Подключение обработчика событий.
  30. Запуск кода JS при клике на кнопку или ссылку, подключаем событие onclick.
  31. Хранилище LocalStorage — учимся сохранять данные о пользователе в браузере.
  32. Как сделать перенаправление на странице.
  33. Эффект бьющегося экрана TweenMax + html2canvas / Почти как игра.
  34. Как подключить фейерверк к сайту, новогодний салют в праздник.
  35. Как сделать эффект падающего снега за мышкой, снежинки следуют за курсором мыши.
  36. Как сделать новогоднюю открытку на вашем сайте, новогоднее поздравление!
  37. Как подключить новогоднюю гирлянду к вашему сайту, новогоднее украшение для сайта.
  38. Как сделать метель на сайте.
  39. Как подключить счетчик времени на сайт.
  40. Как я изучаю новый язык программирования / Только для спонсоров.

Основы JavaScript от Sorax

Сайт: https://www.youtube.com/playlist?list=PL363QX7S8MfSxcHzvkNEqMYbOyhLeWwem

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

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

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

Уверен, что остальные уроки по веб-разработке также понравятся интересующимся
Уверен, что остальные уроки по веб-разработке также понравятся интересующимся

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

  1. Введение.
  2. Инструкции.
  3. Выражения и операторы.
  4. Типы данных и переменные.
  5. Числа.
  6. Строки.
  7. Логические значения.
  8. null и undefined.
  9. Преобразование типов.
  10. Условные инструкции.
  11. Условный оператор.
  12. Циклы.
  13. Функции.
  14. Цепочки областей видимости.
  15. Замыкания.
  16. Обработка исключений.
  17. Объекты.
  18. this и непрямой вызов методов.
  19. Аксессоры и атрибуты свойств.
  20. Прототипы и наследование.
  21. Конструкторы и классы.
  22. Цепные вызовы методов.
  23. JSON.
  24. Массивы.
  25. ES5 методы массивов
  26. Объект Math.
  27. J Класс Date.
  28. Регулярные выражения.
  29. Класс RegExp.
  30. Strict Mode.
  31. Выполнение JS в браузере.
  32. Window.
  33. Location.
  34. History, Screen, Navigator.
  35. DOM.

Сводная таблица курсов по формату обучения

Название курса

Автор курса

Формат обучения

Marathon JS

Result School

Видеоуроки на платформе школы

Основы JavaScript

Хекслет

Уроки, проверочные тесты, упражнения в тренажере на платформе школы

JavaScript для начинающих

Stepik

Уроки, тесты, интерактивные задачи на платформе школы

Уроки Javascript

itProger

Видеоуроки на платформе школы

Курс JavaScript

CodeBasics

Текстовые статьи и визуальный редактор кода на платформе школы

Первые шаги в JavaScript

Нетология

Лекции и учебные материалы на платформе школы

Язык JavaScript

JAVASCRIPT.RU

Онлайн-учебник из 14 разделов

Программирование в JavaScript — основы языка

Html Academy

Лекции, теория, задания и испытания на платформе школы

Курс изучения JavaScript для начинающих

beonmax

Видеоуроки, практические задания, тесты на платформе школы

Интенсивное погружение в JavaScript

udemy

Видеолекции, задания и тесты на платформе школы

Основы кодинга на JavaScript

SkillBox

Вебинар

Основы JavaScript

Loftschool

Видеоуроки на платформе школы

Уроки JavaScript

Web Developer Blog

Видеоуроки на YouTube

Javascript

BrainsCloud

Видеоуроки на YouTube

Курс JavaScript Basic (ES6)

EasyCode

Видеоуроки на YouTube

JavaScript для начинающих 2023

ВебКадеми

Видеоуроки на YouTube

Видеоуроки JavaScript

AmperkaRu

Видеоуроки на YouTube

Курс Практический JavaScript от

WebDev. Канал Алекса Лущенко

Видеоуроки на YouTube

Основы JavaScript от

Sorax

Видеоуроки на YouTube

Оценить статью
1 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!