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

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

Читайте также:

ТОП-8 самых популярных языков программирования: зачем он нужен и как его выбрать

Marathon JS от Result School

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

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

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

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

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

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

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

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

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

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

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

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

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 часа в неделю

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

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

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

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 уроков

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

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

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

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.

Читайте также:

Что такое Frontend и Backend разработка: в чем их отличия

Курс JavaScript от CodeBasics

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

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

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

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

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

I Основы JavaScript

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

II Арифметика

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

III Строки

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

IV Переменные в языке JavaScript

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

V Типы данных JavaScript

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

VI Вызов функций

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

VII Свойства и методы

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

VIII Определение функций

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

IX Логика

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

X Условные конструкции

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

X Циклы

63. Цикл While.
64. Агрегация данных (Числа).
65. Агрегация данных (Строки).
66. Обход строк.
67. Условия внутри тела цикла.
68. Формирование строк в циклах.
69. Синтаксический сахар.
70. Инкремент и декремент.
71. Возврат из циклов.
72. Цикл For.

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

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

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

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

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

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

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. Разное.

Читайте также:

Google Analytics для начинающих: самое полное руководство. Часть 1. Universal Analytics

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

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

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

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

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

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

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

Читайте также:

13 лучших инструментов для A/B тестирования в 2024 году

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

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

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

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

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

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

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 лекций

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

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

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

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.

Основы JavaScript от Loftschool

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

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

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

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

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

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

Читайте также:

Как пользоваться Git: гайд для новичков

Уроки JavaScript от Web Developer Blog

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

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

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

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

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

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.

Читайте также:

15 лучших книг для программистов: чтобы читать и понимать код

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

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

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

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

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

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

I Введение

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

II Основы

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

III Функции

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

III Массивы

18. Определение массивов.
19. Методы массивов.
20. Цикл for. Обход массива циклом for.
21. Цикл for ( of ). Обход массива циклом for ( of ).
22. Метод .forEach() для обхода массивов.

IV Объекты

23. Объекты. Свойства объектов
24. Методы в объектах
25. Ключевое слово this
26. Обход свойств объекта через цикл for ( in )
27. Нюанс с const и изменением объекта или массива
28. Классы. Конструкторы объектов
29. Лайфхак работы с VS Code

V Работа с DOM

30. Выбор DOM элементов
31. Выбор коллекции элементов
32. ES5 методы для выбора элементов
33. Работа с CSS классами
34. Атрибуты
35. Прослушка событий. Клик. addEventListener и onclick
36. Прослушка событий. Ввод текста
37. Объект event
38. Работа c HTML элементами. Создание. Копирование.
39. Список задач на JS [практика]

VI Асинхронность

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

VII Callback hell

VIII Promise

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

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

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

Читайте также:

Что такое No-Code и Low-Code: примеры, площадки, сервисы

Видеоуроки 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

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

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

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

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

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

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

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

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

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

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

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.

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

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.