HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 11
HTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
Темы раздела
Фреймворки и компоненты
React, Vue, Web Components, состояние, навигация, работа с API, SSR, статическая генерация и организация проекта.
88 материаловСтатические сайты и контент
Markdown, шаблоны, темы, оглавления, поиск, пагинация, таблицы, примеры кода, ресурсы и локальная сборка.
49 материаловУстройство браузера и совместимость
HTTP в браузере, CORS, cookies, хранилища, workers, разрешения, прогрессивное улучшение и различия браузеров.
13 материаловЛокализация интерфейса
Переводы, даты, числа, валюты, множественное число, языки справа налево и работа переводчиков
11 материаловWebAssembly
Модули C/C++ и Rust в браузере, обработка файлов и изображений, взаимодействие с JavaScript и измерение вычислений.
11 материаловМатериалы
- SvelteKit: поиск и фильтры в URL
Делаем фильтр каталога воспроизводимым по ссылке и сохраняем нативную GET-форму.
- SvelteKit: серверные действия для закладок
Описываем POST-команду с проверкой сессии, идентификатора и желаемого состояния.
- SvelteKit: проверка формы и восстановление ввода
Добавляем профиль с серверной валидацией, сохранённым вводом и доступной ошибкой поля.
- SvelteKit: улучшение формы через use:enhance
Добавляем ожидание POST и обновление страницы, сохраняя работу формы без JavaScript.
- SvelteKit: сессия и владелец истории читателя
Связываем серверный репозиторий с непрозрачной сессией и проверяем владельца каждого действия.
- SvelteKit: ошибки кабинета и доступный интерфейс
Различаем ожидаемый отказ и сбой сервера, сохраняем семантику кнопок, статусы и фокус.
- SvelteKit: передача проекта «Маршрут»
Собираем конечные исходники, фиксируем ограничения хранения, сессий и будущего выпуска.
- Многоязычный сайт: переводы, URL и SEO
Десять последовательных уроков. Библиотека «Параллель».
- Локализация сайта: язык, локаль и постоянный адрес
Отделить язык текста, регион форматирования и адрес страницы; сохранить старые русские URL.
- Локализация сайта: словарь интерфейса и устойчивые ключи
Перенести подписи в словари и подставлять параметры без сборки HTML из переводов.
- Локализация сайта: множественные формы через Intl.PluralRules
Выбирать целую фразу о количестве уроков по языковой категории.
- Локализация сайта: даты, числа и сортировка по локали
Отделить хранимые данные от представления и явно выбрать часовой пояс.
- Локализация сайта: переводы Markdown и единый ID статьи
Связать переводы одной статьи через реестр, сохранив независимые заголовки и адреса.
- Локализация сайта: переключение языка без потери страницы
Показывать обычные ссылки только на доступные переводы и объяснять отсутствие версии.
- Локализация сайта: Canonical, hreflang и карта языковых версий
Собрать согласованные метаданные из одной карты опубликованных переводов.
- Локализация сайта: изменение оригинала и устаревший перевод
Записать ревизию источника, определить отставшие переводы и передать их редактору.
- Локализация сайта: направление текста и доступный интерфейс
Настроить lang, dir, логические CSS-свойства и смешанные фрагменты текста.
- Выпуск многоязычной библиотеки
Подготовить целостный выпуск с прежними URL, готовыми переводами и явными ограничениями.
- Rust и WebAssembly: вычисления в браузере
Десять последовательных уроков. Анализатор «Мера».
- Задача для WebAssembly и контракт анализатора
Выделить чистое вычисление и определить точный смысл статистики текста.
- Строки, заимствование и владение в Rust
Обработать UTF-8 без копирования каждой строки; различить байты и символы.
- Rust и WebAssembly: Result и ошибки на границе JavaScript
Передавать ошибки входных данных как контролируемый результат, сохраняя контракт.
- Сборка Rust-модуля для браузера
Связать cargo target и wasm-bindgen CLI и описать полный состав браузерного пакета.
- Rust и WebAssembly: асинхронная загрузка и интерфейс анализатора
Загрузить модуль один раз, показать состояние и вывести результат безопасно.