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