Обсудить проект

Направление · 03

Frontend-разработка

HTML, CSS, JavaScript, TypeScript, React, Next.js, Vue, Tailwind, формы, состояние, тесты и скорость.

18 материалов

HTML

✓HTML: семантическая разметка, которую понимают браузеры, поиск и скринридерыОсновы · Начальный · 10 мин

CSS

✓CSS-раскладка: Flexbox и Grid на реальных блокахПошаговый урок · Начальный · 8 мин · практика 45–90 мин

JavaScript

✓JavaScript в браузере: DOM и событияПошаговый урок · Начальный · 7 мин · практика 45–90 мин ✓Асинхронный JavaScript: промисы, async/await и fetchПошаговый урок · Средний · 7 мин · практика 1,5–3 ч

TypeScript

✓TypeScript с нуля: типы, интерфейсы, дженерикиПошаговый урок · Начальный · 9 мин · практика 45–90 мин

React

✓React: компоненты, JSX и propsПошаговый урок · Начальный · 7 мин · практика 45–90 мин

Хуки React

✓React: состояние и useStateПошаговый урок · Начальный · 7 мин · практика 45–90 мин ✓useEffect: синхронизация с внешним миром и когда он не нуженГлубокий разбор · Средний · 8 мин

Next.js

✓Next.js App Router: страницы, макеты и маршрутыПошаговый урок · Средний · 10 мин · практика 1,5–3 ч ✓Next.js: серверные компоненты, загрузка данных и Server ActionsПошаговый урок · Средний · 10 мин · практика 3–6 ч

Tailwind CSS

✓Tailwind CSS: утилиты, адаптивность и темаПошаговый урок · Начальный · 10 мин · практика 45–90 мин

Формы и валидация

✓Формы и валидация в ReactРуководство · Средний · 8 мин · практика 1–2 ч

Управление состоянием

✓Управление состоянием: локальное, Context, Zustand и серверноеСравнение · Средний · 6 мин

Vue

✓Vue 3 с нуля: компоненты и реактивностьПошаговый урок · Начальный · 6 мин · практика 45–90 мин

Тестирование frontend

✓Тестирование фронтенда: Vitest и Testing LibraryПошаговый урок · Средний · 8 мин · практика 1,5–3 ч

Доступность веба

✓Доступность в коде: семантика, фокус, ARIAРуководство · Средний · 8 мин · практика 1–2 ч

Производительность веба

✓Скорость сайта и Core Web Vitals: что измерять и как ускоритьОсновы · Средний · 5 мин

Архитектура frontend

✓Архитектура фронтенда: структура проекта, слои и границыГлубокий разбор · Продвинутый · 8 мин

Траектории с этим направлением

JavaScript с нуля · 9 шагов →Вёрстка: HTML и CSS · 7 шагов →React · 8 шагов →Next.js · 7 шагов →React Native + Expo · 9 шагов →

← Все направления