HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 10
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 материаловМатериалы
- Нативный веб-интерфейс: передача интерфейса с матрицей возможностей
Зафиксировать клавиатурные маршруты, деградацию и бюджет ресурсов.
- Контентный сайт на Astro: библиотека «Полка»
Четырнадцать последовательных уроков с полными исходниками каждого этапа.
- Статическая библиотека на Astro
Подготовить закреплённый проект «Полка» с одной статической страницей.
- Astro: Markdown и контракт коллекции
Описать loader и схему данных для пяти учебных материалов.
- Astro: страница статьи из записи коллекции
Сгенерировать самостоятельный маршрут и отобразить тело Markdown.
- Astro: общий layout, хедер и футер
Выделить оболочку страниц, canonical и навигацию.
- Astro: каталог и тематические разделы
Собрать списки из единой выборки опубликованных материалов.
- Astro: пагинация без пропуска материалов
Разбить отсортированный каталог на страницы с обычными ссылками.
- Astro: прежние адреса и карта соответствий
Отделить ID записи от адреса и описать серверную совместимость старых PHP URL.
- Astro: иллюстрации и статические ресурсы
Добавить локальную иллюстрацию с размерами и понятным альтернативным текстом.
- Astro: локальная интерактивность и острова
Встроить независимый custom element без гидратации всей страницы.
- Astro: статический поисковый индекс
Сгенерировать JSON-индекс и вывести результаты безопасными DOM-операциями.
- Astro: порядок уроков и оглавление статьи
Согласовать предыдущий и следующий урок с явной учебной последовательностью.
- Astro: карта сайта и управление индексированием
Сгенерировать sitemap только для публичных маршрутов и отделить локальную среду.
- Astro: черновики и редакционный маршрут
Добавить материал по договорённой схеме без случайного попадания черновиков в выдачу.
- Astro: статический выпуск и передача сборки
Описать переносимый выпуск, контракт старых URL и восстановление без публикации.
- Svelte и SvelteKit: кабинет читателя
14 последовательных уроков: учебный проект «Маршрут», причины решений, проверенные API и честно обозначенные ограничения.
- Кабинет читателя и границы SvelteKit
Задаём модель «Маршрута», дерево проекта и границы серверного и браузерного состояния.
- Состояние и вычисления в Svelte 5
Добавляем локальные закладки, завершение и вычисляемый прогресс через runes.
- SvelteKit: компонент карточки и обратные вызовы
Выносим карточку урока в компонент с типизированными props и callback без скрытого владения прогрессом.
- SvelteKit: маршруты уроков и общая компоновка
Создаём адресный каталог, динамическую страницу урока и layout кабинета.
- SvelteKit: загрузка страницы и серверные данные
Разделяем universal load и server load, сериализацию и публичную проекцию личного состояния.
- SvelteKit: SSR, prerender и личный кабинет
Выбираем режим формирования HTML для публичного каталога и персональных страниц.
- SvelteKit: браузерные эффекты и сохранение предпочтений
Сохраняем компактный вид в localStorage после onMount без обращения к window при SSR.