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

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

Популярные

Популярные темы

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


Беспроцентная рассрочка

Купить от компании

Подарить этот курс

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

Booh.ru
Logo
Корзина