Начать обучение

Клавиатурный тренажёр: Общий базовый курс

Обучение слепой печати на примерах кода и технических терминов

Базовый синтаксис

Технические термины

Структуры данных

Паттерны и конструкции

Реальный код

Смешанная практика

Вы можете проходить курс без регистрации. Ваш прогресс сохраняется в браузере. Для постоянного сохранения прогресса зарегистрируйтесь.

Клавиатурный тренажёр: Общий базовый курс

Базовый синтаксис

Ключевые слова: if, else, for, while

Ключевые слова: function, return, const

Ключевые слова: let, var, class, extends

Ключевые слова: import, export, async, await

Логические значения: true, false, null

Операторы: typeof, instanceof, in

Простая конструкция: if else

Простая конструкция: for loop

Простая конструкция: function

Простая конструкция: arrow function

Простая конструкция: class

Комбинация: if for function

Комбинация: const function return

Комбинация: class extends constructor

Практика: базовый синтаксис 1

Практика: базовый синтаксис 2

Практика: базовый синтаксис 3

Практика: базовый синтаксис 4

Технические термины

Создать function для обработки данных

Настроить database connection в config

Использовать async await для запросов

Добавить validation в form handler

Проверить error handling в try catch

Настроить environment variables

Создать middleware для authentication

Использовать promise для асинхронности

Добавить logging в application

Настроить routing для endpoints

Создать service для business logic

Использовать dependency injection

Проверить response status перед обработкой

Настроить cache для performance

Создать repository для data access

Использовать factory pattern для создания объектов

Практика: технические термины 1

Практика: технические термины 2

Практика: технические термины 3

Практика: технические термины 4

Практика: технические термины 5

Структуры данных

Массив: const users = [];

Объект: const config = {};

Массив объектов: const data = [{ id: 1 }];

Объект с полями: const user = { id: 1, name: "John" };

Вложенный объект: const config = { db: { host: "localhost" } };

Метод map: users.map(user => user.name)

Метод filter: items.filter(item => item.active)

Метод reduce: numbers.reduce((sum, n) => sum + n, 0)

Object.keys: Object.keys(config).forEach(key => { })

Деструктуризация: const { id, name } = user;

Спред оператор: const merged = { ...obj1, ...obj2 };

JSON: const json = JSON.stringify(data);

Практика: структуры данных 1

Практика: структуры данных 2

Практика: структуры данных 3

Практика: структуры данных 4

Практика: структуры данных 5

Паттерны и конструкции

Async функция: const handleSubmit = async (e) => { }

Валидация: const validate = (data) => data && data.length > 0;

Try catch: try { await api.call(); } catch (error) { }

Filter: const result = items.filter(item => item.active);

Promise: new Promise((resolve, reject) => { resolve(data); })

Callback: const process = (data, callback) => { callback(result); }

Тернарный оператор: const value = condition ? a : b;

Optional chaining: const name = user?.profile?.name;

Nullish coalescing: const value = data ?? defaultValue;

Template literal: const msg = `Hello ${name}`;

Практика: паттерны 1

Практика: паттерны 2

Практика: паттерны 3

Практика: паттерны 4

Практика: паттерны 5

Реальный код

Функция валидации

Создание объекта пользователя

Обработка ошибок