Курс JavaScript 001: обучение JS для начинающих

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

Получить курс

С какого фрэймворка начать обучение?

Неважно какой фрэймворк или библиотеку ты решишь изучать, если знаешь основы JavaScript!

Курс JavaScript из 2-х модулей

Первый модуль покрывает базовые темы JavaScript.
Второй модуль обучает современным фичам языка в рамках стандарта ES6, которые повсеместно используются во всех библиотеках и фрэймворках JS.
Модуль 1

Основы JavaScript

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

95 уроков

курс javascript инструктор

Инструктор

Василий Муравьев

javascript базовый

Что вы изучите?

  • Изучите основы “ванильного” JavaScript, включая работу с переменными, циклами, функциями, объектами, массивами и др.
  • Научитесь управлять HTML-разметкой из JavaScript-кода, используя DOM (Document Object Model)
  • Разберетесь, как правильно работать с промисами и асинхронным кодом в JS
  • Отработаете базовые сценарии отладки кода
  • Ознакомитесь с основами сборки модулей проекта, используя webpack
  • Создадите свое первое мини-приложение по ходу курса

  • Полный список уроков

  • Подготовка
    1. Что мы будем делать
    03:01
  • 2. Структура и инструменты
    05:14
  • Проект: Version 1
    3. Требования 1й версии приложения
    02:15
  • 4. Хранение информации о каждой пицце
    07:52
  • 5. Отображение каждой пиццы
    01:38
  • 6. Добавление пиццы
    03:58
  • 7. Редактирование пиццы
    01:48
  • 8. Удаление пиццы
    03:03
  • Теория #1
    9. Типы данных
    12:20
  • 10. Булевые значения и операторы сравнения
    03:20
  • Теория #2 - Функции
    11. Встроенные функции
    04:26
  • 12. Создаем собственные функции
    05:39
  • 13. Аргументы функций
    04:04
  • Проект: Version 2
    14. Требования 2й версии
    01:08
  • 15. Добавление пиццы
    03:11
  • 16. Редактирование пиццы
    03:45
  • 17. Удаление пиццы
    02:26
  • Теория #3 - Отладка кода
    18. Отладка кода (часть 1)
    02:54
  • 19. Отладка кода (часть 2)
    02:39
  • 20. Отладка кода (часть 3)
    05:26
  • Теория #4 - Область видимости
    21. Глобальная область видимости
    04:14
  • 22. Область видимости: Функция
    03:53
  • 23. Область видимости: Блок
    06:15
  • Проект: Version 3
    24. Структура данных: Объект (часть 1)
    04:37
  • 25. Структура данных: Объект (часть 2)
    06:42
  • 26. Требования 3й версии
    02:32
  • 27. Используем объект для каждой пиццы
    01:11
  • 28. Функция add: добавление объекта
    02:08
  • 29. Функция edit: редактирование объекта
    02:31
  • Проект: Version 4
    30. Требования 4й версии
    03:46
  • 31. Условия в JS
    15:00
  • 32. Истинные и ложные значения
    11:02
  • 33. Оператор восклицательный знак
    03:27
  • 34. Меняем значение свойства "selected"
    07:16
  • Теория #5 - Сравнение объектов
    35. Вспоминаем типы данных
    02:08
  • 36. Сравнение примитивных типов данных
    02:08
  • 37. Сравнение объектов
    04:16
  • 38. Сравнение объектов и примитивов (отличия)
    04:59
  • Теория #6: Копирование объектов и примитивов
    39. Копирование объектов и примитивов
    23:55
  • Теория #7: Массивы
    40. Иммутабельность в JS
    35:48
  • 41. Статические методы
    16:13
  • 42. Методы прототипов
    20:05
  • Теория #8: Циклы
    43. Метод forEach
    18:09
  • 44. Метод map
    21:12
  • 45. Методы find и filter
    09:48
  • 46. Метод reduce
    15:45
  • Проект: Version 5
    47. Требования 5й версии
    03:45
  • 48. Объект Пиццы: Свойство ID
    04:03
  • 49. Cвойство id используется в методе edit
    04:50
  • 50. Cвойство id используется в методе remove
    03:52
  • 51. Cвойство id используется в методе markAsSelected
    02:52
  • Проект: Version 6
    52. Требования 6й версии
    03:08
  • 53. Функция для отображения пиццы (displayItems)
    03:37
  • 54. displayItems отображает свойства title и selected
    01:22
  • Проект: Version 7
    55. Требования 7й версии
    03:41
  • 56. Функция меняет каждое значение на false
    07:06
  • 57. Функция меняет каждое значение на true
    04:41
  • Теория #9: Работа с DOM
    58. Что такое DOM дерево?
    03:23
  • 59. Выбор DOM элементов
    07:46
  • 60. Свойства и методы DOM элементов
    10:36
  • 61. Работа с классами
    08:50
  • 62. Атрибуты DOM элементов
    13:19
  • 63. Создание HTML разметки
    13:19
  • 64. Создание HTML с помощью обратных ковычек
    11:29
  • 65. Перемещение по DOM элементам
    07:32
  • Теория #10: События
    66. Обработчики событий
    09:57
  • 67. Объект Событие
    22:49
  • 68. Работа с формами
    13:32
  • Проект: Version 8
    69. Требования 8й версии
    03:25
  • 70. Используем форму для добавления пиццы
    11:55
  • Проект: Version 9
    71. Требования 9й версии
    02:00
  • 72. HTML разметка для каждой пиццы
    12:43
  • Проект: Version 10
    73. Требования 10й версии
    03:04
  • 74. Кастомные события для запуска displayItems
    06:30
  • Проект: Version 11
    75. Требования 11й версии
    02:09
  • 76. Сохраняем массив items в local storage
    07:07
  • 77. Получаем массив items из local storage
    08:25
  • Проект: Version 12
    78. Требования 12й версии
    01:39
  • 79. Удаление пиццы при клике на кнопку
    18:45
  • Проект: Version 13
    80. Требования 13й версии
    01:51
  • 81. Выбор пиццы через checkbox
    08:54
  • Проект: Version 14
    82. Требования 14й версии
    01:54
  • 83. Функция выбора всех пицц
    05:28
  • Проект: Version 15
    84. Требования 15й версии
    02:54
  • 85. Форма редактирования каждой пиццы
    07:32
  • 86. Меняем свойства пиццы через форму
    16:56
  • Теория #11: This, new и прототипы
    87. Оператор new
    09:24
  • 88. Ключевое слово this
    15:07
  • 89. Прототипы и наследование
    16:14
  • Теория #12: Асинхронный JS
    90. Асинхронность в Javascript
    04:06
  • 91. Промисы
    17:15
  • 92. Async Await
    04:26
  • Теория #13: Модули в JS
    93. Модульная структура JS
    16:32
  • 94. Используем модули в нашем приложении
    19:20
  • 95. NPM, Webpack и Babel
    24:47
  • Модуль 2

    ES6 JavaScript

    Изучение основных “фич” JavaScript, которые появились в стандарте ES6 и внесли в язык много полезных изменений. Функционал ES6 широко используется во всех современных фреймворках и библиотеках JS.

    9 уроков

    курс javascript инструктор

    Инструктор

    Василий Муравьев

    javascript базовый

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

  • Разбираться в особенностях объявления переменных в ES6
  • Использовать операторы spread и rest
  • Понимать, как происходит работа со строками, функциями, объектами, и классами в ES6
  • Использовать объект Promise для работы с асинхронным кодом

  • Полный список уроков

  • 1. Переменные let, const и var
    03:01
  • 2. Стрелочные функции (arrow functions)
    03:01
  • 3. Шаблонные строки
    03:01
  • 4. Деструктуризация
    03:01
  • 5. Оператор Spread
    03:01
  • 6. Оператор Rest
    03:01
  • 7. Цикл for of
    03:01
  • 8. Промисы ES6
    03:01
  • 9. ES6 Классы
    03:01
  • Часто задаваемые вопросы

    Что необходимо знать перед началом обучения?

    Для успешного прохождения курса вам потребуются базовые знания HTML + CSS.

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

    Курс Javascript 001 отлично подойдет начинающим разработчикам, которые хотят изучить "ванильный" JS. Этот шаг необходим перед началом изучения любой современной frontend библиотеки (React, Vue и др.)

    Что если я пойму, что этот курс не подходит для меня?

    Если вы решите, что по каким-то причинам вам не подходит этот курс - я возвращу ваши деньги.

    Если я столкнусь со сложностями в курсе, кому задавать вопросы?

    Вы сможете задавать вопросы в Telegram чат курса JavaScript 001.

    Как быстро я получу доступ к курсу после оплаты?

    Вы получите доступ к курсу сразу после оплаты.

    На сколько времени выдается доступ к курсу?

    Доступ к курсу вы получаете навсегда.

    Можно ли скачать курс на компьютер?

    К сожалению, нет. Курс можно смотреть только онлайн в своем личном кабинете.

    Доступ к Учебным Материалам

    Получить Курс JS 001

    • 2 модуля, 104 видео в HD качестве
    • Весь исходный код (файлы, скрипты)
    • Доступ в закрытый Telegram чат
    • Бесплатные обновления курса
    2299
    6000