Перейти к содержанию
# RAIMBALT Learn LEARN · PRACTICE · BUILD
Войти Начать обучение
← Все курсы
JS · Ноль → уверенный frontend

JavaScript с нуля для веб-разработки

JavaScript: консоль, переменные, условия, функции, DOM и события.

62 уроков 16 модулейкаталог доступен без входа
КАК ПРОХОДИТЬ КУРС

Не листай уроки как обычный справочник

Переходи дальше только после того, как можешь воспроизвести идею самостоятельно и понимаешь, зачем она нужна.

01Понятьновую идею
02Повторитьпример руками
03Изменитьи проверить эффект
04Решитьсамостоятельно
05Проверитьпонимание
06Применитьв проекте
КОНТРОЛЬ ЗНАНИЙ

Контрольные точки и итоговый экзамен

После модулей закрепляй материал практикой и проверками. Курс считается освоенным только после выполнения критериев, а не после простого открытия всех страниц.

Войти для прохождения →
ПРОГРАММА

Содержание курса

0 из 62 подтверждено
МОДУЛЬ

Старт

0 / 2 уроков
01

Что такое JavaScript

JavaScript добавляет странице поведение.

Изучить →
02

Подключаем app.js

JS-файл нужно подключить к HTML.

Изучить →
МОДУЛЬ

Данные

0 / 1 уроков
03

const и let

Переменные хранят значения.

Изучить →
МОДУЛЬ

Текст

0 / 1 уроков
04

Template literals

Шаблонная строка вставляет значения.

Изучить →
МОДУЛЬ

Логика

0 / 1 уроков
05

if и строгие сравнения

Условия выбирают ветку.

Изучить →
МОДУЛЬ

DOM

0 / 2 уроков
06

querySelector и click

JS может найти HTML-элемент и реагировать на событие.

Изучить →
07

querySelector и изменение страницы

DOM позволяет JavaScript работать с HTML как с объектами.

Изучить →
МОДУЛЬ

События

0 / 2 уроков
08

addEventListener и клик

События связывают действия пользователя и код.

Изучить →
25

Event delegation

Один обработчик родителя может обслуживать динамический список.

Изучить →
МОДУЛЬ

Массивы

0 / 1 уроков
09

Массив и перебор элементов

Массив хранит несколько значений в порядке.

Изучить →
МОДУЛЬ

Объекты

0 / 1 уроков
10

Объект: связанные данные под одним именем

Объект объединяет свойства одной сущности.

Изучить →
МОДУЛЬ

Формы

0 / 2 уроков
11

Получаем значение input

JavaScript может читать форму и проверять данные до отправки.

Изучить →
24

Валидация данных формы

Проверка на клиенте улучшает UX, но сервер всё равно обязан проверять данные.

Изучить →
МОДУЛЬ

Проект

0 / 2 уроков
12

Первое интерактивное приложение

Соединим HTML, CSS и JavaScript в маленький продукт.

Изучить →
28

Проект: клиент для REST API

Собери интерфейс CRUD поверх API.

Изучить →
МОДУЛЬ

Асинхронность

0 / 2 уроков
21

Promise: результат будет позже

Promise представляет будущий результат асинхронной операции.

Изучить →
22

async/await и try/catch

async/await делает последовательность асинхронных шагов читаемее.

Изучить →
МОДУЛЬ

Модули

0 / 1 уроков
23

export/import

ES modules позволяют разделить код по файлам.

Изучить →
МОДУЛЬ

Состояние

0 / 1 уроков
26

Разделяем state и render

UI проще поддерживать, если данные и DOM не смешаны хаотично.

Изучить →
МОДУЛЬ

Web API

0 / 1 уроков
27

POST JSON на сервер

Создание сущности через API обычно использует POST и JSON.

Изучить →
МОДУЛЬ

JavaScript Core+

0 / 12 уроков
29

class и constructor

В этом уроке тема «class и constructor» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
30

Error, throw и try/catch

В этом уроке тема «Error, throw и try/catch» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
31

URLSearchParams

В этом уроке тема «URLSearchParams» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
32

AbortController

В этом уроке тема «AbortController» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
33

DocumentFragment

В этом уроке тема «DocumentFragment» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
34

Debounce

В этом уроке тема «Debounce» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
35

textContent и XSS

В этом уроке тема «textContent и XSS» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
36

Тестируемые функции

В этом уроке тема «Тестируемые функции» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
37

API, state и UI

В этом уроке тема «API, state и UI» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
38

Event loop

В этом уроке тема «Event loop» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
39

npm и package.json

В этом уроке тема «npm и package.json» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
40

Итог JavaScript Core

В этом уроке тема «Итог JavaScript Core» разбирается не как готовая команда, а как инструмент для конкретной задачи.

Изучить →
МОДУЛЬ

Professional

0 / 30 уроков
41

Prototype chain

В этом уроке «Prototype chain» разбирается от проблемы к решению, а не как набор команд.

Изучить →
42

this

В этом уроке «this» разбирается от проблемы к решению, а не как набор команд.

Изучить →
43

Closures

В этом уроке «Closures» разбирается от проблемы к решению, а не как набор команд.

Изучить →
44

Module architecture

В этом уроке «Module architecture» разбирается от проблемы к решению, а не как набор команд.

Изучить →
45

Map и Set

В этом уроке «Map и Set» разбирается от проблемы к решению, а не как набор команд.

Изучить →
46

WeakMap mental model

В этом уроке «WeakMap mental model» разбирается от проблемы к решению, а не как набор команд.

Изучить →
47

Promise combinators

В этом уроке «Promise combinators» разбирается от проблемы к решению, а не как набор команд.

Изучить →
48

Retry with backoff

В этом уроке «Retry with backoff» разбирается от проблемы к решению, а не как набор команд.

Изучить →
49

Request race conditions

В этом уроке «Request race conditions» разбирается от проблемы к решению, а не как набор команд.

Изучить →
50

History API

В этом уроке «History API» разбирается от проблемы к решению, а не как набор команд.

Изучить →
51

IntersectionObserver

В этом уроке «IntersectionObserver» разбирается от проблемы к решению, а не как набор команд.

Изучить →
52

ResizeObserver

В этом уроке «ResizeObserver» разбирается от проблемы к решению, а не как набор команд.

Изучить →
53

Web Storage limits

В этом уроке «Web Storage limits» разбирается от проблемы к решению, а не как набор команд.

Изучить →
54

XSS deeper

В этом уроке «XSS deeper» разбирается от проблемы к решению, а не как набор команд.

Изучить →
55

CSRF mental model

В этом уроке «CSRF mental model» разбирается от проблемы к решению, а не как набор команд.

Изучить →
56

CSP mental model

В этом уроке «CSP mental model» разбирается от проблемы к решению, а не как набор команд.

Изучить →
57

State management

В этом уроке «State management» разбирается от проблемы к решению, а не как набор команд.

Изучить →
58

Pub/sub

В этом уроке «Pub/sub» разбирается от проблемы к решению, а не как набор команд.

Изучить →
59

Dependency boundaries

В этом уроке «Dependency boundaries» разбирается от проблемы к решению, а не как набор команд.

Изучить →
60

Unit testing pure logic

В этом уроке «Unit testing pure logic» разбирается от проблемы к решению, а не как набор команд.

Изучить →
61

DOM testing mindset

В этом уроке «DOM testing mindset» разбирается от проблемы к решению, а не как набор команд.

Изучить →
62

Vite

В этом уроке «Vite» разбирается от проблемы к решению, а не как набор команд.

Изучить →
63

ESLint

В этом уроке «ESLint» разбирается от проблемы к решению, а не как набор команд.

Изучить →
64

Prettier

В этом уроке «Prettier» разбирается от проблемы к решению, а не как набор команд.

Изучить →
65

Bundle thinking

В этом уроке «Bundle thinking» разбирается от проблемы к решению, а не как набор команд.

Изучить →
66

Lazy import

В этом уроке «Lazy import» разбирается от проблемы к решению, а не как набор команд.

Изучить →
67

Optimistic UI

В этом уроке «Optimistic UI» разбирается от проблемы к решению, а не как набор команд.

Изучить →
68

Pagination and caching

В этом уроке «Pagination and caching» разбирается от проблемы к решению, а не как набор команд.

Изучить →
69

Frontend architecture review

В этом уроке «Frontend architecture review» разбирается от проблемы к решению, а не как набор команд.

Изучить →
70

Профессиональный JavaScript capstone

В этом уроке «Профессиональный JavaScript capstone» разбирается от проблемы к решению, а не как набор команд.

Изучить →