Базовый курс по современному JavaScript в 20году для начинающих. С нуля до проекта на реальных примерах и упражнениях.
JavaScript является самым популярным языком программирования в мире. На нём работают все веб приложения в мире, а так же множество мобильных и desktop приложений. Вы можете создать на нём полноценное fullstack приложение с backend написанным там же на JavaScript.
Этот курс является первой частью курсов по JavaScript, которая направлена на детальное изучение основ языка и того как он работает «под капотом». Курс подойдёт даже тому, кто раньше никогда не сталкивался с JavaScript и имеет разве что базовые знания html и css, которые нужны для финального проекта. При этом если вы новичок, то даже без знаний html и css сможете целиком освоить курс и начать свой путь в разработке. Большое внимание в курсе уделено упражнениям, чтобы вы не просто осваивали теорию и повторяли за мной код, но и смогли закрепить знания на практике. Так же делается акцент на современном синтаксисе языка и его возможностях.
Лекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы JavaScript. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания. В конце вас ожидает большой проект, где мы реализуем полноценное web приложение на чистом JavaScript — трекер привычек.
После прохождения курса вы сможете:
- Писать полноценные web приложения на JavaScript
- Разбираться в основах JavaScript
- Работать с функциями, массивами, строками и объектами
- Писать циклы, сортировки, фильтры
- Понимать процесс работы JavaScript
- Понимать работу stack вызовов
- Работать с контекстом и ключевым словом this
- Писать замыкания и понимать как они устроены
- Работать с Document Object Model
- Обрабатывать данные форм
- Сохранять данные в Local Storage
- 2урока
- видео с конспектами
- 30упражнений для закрепления на практике
Программа курса
01. Введение
- Почему JavaScript?
- Как устроен курс?
- Обзор проекта
- Обзор курсов
- Курс с наставником
- Работа на платформе
- Командный проект
02. Настройка окружения
- Настройка окружения
- Настройки VSCode
- Установка NodeJS
03. Старт проекта
- O JavaScript
- Домашние задания
- Работа с gitflow
- Подключение JS файлов
04. Oсновы
- Переменные и значения
- Арифметические операторы
- Операторы присваивания и сравнения
- Порядок операторов
- Типы данных
- Упражнение — Расчёт проекта
- Шаблонные строки
- Преобразование типов
- False из других типов
- Занятие — Основы
05. Управление потоком
- lf else
- Упражнение — Размещение депозита
- Операторы равенства
- Switch
- Тернарные операторы
- Упражнение — Проверка робота
- Занятие — Управление потоком
06. Булева логика
- Булева логика
- Логические операторы
- Операторы с другими типами
- Оператор нулевого слияния
- Упражнение — Проверка прав
- Занятие — Булева логика
07. Функции
- Введение в функции
- Анонимные функции
- Стрелочные функции
- Упражнение — Упрощение функции
- Параметры по умолчанию
- Условия в функциях
- Функции в функциях
- Упражнение — Кредит на МасВоок
- Занятие — Функции
08. Массивы
- Знакомство с массивами
- Управление элементами массива
- Поиск элемента
- Slice, splice, concat, reverse
- Из строки в массив и обратно
- Упражнение — Обновление списка задач
- Принцип DRY
- Деструктуризация
- Rest оператор
- Упражнение — Функция разбора URL
- Занятие — Массивы
09. Циклы
- Цикл for
- Break u continue
- Упражнение — Цикл в обратном порядке
- Цикл в цикле
- Цикл while
- Циклы for of u for in
- Упражнение — Расчёт итогового баланса
- Занятие — Циклы
10. Функции высшего порядка
- Функции высшего порядка
- Callback
- Возврат функции
- Упражнение — Стрелочные функции
- Занятие — Функции высшего порядка
- Отзыв о курсе
11. Итерации в массивах
- forEach
- map
- filter
- Упражнение — вывод изменений цен
- reduce
- Упражнение — среднее значение
- find u findindex
- Упражнение — реализация some
- flat и flatMap
- sort
- Быстрое создание массивов
- Занятие — Итерации в массивах
12. Работа со строками
- Вводное видео
- Базовые методы
- Упражнение — выделение имени
- Преобразование строки
- Упражнение — проверка номера
- Строки и массивы
- Дополнение строк
- Упражнение — маскировка карты
- Занятие — Работа со строками
13. Объекты
- Знакомство с объектами
- Обращение к элементам
- Упражнение — сортировка пользователей
- Упражнение — преобразование объ
- Методы объектов
- Упражнение — кошелёк
- Enhance object literals
- Итерирование по объекту
- Деструктуризация и rest
- Optional chaining
- Упражнение — склад
- Занятие — Объекты
14. Как работает JS под капотом
- Вводное видео
- Обзор работы JavaScript
- Процесс исполнения JavaScript
- Контекст исполнения и stack вызова
- Пример работы call stack
- Примитивы и объекты
- Пример примитивов и объектов
- Занятие — Как работает JS под капотом
15. Scope chain
- Scope chain
- Strict mode
- Пример scope chain
- Поднятие
- Пример поднятия
- Ключевое слово this
- Пример использования this
- Контекст в методах
- Arguments
- Упражнение — объект в объекте
- Занятие — Scope и this
16. Управление this
- EOL для методов
- Call, apply
- Bind
- Упражнение — управление this
- lIFE
- Замыкания
- Упражнение — работа с замыканиями
- Занятие — Управление this
17. Document Object Model
- Что такое DOM?
- Выбор и манипуляции с элементами
- Обработка нажатий
- Обработка событий клавиатуры
- Работа со стилями и классами
- Установка атрибутов
- Упражнение — получение DOM элементов
- Добавление html на лету
- Local storage
- JSON
- Упражнение — сохранение JSON
- Tc — Document Object Model
- Занятие — Document Object Model
18. Проект — трекер привычек
- Обзор макета
- Работа с Figma
- Вёрстка макета — 1
- Вёрстка макета — 2
- Загрузка и сохранение данных
- Работа меню
- Рендер шапки
- Упражнение — рендер дней
- FormData API
- Добавление дня
- Упражнение — удаление дня
- Вёрстка попап окна
- Упражнение — появление попап окна
- Select выбора иконки
- Упражнение — форма добавления привычки
- id привычки в url
