HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 12
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 материаловМатериалы
- Числовые массивы и стоимость передачи данных
Построить гистограмму длин строк с понятной границей копирования.
- Web Worker и актуальный результат вычисления
Перенести вычисление в отдельный поток, сопоставляя сообщения с запросами.
- Запасная реализация с тем же контрактом
Сохранить результат при недоступности Wasm и явно показать выбранный движок.
- Как сравнивать JavaScript и WebAssembly
Описать измерение всей операции, отделив прогрев, загрузку и передачу данных.
- Передача Wasm-модуля в веб-проект
Подготовить состав артефакта, ограничения входа и договор совместимости без публикации.
- Angular 22: кабинет заявок «Диспетчер»
16 последовательных уроков общего проекта с самостоятельным конечным архивом и честным статусом исполнения.
- Компонент Angular и модель заявки
Показать исходные заявки в standalone-компоненте
- Signals и изменение локального состояния
Менять статус через новый массив в signal
- Computed и отбор заявок
Получать отфильтрованный список и счётчик без копий
- Входные данные компонента строки
Передавать Ticket в дочернюю строку по input
- DI и общая учебная сессия
Получать один Session через inject и provider
- Router и адрес отдельной заявки
Разделить список и карточку маршрутом /tickets/:id
- Ленивые страницы и границы загрузки
Получать классы страниц через loadComponent
- Reactive forms и независимый черновик
Редактировать title и status в типизированной FormGroup
- Проверка формы и понятные сообщения
Объяснять required и длину рядом с полем
- HttpClient и локальный fixture API
Читать заявки через один HTTP-контракт без сервера
- RxJS и актуальность ответа списка
Связывать результат только с текущим фильтром
- Фильтры списка в URL
Восстанавливать q и status по query-параметрам
- Состояния страницы и доступные ошибки
Различать loading, empty, error и ready без потери смысла
- PATCH и конфликт версии редактора
Сохранять после подтверждения и оставлять черновик при 409
- Учебная роль и границы авторизации UI
Разделять удобство интерфейса и серверное разрешение
- Передача Angular-кабинета и подключение Nest
Передать одну конечную версию с воспроизводимым договором
- Ajax-загрузка файлов с индикатором
Пример реализации асинхронной загрузки файлов на сервер с отслеживанием состояния и обработкой ошибок на jQuery и C#
- Cookies файлы
Описание способов чтения, записи и удаления cookie-файлов с помощью JavaScript