React + Next.js 13 - с нуля. TypeScript, Hooks, SSR и Grid

🌟 Полный курс по современному Frontend на React и Next.js 13 🚀

Обновлён до Next 13.4 и App Router! ✨

Введение в Next.js и React:

• Next.js - мощный инструмент для создания производительных, SEO-оптимизированных веб-сайтов с помощью Server Side Rendering (SSR) и статической генерации страниц.
• React - самая популярная JavaScript библиотека в мире, которая делает разработку интерактивных пользовательских интерфейсов возможной с легкостью и эффективностью.

Начальный уровень CSS, HTML and JavaScript достаточен:

• Нулевой уровень React - начиная с основ и заканчивая проджектом, реальным сайтом по рейтингам.
• Мы начнём с нуля, но к концу курса вы станете опытным разработчиком frontend.

Основные модули курса:

1. TypeScript - настройка и использование для более мощного и надежного кода.
2. Окружение и сборка проекта - вы узнаете, как настроить и построить ваше приложение с использованием современных инструментов.
3. Работа в Figma - дизайн интерфейсов и передача дизайна разработчикам.
4. React Hooks - кастомы и эффекты, что позволит вам справляться со сложными задачами.
5. Создание компонентов React - от простых до сложных, включая управление состоянием.
6. Контекст React - установка и использование для управления глобальным состоянием в приложении.
7. Роутинг NextJS - эффективное навигация по страницам вашего сайта.
8. Вёрстка на CSS Grid - создание адаптивных и responsive дизайнов.
9. SSR и статическая генерация страниц - понимание и настройка, чтобы ваш сайт был оптимизирован для поисковых систем и скорости загрузки.
10. Встроенные компоненты Next.js - изучение и использование в вашем проекте.
11. Работа с формами через react-hook-form - безопасное и корректное обработка пользовательского ввода.
12. Анимация с помощью Framer Motion - добавление жизни в ваше приложение с интеграцией анимаций.
13. Доступность и работа ScreenReader - создание веб-сайтов, доступных для всех пользователей.
14. Подготовка приложения к production - от тестовой среды до продакшена с использованием Docker.

Практические навыки и знания:

• Каждый модуль содержит теоретическую часть, практические live-code примеры и завершится тестом.
• В процессе изучения вы проведете небольшие упражнения, чтобы укрепить свои знания по кодированию.

Результат:

• Вы получите глубокие знания и навыки, которые будут актуальны для любого frontend разработчика.
• Ваше портфолио возьмёт курс на реальный проджек트 с нуля, который будет влиять на вашу карьеру.

Социальная ответственность:

В рамках данного курса я, Антон Ларичев, сотрудничаю с фондом Движение вверх, поддерживающим детей с инвалидностями. Фонд оказывает помощь детям пройти реабилитацию в специализированных центрах и дает им шанс вернуться к обычному жизни.

Присоединяйтесь к нам, чтобы изучить React и Next.js на практике и сделать мир более доступным!