Курс JavaScript 001

Базовый курс по изучению JavaScript для начинающих. Начни свой путь в мир современной разработки!

Javascript – один из самых популярных языков программирования в мире. JS лежит в основе современной веб разработки.

Хорошее знание JS позволяет быстро вникнуть в любой фреймворк или библиотеку.

Этот курс поможет вам быстрее разобраться с базовыми темами JavaScript и откроет путь к изчению всех современных инструментов в рамках экосистемы JS.

Как обычно, все разбираем на простых примерах - без "воды" и "сухой теории".

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

Что и как мы будем изучать?

Пройдя курс JS001, вы получите базовые знания Javascript, необходимые перед началом изучения любой из современных JS библиотек или фреймворков

  • Главная задача курса - максимально совместить теорию Javascript с практикой.
  • Теоретическия часть курса состоит из 13 модулей.
  • На протяжении всего курса мы работаем над созданием небольшого приложения.
  • Приложение состоит из 15 версий.
  • Каждая последующая версия учебного приложения расширяет и усложняет его функционал.
  • Вы проходите курс в удобном для вас графике.
  • Любые возникающие вопросы обсуждаются в телеграм канале курса.
  • Кураторы курса помогут разобраться, если что-то остается непонятным.
  • Программа курса включает 2 проверочных теста, которые обратят ваше внимание на "тонкие" моменты JS, которые обязательно нужно знать.

Автор Курса

курс javascript

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

Web разработчик, автор учебной платформы stackdev.ru и одноименного youtube канала. Участвовал в создании нескольких стартапов в качестве фронтенд разработчика. Более 2-х лет работал frontend разработчиком в крупнейшем ритейлере России - X5 Retail Group.

В свободное время участвую в сторонних проектах в качестве full stack разработчика, где использую React, Node.js + Express и MongoDB.

Видео Уроки в HD Качестве

Модуль #1
Подготовка

  • 1Обзор нашего проекта06:49
  • 2Структура и инструменты10:44

Модуль #2
Проект v1

  • 3Требования 1й версии14:17
  • 4Хранение информации о каждой пицце13:28
  • 5Отображение каждой пиццы13:18
  • 6Добавление пиццы13:18
  • 7Редактирование пиццы13:18
  • 8Удаление пиццы13:18

Модуль #3
Теория #1

  • 9Типы данных07:08
  • 10Булевые значения и операторы сравнения17:13

Модуль #4
Теория #2 - Функции

  • 11Встроенные функции10:46
  • 12Создаем собственные функции06:31
  • 13Аргументы функций10:22

Модуль #5
Проект v2

  • 14Требования 2й версии03:28
  • 15Добавление пиццы15:09
  • 16Редактирование пиццы15:09
  • 17Удаление пиццы15:09

Модуль #6
Теория #3 - Отладка кода

  • 18Отладка кода - часть 118:01
  • 19Отладка кода - часть 212:56
  • 20Отладка кода - часть 312:17

Модуль #7
Теория #4 - Область видимости

  • 21Глобальная область видимости01:30
  • 22Область видимости: Функция01:39
  • 23Область видимости: Блок15:00

Модуль #8
Проект v3

  • 24Структура данных Объект - часть 111:05
  • 25Структура данных Объект - часть 211:05
  • 26Требования 3й версии11:05
  • 27Используем объект для каждой пиццы11:05
  • 28Функция add: добавление объекта11:05
  • 29Функция edit: редактирование объекта11:05

Модуль #9
Проект v4

  • 30Требования 4й версии11:05
  • 31Условия в JS11:05
  • 32Истинные и ложные значения11:05
  • 33Оператор восклицательный знак11:05
  • 34Меняем значение свойства "selected"11:05

Модуль #10
Теория #5 - Сравнение объектов

  • 35Вспоминаем типы данных11:05
  • 36Сравнение примитивных типов данных11:05
  • 37Сравнение объектов11:05
  • 38Сравнение объектов и примитивов (отличия)11:05

Модуль #11
Теория #6: Копирование объектов и примитивов

  • 39Копирование объектов и примитивов11:05

Модуль #12
Теория #7: Массивы

  • 40Иммутабельность в JS11:05
  • 41Статические методы11:05
  • 42Методы прототипов11:05

Модуль #13
Теория #8: Циклы

  • 43Метод forEach11:05
  • 44Метод map11:05
  • 45Методы find и filter11:05
  • 46Метод reduce11:05

Модуль #14
Версия проекта №5

  • 47Требования 5й версии11:05
  • 48Объект Пиццы: Свойство ID11:05
  • 49Cвойство id используется в методе edit11:05
  • 50Cвойство id используется в методе remove11:05
  • 51Cвойство id используется в методе markAsSelected11:05

Модуль #15
Проект v6

  • 52Требования 6й версии11:05
  • 53Функция для отображения пиццы (displayItems)11:05
  • 54displayItems отображает свойства title и selected11:05

Модуль #16
Проект v7

  • 55Требования 7й версии11:05
  • 56Функция меняет каждое значение на false11:05
  • 57Функция меняет каждое значение на true11:05

Модуль #17
Теория #9: Работа с DOM

  • 58Что такое DOM дерево?11:05
  • 59Выбор DOM элементов11:05
  • 60Свойства и методы DOM элементов11:05
  • 61Работа с классами11:05
  • 62Атрибуты DOM элементов11:05
  • 63Создание HTML разметки11:05
  • 64Создание HTML с помощью обратных ковычек11:05
  • 65Перемещение по DOM элементам11:05

Модуль #18
Теория #10: События

  • 66Обработчики событий11:05
  • 67Объект Событие11:05
  • 68Работа с формами11:05

Модуль #19
Проект v8

  • 69Требования 8й версии11:05
  • 70Используем форму для добавления пиццы11:05

Модуль #20
Проект v9

  • 71Требования 9й версии11:05
  • 70HTML разметка для каждой пиццы11:05

Модуль #21
Проект v10

  • 73Требования 10й версии11:05
  • 74Кастомные события для запуска displayItems11:05

Модуль #22
Проект v11

  • 75Требования 11й версии11:05
  • 76Сохраняем массив items в local storage11:05
  • 77Получаем массив items из local storage11:05

Модуль #23
Проект v12

  • 78Требования 12й версии11:05
  • 79Удаление пиццы при клике на кнопку11:05

Модуль #24
Проект v13

  • 80Требования 13й версии11:05
  • 81Выбор пиццы через checkbox11:05

Модуль #25
Проект v14

  • 82Требования 14й версии11:05
  • 83Функция выбора всех пицц11:05

Модуль #26
Проект v15

  • 84Требования 15й версии11:05
  • 85Форма редактирования каждой пиццы11:05
  • 86Меняем свойства пиццы через форму11:05

Модуль #27
Теория #11: This, new и прототипы

  • 87Оператор new11:05
  • 88Ключевое слово this11:05
  • 89Прототипы и наследование11:05

Модуль #28
Теория #12: Асинхронный JS

  • 90Асинхронность в Javascript11:05
  • 91Промисы11:05
  • 92Async Await11:05

Модуль #29
Теория #13: Модули в JS

  • 93Модульная структура JS11:05
  • 94Используем модули в нашем приложении11:05
  • 95NPM, Webpack и Babel11:05

Курс Javascript для начинающих

курс javaScript
  • 95 Видео с пошаговыми инструкциями в HD качестве
  • Пожизненная возможность бесплатно получать обновления и дополнения к курсу
  • Весь исходный код для нового и готового приложения (файлы, скрипты, тестовый материал)
  • Доступ в закрытый Telegram канал, где можно задать вопрос и обсудить решения

FAQ

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

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

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

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

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

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

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

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

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

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

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

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