Курс Javascript 001

Базовый курс по изучению "ванильного" JavaScript с нуля.

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

Изучи JavaScript с нуля!

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

Сегодня Javascript является основой web разработки. Он используется, как для создания клиентской части приложений (frontend), так и для серверной (backend).

Освоив базовые темы JavaScript, вы сможете продолжить свой путь изучения современных frontend технологий, которые включают библиотеку React, VUE и другие.

Теория курса

  • Я постарался структурировать курс JS 001 таким образом, чтобы последовательно покрыть все базовые темы “ванильного” JavaScript.
  • Курс содержит 13 теоретических модулей, которые включают 45 видео уроков.
  • Как обычно, стараюсь объяснить каждую концепцию на детальных примерах.

Практика JavaScript

  • Практическая часть JavaScript 001 - это создание небольшого приложения.
  • Работа над приложением ведется на протяжении всего курса.
  • Приложение состоит из 15 версий (50 видео-уроков). Каждая версия постепенно усложняет проект, добавляя новый функционал.

Как проходить курс

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

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

  • Подготовка
    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
  • Проект v2
    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
  • Проект v3
    24. Структура данных: Объект (часть 1)
    04:37
  • 25. Структура данных: Объект (часть 2)
    06:42
  • 26. Требования 3й версии
    02:32
  • 27. Используем объект для каждой пиццы
    01:11
  • 28. Функция add: добавление объекта
    02:08
  • 29. Функция edit: редактирование объекта
    02:31
  • Проект v4
    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
  • Проект v5
    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
  • Проект v6
    52. Требования 6й версии
    03:08
  • 53. Функция для отображения пиццы (displayItems)
    03:37
  • 54. displayItems отображает свойства title и selected
    01:22
  • Проект v7
    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
  • Проект v8
    69. Требования 8й версии
    03:25
  • 70. Используем форму для добавления пиццы
    11:55
  • Проект v9
    71. Требования 9й версии
    02:00
  • 72. HTML разметка для каждой пиццы
    12:43
  • Проект v10
    73. Требования 10й версии
    03:04
  • 74. Кастомные события для запуска displayItems
    06:30
  • Проект v11
    75. Требования 11й версии
    02:09
  • 76. Сохраняем массив items в local storage
    07:07
  • 77. Получаем массив items из local storage
    08:25
  • Проект v12
    78. Требования 12й версии
    01:39
  • 79. Удаление пиццы при клике на кнопку
    18:45
  • Проект v13
    80. Требования 13й версии
    01:51
  • 81. Выбор пиццы через checkbox
    08:54
  • Проект v14
    82. Требования 14й версии
    01:54
  • 83. Функция выбора всех пицц
    05:28
  • Проект v15
    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
  • Вопросы и ответы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    23006000

    Оформить