HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 7
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 материаловМатериалы
- React и исходный проект
Vite-проект с createRoot, StrictMode и отдельным App
- JSX и данные карточки
Первая учебная карточка использует выражения и безопасный текст
- Компоненты и общие стили
Navbar и Home разделены; общий CSS и системная типографика
- События и состояние
Кнопки меняют фильтр темы через useState
- Списки и React DevTools
Три карточки с устойчивыми key; исследование дерева компонентов
- Props и повторное использование
LessonList получает title и notes; две независимые подборки
- Обратные вызовы между компонентами
Кнопка скрывает карточку из локальной подборки через callback владельца состояния
- Эффекты и зависимости
Заголовок документа синхронизируется с темой, cleanup восстанавливает прежний
- Локальный API и первая загрузка
Собственный Node fixture отдаёт те же карточки; Home читает API
- Загрузка, пустой список и ошибки
Экран различает loading/success/empty/error, явный повтор чтения
- Собственный хук и отмена запросов
useResource выносит чтение; cleanup+AbortController+URL маркируют актуальность
- Маршруты и ссылки приложения
BrowserRouter/Routes/Route/Link отделяют каталог и новый материал
- Параметр адреса и подробная карточка
notes/:noteId читает одну карточку тем же hook
- Управляемая форма и submit
Поле title/body/topic/minutes и нормализованный снимок без POST
- Создание записи и переход
POST проверяет статус/тело; useNavigate после подтверждённого 201
- Удаление, отсутствующая запись и границы SPA
DELETE подтверждается 204; wildcard экран и HTTP404 различаются
- Современный JavaScript: каталог в браузере
40 уроков JavaScript: каталог, URL, запросы, формы, данные, компоненты, наблюдатели и Web Worker.
- Современные HTML и CSS: от документа к каталогу
32 урока HTML/CSS: семантика, формы, каскад, Grid, адаптация, слои, subgrid, размеры, dialog и popover.
- TypeScript: типы учебного каталога
24 урока проводят от модели каталога и обобщённых функций к асинхронным операциям, DOM, формам, ответам API и постепенной миграции JavaScript.
- Next.js: диспетчерская «Смена»
20 уроков App Router: маршруты, серверные компоненты, PostgreSQL, вход, полномочия, формы, действия и таблица заявок.
- Первый проект Next.js и путь запроса
Разделить страницу, корневую компоновку и среду выполнения приложения.
- Вложенные маршруты и параметры заявки
Построить список, карточку и пути с произвольным числом сегментов.
- Компоновки, шаблоны и группы маршрутов
Сохранить общую рабочую оболочку без изменения публичных адресов.
- Метаданные страницы и учебное изображение
Связать заголовок вкладки с содержимым и задать размеры иллюстрации.