React + Next.js 14 - с нуля. TypeScript, Hooks, SSR и CSS Grid — курс 1240 руб. от Stepik на «Образовал», обучение 70 часов, Дата проведения 21 Ноября 2024.

все курсы

Программирование

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

70 часов,

начало 21 ноября

Сложность

Начинающий

Тип обучения

Курс

Формат обучения

Записанные лекции

Трудоустройство

Отсутствует

Сертификат

Да

Стоимость курса

1 240 ₽

нет рассрочки

Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.

При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.

Мы детально разберём:

TypeScript
Настройку окружения и сборку проекта
Работу в Figma
React Hooks
Создание компонентов
Контекст
Роутинг NextJS
Вёрстку на CSS grid
Как работает Server Side Rendering (SSR) и статическая генерация страниц
Встроенные компоненты Next.js
Работу с формами через react-hook-form
Анимацию с помощью Framer Motion
Доступность с клавиатуры и работу ScreenReader
Подготовку приложения к production и работу Docker

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

В результате курса вы получите знания и навыки, которые необходимы frontend разработчику на реальных проектах.

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

Что вы получите после обучения

Приобретаемые навыки

Next.js

React.js

TypeScript

Figma

React Hooks

Grid CSS

SSR

Framer

ScreenReader

Docker

VSCode

JSX

React Devtools

HTML+CSS

SVG

useState

useEffect

HOC

CSS

useContext

Вёрстка

useRouter

Regexp

useForm

useRef

Анимация

Обеспечение высокой доступности

Husky

GitHub

Сертификат, ссылками на который можно делиться с другими людьми

Вас будут обучать

Антон Ларичев

курсов

Технический директор и профессиональный разработчик

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Образовательная организация

Stepik

4.6

60 отзывов

Stepik — образовательная платформа и конструктор
онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем
в проведении олимпиад и программ переподготовки.
Наша цель — сделать образование открытым и удобным.

Помогаем учиться, а также создавать свои курсы и обучать

Первые учебные материалы были размещены на платформе в 2013 году. Сегодня среди охваченных курсами тем: программирование, информатика, математика, статистика
и анализ данных, биология и биоинформатика, инженерно-технические и естественные науки. Онлайн-курсы, размещенные на Stepik, неоднократно становились призерами конкурсов онлайн-курсов, а система автоматизированной проверки задач используется в ряде курсов на платформах Coursera и edX. Также Stepik активно развивает направление адаптивного обучения, где каждый сможет изучать материал, подобранный индивидуально под свой уровень знаний.

Stepik является также площадкой для проведения конкурсов и олимпиад — среди мероприятий — отборочный этап Олимпиады НТИ, онлайн-этап акции Тотальный диктант, международная олимпиада по биоинформатике.

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