Учебный план
О курсе
Онлайн курс «Next.js для web-разработчика» — это программа профессиональной переподготовки, направленная на освоение фреймворка Next.js для создания современных web-приложений на React с маршрутизацией, серверным рендерингом, статической генерацией, API routes, оптимизацией, работой с данными и подготовкой проекта к публикации.
В рамках курса Вы изучите, как Next.js расширяет возможности React, чем отличается клиентский и серверный рендеринг, как устроены страницы, layouts, маршруты, компоненты, загрузка данных, метаданные, оптимизация изображений и структура приложения.
Курс включает практическую работу с задачами web-разработчика: создание проекта, настройка маршрутов, работа с динамическими страницами, подключение API, создание серверных обработчиков, работа с формами, отображение данных, обработка ошибок и публикация приложения.
Отдельный блок посвящён архитектуре Next.js-приложения. Вы рассмотрите App Router, компоненты, серверные и клиентские части, layouts, nested routes, loading и error states, структуру папок, повторно используемые элементы и организацию кода.
Особое внимание уделяется производительности и SEO. Вы изучите метаданные страниц, базовую оптимизацию изображений, принципы SSR и SSG, загрузку данных, кэширование на базовом уровне, доступность и подготовку приложения к размещению в интернете.
Практический блок программы направлен на создание учебного приложения на Next.js. Вы сможете разработать многостраничный web-проект с маршрутизацией, данными, формами, API routes, SEO-настройками и защитить итоговую работу.
В ходе программы Вы освоите:
• основы Next.js и его роль в современной web-разработке;
• маршрутизацию, страницы, layouts и App Router;
• React-компоненты в Next.js-приложении;
• клиентские и серверные компоненты на базовом уровне;
• загрузку данных, API routes и обработку запросов;
• динамические маршруты и страницы;
• SEO, метаданные и оптимизацию изображений;
• создание и публикацию итогового Next.js-приложения.
Программа подойдёт frontend-разработчикам, React-разработчикам начального уровня, web-разработчикам, верстальщикам с базовым JavaScript, студентам ИТ-направлений и всем, кто хочет освоить Next.js для разработки современных web-приложений.
Цели и задачи курса
Цель программы — сформировать у слушателей практические навыки разработки web-приложений на Next.js и понимание базовых возможностей фреймворка.
В рамках курса Вы освоите:
• структуру через App Router, страницы, layouts, компоненты и маршруты;
• рендеринг через понимание клиентских и серверных компонентов, SSR и SSG;
• данные через API-запросы, серверные обработчики, формы и динамические страницы;
• качество через loading, error states, SEO, метаданные и оптимизацию изображений;
• инструменты через npm, Git, GitHub, DevTools и публикацию приложения;
• проект через создание итогового web-приложения на Next.js.
Программа даст ответы на следующие вопросы:
• Что такое Next.js и чем он отличается от обычного React?
• Как устроена маршрутизация в Next.js?
• Что такое App Router, layout и динамические страницы?
• Как загружать данные и работать с API?
• Чем отличаются серверные и клиентские компоненты?
• Как улучшить SEO и производительность приложения?
• Как создать и опубликовать первый проект на Next.js?
По окончании обучения Вы получите
Диплом о профессиональной переподготовке, подтверждающий освоение программы «Next.js для web-разработчика» и компетенции в области разработки современных web-приложений на React и Next.js.
Учебный план курса
• Введение в Next.js
• Роль Next.js в React-экосистеме
• React и Next.js: основные отличия
• Подготовка окружения
• Создание проекта Next.js
• Структура проекта
• App Router
• Pages и routes
• Layouts
• Nested routes
• Динамические маршруты
• Link и навигация
• Компоненты в Next.js
• Server Components на базовом уровне
• Client Components на базовом уровне
• use client
• Props и композиция компонентов
• Стилизация в Next.js
• CSS-модули
• Загрузка данных
• Fetch в Next.js
• Работа с JSON
• Loading states
• Error states
• Not found page
• Формы в Next.js
• API routes и route handlers
• Обработка запросов
• SSR на базовом уровне
• SSG на базовом уровне
• Кэширование на базовом уровне
• Метаданные страниц
• SEO в Next.js
• Оптимизация изображений
• Работа с переменными окружения
• GitHub и оформление проекта
• Публикация Next.js-приложения
• Итоговый проект: web-приложение на Next.js
• Итоговая аттестация — тестирование и защита проекта
Что нужно для поступления на программу:
Для поступления Вам необходимо прислать скан-копии или фотографии документов об образовании, паспортные данные и удаленно заключить договор. Гражданам Российской Федерации потребуются:
• Паспорт или другой документ, удостоверяющий личность или гражданство;
• Страховой номер индивидуального лицевого счета (СНИЛС);
• Документ об образовании и квалификации (фотография или скан-копия);
• Справка об обучении в организации высшего или среднего профессионального образования, если Вы в настоящее время являетесь студентом (фотография или скан-копия);
• Документ, подтверждающий факт изменения фамилии, имени или отчества (при необходимости) (фотография или скан-копия).
Гражданам иностранных государств и лицам без гражданства следует уточнить список необходимых сведений и документов в отделе организации приема по телефону или через форму заявки на консультацию.
Выгоды и скидки, варианты оплаты, рассрочка платежа:
• Вы сможете вернуть 13% от стоимости обучения в виде социального налогового вычета, обратившись в налоговую службу по месту постоянной регистрации.
• Чтобы запросить документы для получения налогового вычета, необходимо обратиться в методический отдел, написав нам на электронную почту mcnokurs@yandex.ru.
• Проверка документов после подачи в ФНС осуществляется в течение трех месяцев. Если ответ положительный, средства возвращаются.
• Обратите внимание, что декларация и заявление заполняются и подаются слушателем самостоятельно.
• (Нормативное обоснование получения налогового вычета регламентировано статьями 78, 80, 83, 88, 219 Налогового кодекса РФ).
• Беспроцентная рассрочка
• Вы можете получить беспроцентную рассрочку на программы профессиональной переподготовки.
Для получения дополнительной информации о рассрочке на конкретную программу обратитесь к специалисту приемной комиссии
