Часть путешествия по ReactНовыйПутьУчите Next.js
Бесплатный интерактивный курс по Next.js, который ведёт от компонентов React к настоящему приложению: маршрутизация, лейауты, серверные и клиентские компоненты, получение данных и server actions. Подсказки ИИ помогут, когда застряли, а в конце вы получите бесплатный сертификат.
47 уроков41 задачи99 вопросов квиза
- Для начинающих
Помощь ИИ при написании кода
Практические интерактивные уроки
Тесты для проверки знаний
Бесплатный сертификат о прохождении
Программа
Этот раздел входит в путешествие по React. В полной программе ещё больше разделов: кликни по любому превью ниже, чтобы открыть его на странице путешествия.
- Раздел 1Основы42 уроков
Раздел 2
Основы Next.js
Начать разделНачатьПерейдите от компонентов React к реальному приложению: маршрутизация на основе файловой системы, макеты, серверные и клиентские компоненты, получение данных, серверные действия и полноценный проект на Next.js.Почему Next.js
4 уроков39Маршрутизация и ссылки
6 уроков516Макеты и метаданные
6 уроков515Сервер и клиент
6 уроков515Данные на сервере
6 уроков516Server Actions
5 уроков413Клиентская навигация
5 уроков515Проект: Coddy Eats
9 уроков9
Учитесь на практике
Пишите реальный код, работайте с базами данных, создавайте сайты и осваивайте ИИ-промпты. Наши интерактивные уроки охватывают все навыки, необходимые современным разработчикам.
Создайте свою серию
Будьте последовательны и наблюдайте за своим прогрессом! Отслеживайте ежедневную привычку программирования, защищайте свою серию с помощью дней заморозки и получайте награды за каждый день.
12 дней подряд
Возвращайтесь завтра, чтобы сохранить серию!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Всё или ничего
День 5 из 7
Заморозка серии
2 left
Код где угодно
Возьмите свое путешествие по программированию с собой! Без настройки, без загрузок: просто откройте и начните программировать. Доступно на iOS, Android и Web с рейтингом 4.9 звезд.
Вы не одиноки
Соревнуйтесь в глобальных рейтингах, приглашайте друзей, чтобы получать награды, и празднуйте успехи друг друга. Программировать веселее с друзьями!
1
2
3
Зона продвиженияУчитесь как угодно
Читайте, слушайте, проверяйте себя, спрашивайте у ИИ или ищите то, что уже изучили. Каждый урок подстраивается под вас.
Переменная - это именованный контейнер, который хранит значение для последующего использования.
В Python вы создаёте её, написав имя, знак равенства и значение, которое нужно сохранить.
Значение может меняться. Переприсваивание просто направляет имя на новое значение.
Ваш сертификат
Получайте сертификаты за каждый завершенный курс. Добавьте их в свой профиль LinkedIn и резюме, чтобы продемонстрировать работодателям свои навыки программирования.
Сертификат о прохожденииОсновы Python
Добавить в LinkedInПочему стоит учить Next.js на Coddy
- Создавайте Next.js-приложения в браузере. Не нужно ставить Node, create-next-app и ничего настраивать - в каждом уроке настоящая директория app с лейаутом, страницами и компонентами для редактирования.
- App Router таким, каким его используют в продакшене: папки как маршруты, динамические сегменты, вложенные лейауты, серверные и клиентские компоненты, получение данных, состояния загрузки и ошибок, формы с server actions.
- Подсказки ИИ, которые читают ваш реальный код. Если маршрут отдаёт 404 или ломается серверный компонент, вы получите наводку на проблему без готового ответа.
- Бесплатный сертификат по завершении раздела - Next.js остаётся самым востребованным React-фреймворком, и именно его современные frontend-вакансии просят вместе с самим React.
Частые вопросы об изучении Next.js
Что такое Next.js?
Next.js - это React-фреймворк для создания полноценных веб-приложений. React даёт компоненты; Next.js добавляет всё вокруг них: маршрутизацию по файловой системе, вложенные лейауты, серверный рендеринг, получение данных и server actions для форм и мутаций. Его разрабатывает и поддерживает Vercel, и это самый используемый React-фреймворк в продакшене.
Нужно ли знать React перед изучением Next.js?
Да - Next.js построен на React, поэтому компоненты, пропсы и состояние должны быть вам знакомы. Этот раздел - вторая часть курса React: предыдущий раздел основ закрывает именно эту базу, так что можно идти по порядку.
Курс охватывает App Router?
Да - раздел построен вокруг современного App Router: директория app, папки как маршруты, динамические сегменты маршрутов, вложенные лейауты и модель серверных/клиентских компонентов. Это архитектура, которую новые проекты Next.js используют по умолчанию, и именно её ждут в актуальных вакансиях.
Чем отличаются серверные и клиентские компоненты?
Серверные компоненты рендерятся на сервере: они могут напрямую запрашивать данные и отправляют в браузер меньше JavaScript. Клиентские компоненты работают в браузере и отвечают за интерактивность: состояние, события, эффекты. Приложения Next.js сочетают и те и другие, и умение выбрать нужный тип - один из ключевых навыков, который отрабатывает этот раздел.
Можно ли выучить Next.js онлайн бесплатно?
Да. Интерактивный раздел Next.js бесплатный: полные уроки, настоящие задачи по коду с мгновенной проверкой и подсказки ИИ. Всё работает в браузере, поэтому для старта не нужно ставить Node или создавать проект.
Выдаётся ли сертификат после курса Next.js?
Да. Завершив раздел, вы получаете бесплатный сертификат, которым можно поделиться в LinkedIn или добавить в резюме - вместе с полноценным проектом на Next.js, который вы соберёте в финальных главах.
