Фронтенд и веб-платформа — страница 2

HTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.

Темы раздела

Материалы

• Фрагменты текста и подсветка

  Как выбрать фрагмент статьи и подсветить совпадения безопасными DOM-операциями.

• Подсказки при вводе

  Как добавить подсказки названий, задержку ввода и клавиатурное управление без устаревших ответов.

• Производительность браузерного поиска

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

• Как измерить качество поиска

  Как сравнивать поисковые реализации по контрольным запросам и первым подходящим результатам.

• Обновление поискового индекса

  Как согласовать обновление документов, версию индекса и кеширование без потери старых URL.

• Когда поиску нужен сервер

  Как выбрать между браузерным индексом и отдельным поисковым сервисом по объёму, задержкам и сопровождению.

• JavaScript в браузере: первая программа

  Подключение JavaScript к HTML, порядок выполнения и наблюдение результата в консоли.

• Значения и типы JavaScript

  Строки, числа, логические значения и явные преобразования на данных учебного курса.

• Переменные и область видимости

  Выбор const и let, область блока и отделение исходных данных от состояния интерфейса.

• Условия и отбор карточки

  Сравнения, логические операторы и явное условие отбора по теме курса.

• Циклы и обход учебных данных

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

• Функции: параметры и возвращаемый результат

  Выделение операции форматирования курса и разделение вычисления с выводом.

• Массивы: порядок, изменение и копирование

  Индексы, добавление элементов и различие ссылки на массив с его копией.

• Объекты и модель учебного курса

  Объединение связанных полей, стабильный идентификатор и единый массив карточек.

• filter, map и reduce: обработка каталога

  Отбор, преобразование, суммирование и числовая сортировка без изменения исходных данных.

• Деструктуризация и значения по умолчанию

  Извлечение полей объекта, параметры выбора и поверхностная копия через spread.

• Ошибки и проверка данных каталога

  Исключения, граница try/catch и проверка обязательных полей до обработки.

• DOM: поиск элементов страницы

  Связь HTML и объектов браузера, querySelector и проверка обязательных узлов.

• Создание карточек через DOM

  createElement, textContent и повторная отрисовка без накопления дубликатов.

• События и изменение состояния каталога

  Регистрация обработчика change и связь пользовательского действия с отбором карточек.

• Форма и FormData: применение параметров

  Сбор параметров именованных полей, событие submit и явное преобразование числового ввода.

• ES-модули без сборщика

  Разделение данных, модели, представления и запуска через import и export в браузере.

• Promise и результат отложенной операции

  Состояния Promise, цепочка преобразований, передача результата и обработка ошибок на данных учебного каталога.

• Загрузка JSON через fetch

  Загрузка данных каталога по HTTP, проверка статуса ответа, разбор JSON и проверка структуры полученных записей.