4.48
(103 Рейтинг)

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

Список желаний Поделиться
Поделиться курсом
Ссылка на страницу
Поделиться в социальных сетях

О курсе

Данный курс обновлен до версии Next 13.4 и App Router!

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

Для прохождения этого курса вам потребуются лишь базовые знания CSS, HTML и JavaScript. Мы не только подробно рассмотрим Next.js, но и начнем с изучения React с самых основ. В процессе обучения мы разработаем не просто учебный проект, а настоящий сайт, посвященный рейтингам.

Курс включает в себя следующие темы:

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

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

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

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

Чему вы научитесь?

  • Разрабатывать реальные приложения на NextJS и React
  • Работать с React Hooks
  • Понимать работу SSR и создавать SEO-friendly сайтов
  • Верстать макеты на CSS Grid
  • Работать с анимацией и библиотекой Framer
  • Обеспечивать доступности приложения и работать с ARIA атрибутами
  • Подготавливать ваше приложение к production
  • Работать с формами, их отправкой и валидацией
  • Писать на TypeScript
  • Собирать production проект и настраивать eslint, stylelint и отладку

Рейтинги и отзывы студентов

4.5
Всего 103 Рейтингов
5
77 Оценок
4
11 Оценок
3
7 Оценок
2
3 Оценки
1
5 Оценок
PK
5 месяцев тому назад
Не подошёл. Курс намешан из старых видео, и очень старых. Актуальность курса абсолютно устарела! Смотреть такой курс нет смысла.
MO
5 месяцев тому назад
Доступно и понятно !
А
5 месяцев тому назад
Мне очень нравиться подача автора, до прохождения курса мосмотрел много его бесплатный уроков на ютубе, сейчас нахожусь на 50 уроке данного курса и начло это сплошные танци с бубном и скорей всего это не проблема автора или неправильность подачи материала, а проблема авторов NEXT JS которые от версии к верси очень сильно меняют ВСЕ, зависимости, совмместимости, если вы только начинаете изучать JavaScript, TypeScript этот курс будет явно очень сложным для начала работы, но с другой стороны он позволит студенту много времени потратить на разборы что и как налдо поченить чтоб начать работу.
M
6 месяцев тому назад
Начало интересное, автор подошел основательно.
К
6 месяцев тому назад
Отличный курс! Преподаватель очень качественно и подробно дает информацию. Спасибо!
АФ
7 месяцев тому назад
Хороший курс. Но немного путают обновленные лекции App router. Были сложности в настройки API
В
8 месяцев тому назад
курс очень старый, при попытке автором его освежить получилась полная каша
VK
8 месяцев тому назад
Не рекомендую данный курс по Next.js, несмотря на отсутствие аналогов на русском языке на booh. Вот основные причины: 1) Смешение Page и App Router: Курс начался с изучения 'page router' в Next.js, но после обновления фреймворка внедрен 'app router'. Материал курса не был адекватно обновлен, что создает путаницу. Было бы логичнее добавить новый модуль с переписыванием проекта для 'app router'. 2) Технические недочеты: Честно я устал слушать швырканье соплей в ролике, ну это отвратительно... В чем проблема высморкаться перед записью и записать нормально или при монтаже обрезать. Ну вы же профессионал, подходите к записи курса как профи, 3) Отсутствие ясности в подаче: Вопросов к профессионализму Антона нет. Он действительно разбирается в теме. Но частенько может выражаться терминологией которую в будущем не объяснит и в целом приходится идти гуглить что это означает, а этому может увести в дебри и вообще запутать, 4) Монтаж: Если у Антона что-то пошло не по плану, он просто останавливается, делает вид, что ничего не произошло, как будто делает паузу, чтобы обрезать всё на монтаже, но так и не обрезал. И я опять должен слушать его дыхание за кадром и его ожидание, чтобы начать с того место где он сбился, 5) Неструктурированный курс: Есть написанный код, который не был разобран в роликах, я его от куда должен достать? Правильно, с гита. Я пошел, достал эту папку interfaces а оказывается это будет разрабатываться несколько модулей спустя. Опять путаница. В итоге, несмотря на профессионализм Антона, курс страдает от ряда организационных и технических проблем, которые серьезно затрудняют процесс обучения.
M
8 месяцев тому назад
В основном курс хорош, но очень не хватает готового проекта по appRouter. Итог - у меня был выбор, самому изучать или пойти на какой-то курс по NextJS, чтобы сократить время. В итоге я пошёл на этот курс и все равно сам по всюду инфу искал. Кому интересно более подробней о этом курсе можете написать мне в телеграмм - @AlekseyMazurenko
НМ
10 месяцев тому назад
Антон как обычно на высоте, приобрела по своему направлению все его курсы и от его четкого и практически индивидуального подхода получаю от разбора интересного, но не просто материала истинное удовольствие
AV
10 месяцев тому назад
На июнь 2023 года курс устарел. Используется старая верся Next. Практически после каждого урока приходится гуглить, как работать на 13 версии.
АМ
10 месяцев тому назад
Не плохой курс, единственный минус это то что он по версиям не актуален на 2023 год, человеку с поверхностными знаниями тяжело будет разбираться с новой докой и старыми курсами. А так узнал много нового
АГ
11 месяцев тому назад
Обширный и полезный курс! Автору спасибо
ВС
12 месяцев тому назад
Много информации, полезно для общего развития
ДТ
12 месяцев тому назад
Хороший курс. Немного бегло по некоторым темам, но в целом не плохо!
П
12 месяцев тому назад
Тут вы сможете только смотреть как автор пишет код с минимальными объяснениями. Реакт, хукс в название просто для продаж, на деле этому не научат (За это оценка 1 звезда) и + с 65 урока, не работает База данных, которая еще и на русском сайте. Я до этого прошёл тайпскрипт от этого автора, показался адекватным он, поэтому накупил ещё его курсов. Ну что, посмотрим на сколько они оправдают себя ))
ZA
12 месяцев тому назад
Курс понравился в общем. Раскрыто много актуальных тем. К сожалению, в итоговом проекте не реализован функционал полностью (почему-то не раскрыта тема реализации поиска, хотя компонент для него был создан)
ДК
12 месяцев тому назад
Когда покупал, то думал, что курс свежий. Некст 10 версии, когда уже 13 вышел. реакт 17, хотя сейчас 18. тайпскрипт 5 версии, а в курсе 4. Столкнулся с такой проблемой: при настройке своего проекта у меня практически на каждом шагу всё отличается от курса, приходится гуглить и ломать голову. На простейшем уроке с дебагом у меня просто перестал запускаться проект... Сгорел и поставил 1 звезду, пойду лучше посомтрю на ютубе бесплатные курсы! Вроде подача автора понравилась, но курс, как я понимаю 2020 года, обновлялся последний раз в 2021.... Хочется получать свежую информацию, а не устаревшую
В
1 год тому назад
пока отлично
BM
1 год тому назад
"Это не первый курс автора. Как правило, материал подается на уровне, проходить его интересно. Увы, как по мне, это касается только ""свежих"" курсов. Обновление и поддержка ""старых"" курсов, на мой взгляд, носит формальный характер. Как-то так..."

Онлайн курсы в категории Разработка

Популярные


Все курсы в категории Разработка


Хотите получать push-уведомления обо всех важных событиях?

Booh.ru
Logo
Корзина