JavaScript
Полный курс JavaScript: от переменных и функций до async/await, DOM и реальных проектов. Всё что нужно для frontend-разработки.
Чему ты научишься
Курс включает
Программа курса
30 уроков · 54 уроков · 42 упражнений
Введение в JavaScript
Что такое JS, где выполняется, console.log, подключение к HTML
- Что такое JavaScript? +10 XP
- console.log и вывод данных +15 XP
- JS в HTML-странице +10 XP
Переменные и типы данных
let, const, var, примитивы, typeof, приведение типов
- let, const и var +15 XP
- Типы данных +10 XP
- Практика: переменные +15 XP
Операторы
Арифметические, сравнения, логические, присваивания, тернарный
- Арифметические и сравнения +15 XP
- Логические и тернарный +15 XP
Строки
Методы строк, template literals, поиск, замена, форматирование
- Основы строк +15 XP
- Поиск и замена +10 XP
Числа и Math
parseInt, toFixed, NaN, Math.*, генерация случайных чисел
- Работа с числами +15 XP
- Объект Math +15 XP
Условия
if/else, switch, тернарный, truthy/falsy
- if / else / else if +15 XP
- switch и паттерны +10 XP
Циклы
for, while, do...while, for...of, for...in, break/continue
- for и while +15 XP
- for...of и for...in +10 XP
Функции
Declaration, expression, arrow, параметры, return, scope
- Объявление функций +15 XP
- Arrow функции и колбэки +10 XP
Массивы: основы
Создание, доступ, добавление/удаление, slice/splice, поиск
- Создание и доступ +15 XP
- slice, splice и spread +10 XP
Массивы: методы итерации
forEach, map, filter, reduce, find, some, every, sort
- map и filter +15 XP
- reduce, find, some, every +15 XP
Объекты
Создание, доступ, методы, вложенность, Object.keys/values/entries
- Основы объектов +15 XP
- Spread, копирование, сравнение +10 XP
Деструктуризация
Деструктуризация массивов, объектов и параметров функций
- Деструктуризация +15 XP
JSON и работа с данными
JSON.parse, JSON.stringify, работа с API-данными
- Основы JSON +15 XP
Scope и замыкания
Lexical scope, блочная область, замыкания, модульный паттерн
- Области видимости +15 XP
Промисы и Async/Await
Callback, Promise, then/catch, async/await, Promise.all
- Колбэки и промисы +10 XP
- Async/Await +10 XP
- Практика: асинхронность +15 XP
Классы и ООП
class, constructor, наследование, static, private, getters/setters
- Классы: основы +10 XP
- Наследование и static +10 XP
- Практика: классы +15 XP
Обработка ошибок
try/catch/finally, throw, типы ошибок, custom errors
- try / catch / finally +10 XP
DOM: выборка и изменение
querySelector, textContent, innerHTML, classList, style, атрибуты, создание элементов
- Выборка элементов +10 XP
- Изменение элементов +10 XP
- Практика: DOM +15 XP
DOM: события
addEventListener, click, input, submit, event объект, делегирование, bubbling
- События: основы +10 XP
- Всплытие и делегирование +10 XP
DOM: формы и валидация
input, select, checkbox, radio, FormData, кастомная валидация
- Работа с формами +10 XP
- Валидация форм +15 XP
Fetch API
fetch, GET/POST, JSON, заголовки, обработка ошибок, работа с REST API
- fetch() — запросы к серверу +10 XP
Web Storage
localStorage, sessionStorage, JSON в storage, куки, практические паттерны
- localStorage и sessionStorage +10 XP
ES6+ возможности
Set, Map, Symbol, итераторы, генераторы, optional chaining, nullish coalescing
- Set и Map +10 XP
- Современный синтаксис +10 XP
Модули
import/export, named/default exports, динамический import, npm/node_modules
- ES Modules +10 XP
Регулярные выражения
RegExp, паттерны, флаги, match, replace, test, группы захвата
- Основы RegExp +10 XP
Date и Intl
Date, форматирование, таймзоны, Intl.DateTimeFormat, Intl.NumberFormat, Intl.RelativeTimeFormat
- Работа с датами +10 XP
Паттерны и лучшие практики
Debounce/throttle, каррирование, мемоизация, event emitter, чистые функции
- Полезные паттерны +10 XP
Проект: Todo App
Полноценное Todo-приложение: добавление, удаление, toggle, фильтрация, localStorage
- Архитектура Todo App +10 XP
- Строим Todo App +15 XP
Проект: Погодный виджет
Fetch + DOM: загрузка данных о погоде, отображение температуры, иконки, поиск по городу
- Строим погодный виджет +15 XP
Финальный проект: Quiz App
Интерактивное приложение-викторина: вопросы, варианты ответов, счёт, таймер, результат
- Архитектура Quiz App +10 XP
- Строим Quiz App +15 XP
Требования
Никаких предварительных знаний не требуется — начинаем с нуля
Вопросы по курсу
Нужен ли опыт программирования?
Как проходят уроки?
Сколько времени нужно на курс?
Получу ли я сертификат?
Готов начать?
Запишись бесплатно и начни писать код прямо сейчас. Первый результат через 5 минут.
Начать обучение