JavaScript
Механик страниц
Язык, который оживляет страницы: данные, функции, события, формы, асинхронность и весь стандарт ECMAScript.
- Уровень
- 0 из 100
- Ранг
- Новичок
- Опыт
- 0
- Активные навыки
- 0 из 114
Способности
- Значения и логика0 из 15 навыков
- Функции0 из 5 навыков
- Данные0 из 15 навыков
- Страница0 из 14 навыков
- Асинхронность0 из 10 навыков
- Весь язык0 из 9 навыков
- Изнутри0 из 16 навыков
Стоит на персонажах
Навыки
Старт JavaScript
Закрыта: 5 навыковСцена
- ИскраДобро пожаловать! Тут всё остановилось. Совсем. Ни одна кнопка не нажимается.
- ИскраПервое правило Мастерских: ошибка в консоли — не враг. Она подсказывает. Учимся её читать.
- БагКонсоль? Её закрывают и забывают!
- ИскраИменно поэтому ты до сих пор жив.
- Что такое JavaScriptЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- КонсольЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ПеременныеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Типы данныхЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Чтение ошибокЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Значения и операторы
Закрыта: 5 навыковСцена
- ИскраЗдесь считают. Точнее, должны. Баг подсунул `"2" + 2`, и все весы показывают «22».
- ИскраРазберёмся, как JavaScript сравнивает и превращает значения.
- АрифметикаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- СтрокиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- СравнениеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Логические операторыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Преобразование типовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Условия и циклы
Закрыта: 5 навыковСцена и бой с Багом
- ИскраКонвейер решений. Баг сломал все развилки и запустил один конвейер по кругу. Бесконечно.
- ИскраУсловия и циклы — и чтобы конвейер знал, когда остановиться.
Бой с Багом — финальная работа ветки
- Баг`while (true)` — надёжно!
- ИскраНадёжно зависает. Посчитаем корзину правильно.
- УсловияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Короткие условияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ЦиклыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Управление цикламиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Сумма корзиныЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Функции
Закрыта: 5 навыковСцена
- ИскраСклад инструментов. Каждый инструмент тут копируют руками заново. Сто раз.
- ИскраФункция — это инструмент, который делаешь один раз и используешь сколько угодно.
- ФункцииЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ПараметрыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Стрелочные функцииЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Область видимостиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- КолбэкиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Массивы
Закрыта: 6 навыковСцена
- ИскраСортировочная. Баг вывалил все детали в одну кучу.
- ИскраМассивы: перебрать, отфильтровать, свернуть в один ответ.
- МассивыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- map и filterЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Поиск в массивеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- reduceЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Сортировка и кускиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ДеструктуризацияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Объекты
Закрыта: 5 навыковСцена
- ИскраЧертёжная. У каждого механизма есть свойства и умения, а Баг их перемешал.
- ИскраОбъекты, методы, JSON, классы — описываем вещи целиком.
- ОбъектыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Методы объектаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Перебор объектаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- JSONЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- КлассыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
DOM
Закрыта: 5 навыковСцена
- ЗодчийЭто мои дома, Искра. Аккуратно с ними.
- ИскраБуду аккуратна! DOM — это твои дома, которые я могу менять на ходу.
- ИскраНайти элемент, поменять текст, добавить класс, построить новый.
- Поиск элементовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Содержимое элементовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Классы и атрибутыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Создание элементовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Навигация по DOMЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
События
Закрыта: 6 навыковСцена и бой с Багом
- ЛевКнопки, которые реагируют только на мышь. Для меня их не существует.
- ИскраСобытия — это как механизмы слышат людей. Всех людей.
Бой с Багом — финальная работа ветки
- Баг`onclick` на `div` — и готово!
- ЛевНе готово. На `div` нельзя нажать клавиатурой.
- ИскраКнопка — это `button`. Собираем корзину честно.
- Обработка кликовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Объект событияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- События вводаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- События клавиатурыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ДелегированиеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- КорзинаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Формы
Закрыта: 3 навыкаСцена
- НикаРатуша снова. Формы Зодчий восстановил, а теперь их надо научить отвечать.
- ИскраПроверка полей, отправка, `FormData`. И сообщения, которые помогают, а не ругаются.
Асинхронность
Закрыта: 6 навыковСцена и бой с Багом
- БроПосылки с сервера не доходят! Я жду, жду, а страница пустая!
- ИскраАсинхронность. Мир не ждёт — и мы не ждём, а обещаем.
Бой с Багом — финальная работа ветки
- БагНе будет ответа — покажи пустоту. Никто не заметит!
- ИскраЗаметят. Загрузка, ошибка, пустой список — у каждого состояния свой экран.
- ТаймерыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ПромисыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- async/awaitЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- fetchЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Состояния загрузкиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Каталог с сервераЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Хранение и финал
Закрыта: 5 навыковСцена и бой с Багом
- ИскраМне надо кое-что сказать. Баг… Это я его сделала. Давно. Скрипт без проверок, «просто попробовать». Он вырос.
- НикаПоэтому ты так стараешься, чтобы ученик читал ошибки?
- ИскраДа. Не хочу, чтобы кто-то ещё вырастил такого.
Бой с Багом — финальная работа ветки
- БагМама?! Ты меня бросила!
- ИскраЯ тебя не проверила. Это хуже. Сейчас исправлю.
- ИскраНовичок, собери приложение целиком — с хранением, модулями и отладкой.
- Хранение в браузереЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Даты и форматированиеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- MathЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Модули и отладкаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Приложение целикомЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Синтаксис полностью
Закрыта: 9 навыковСцена
- ИскраЗдесь чертежи всего языка. Баг рвал их по страничке — соберём полный свод
- Примитивы и ссылкиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Правила объявленийЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Все операторыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ЛитералыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Классы целикомЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Итераторы и генераторыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Асинхронный переборЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Модули целикомЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Цикл событийЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Объекты и функции изнутри
Закрыта: 7 навыковСцена
- ИскраПодвал прототипов. Отсюда объекты получают свои умения
- БагПоменяем прототип у всех сразу — весело!
- ПрототипыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Собственные свойстваЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ДескрипторыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ЗаморозкаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Преобразование объектовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Методы функцийЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Глобальные функцииЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Строки полностью
Закрыта: 4 навыкаСцена
- ИскраТипография символов. Эмодзи распадаются на половинки — Баг режет строки посередине
- Символы строкиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Поиск в строкеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Преобразование строкЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ЮникодЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Числа и Math полностью
Закрыта: 5 навыковСцена
- ИскраСчётная палата. 0.1 + 0.2 здесь ссорятся с 0.3
- Границы чиселЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Форматирование чиселЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- BigIntЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- МатематикаЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ТригонометрияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Массивы и итераторы полностью
Закрыта: 4 навыкаСцена
- ИскраСклад без перестановок: здесь массивы меняют, не ломая исходник
- Создание массивовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Поиск в массивеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Преобразования без измененийЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Помощники итераторовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Коллекции
Закрыта: 4 навыкаСцена
- ИскраКартотека: Map и Set. Баг держит всё в обычных объектах, и ключи теряются
Регулярные выражения
Закрыта: 3 навыкаСцена
- ИскраЗал узоров. Регулярка — лупа для текста. Баг делает такие, что их никто не прочтёт
Symbol, Proxy и Reflect
Закрыта: 4 навыкаСцена
- ИскраСекретная комната механизмов. Здесь можно перехватить любое действие с объектом
Ошибки, ресурсы и промисы
Закрыта: 4 навыкаСцена
- ИскраАварийная служба. Баг отключил сигнализацию — ошибки молчат
- ОшибкиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Управление ресурсамиЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Комбинаторы промисовЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- JSON целикомЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Даты полностью
Закрыта: 3 навыкаСцена
- ИскраЧасовая мастерская. Все часы показывают разное время
- БроУ меня часовой пояс другой!
Intl полностью
Закрыта: 4 навыкаСцена
- ИскраБюро переводов: числа, даты и склонения для любого языка
- Числа и склоненияЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Время для людейЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Текст на любом языкеЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- ЛокальЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Бинарные данные и общая память
Закрыта: 5 навыковСцена
- ИскраСамый глубокий подвал — байты. Сюда спускаются немногие
- КременьО, родные места!
- ArrayBufferЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Типизированные массивыЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Методы typed arraysЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- DataViewЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
- Общая памятьЗакрыт: сначала подтвердите навыки, на которых он стоитИзучить
Устаревшее: как читать старый код
Закрыта: 2 навыкаСцена
- ИскраМузей старых механизмов. Не чтобы так писать — чтобы понимать, когда встретишь