Поздравляем! Вы на пороге входа в быстро развивающийся мир NextJS, созданного для предоставления разработчикам инструментов для создания высокопроизводительных веб-приложений с богатым функционалом, выделяющихся в современном цифровом ландшафте.
NextJS - это ключ к разблокировке полного потенциала серверно-рендерингованных приложений React, объединяя лучшие практики веб-разработки в мощный и удобный для разработчика фреймворк. Этот всесторонний курс углубляет вас в продвинутые возможности NextJS, которые могут выделить вас на фоне, оснащая вас инструментами для решения реальных проектов с уверенностью. Исследуя тонкости аутентификации с использованием библиотеки Next-Auth, инновационный подход к мутациям данных с использованием серверных действий и основные концепции серверных и клиентских компонентов, вы будете на пути к освоению современной веб-разработки.
С тем, что индустрия технологий ищет квалифицированных специалистов, освоение Next ставит вас на передовой позиции в сфере возможностей, с набором навыков, которые находятся в высоком спросе. Будь то новая карьера в качестве программиста или улучшение ваших текущих проектов, сейчас - отличное время для погружения в Next.
Что вы достигнете?
Через обширную коллекцию видеолекций, дополненных подробными диаграммами и примерами из реальной жизни, этот курс гарантирует полное понимание возможностей Next, даже если у вас нет предварительных знаний о фреймворке. Я создал обучающий опыт, который является одновременно строгим и мотивирующим, с нарастающими слоями знаний и достаточным количеством диалога для контекстуализации каждой особенности Next.
Я с гордостью предлагаю самый подробный путь через Next, доступный в Интернете. В этом приключении, наполненном ресурсами, ни один камень не останется перевернутым.
Внедрение потоков аутентификации пользователя с использованием next-auth для безопасного и масштабируемого управления пользователями.
Эффективная структуризация серверных действий для обработки мутаций данных.
Разбор теории серверных и клиентских компонентов, и умение использовать каждый из них для достижения максимальной эффективности.
Овладение техниками валидации данных для обеспечения надежности и целостности пользовательского ввода.
Навигация по сложным системам кеширования Next для достижения максимальной производительности контента.
Определение критических различий между средой разработки и производства и подготовка ваших приложений к успешному развертыванию.
Настройка серверного рендеринга (SSR) и генерации статического сайта (SSG) в соответствии с потребностями вашего приложения.
Использование приращиваемой статической регенерации (ISR) для достижения лучших результатов SSR и SSG.
Обогащение пользовательских интерфейсов с поддержкой TailwindCSS для стилизации компонентов.
Оптимизация изображений на лету с использованием компонента изображения Next для повышения производительности и опыта пользователя.
Развертывание ваших приложений Next с помощью Vercel и других хостинг-платформ легко и удобно.
Использование TypeScript с Next для создания надежных и безопасных типов приложений.
С каждой новой темой вы будете приобретать знания, мастерство и уверенность в том, чтобы применять то, что вы узнали, на практике.
Воспользуйтесь возможностью определить будущее веб-разработки с вашими недавно приобретенными навыками в NextJS. Присоединяйтесь к рядам разработчиков, которые не только следят за лучшими практиками, но и вносят свой вклад в них. Зарегистрируйтесь сейчас и преобразуйте свое понимание и выполнение современной веб-разработки с Next.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Options for Calling Server Actions from Client Components
Урок 36.
00:05:00
Calling a Server Action from a Client Component
Урок 37.
00:03:28
Deleting a Record with a Server Action
Урок 38.
00:07:11
Understanding the UseFormState Hook
Урок 39.
00:06:55
UseForm State in Action
Урок 40.
00:03:36
Adding the Form Validation
Урок 41.
00:09:49
Gotchas Around Error Handling in Nextjs
Урок 42.
00:02:17
Super Unexpected Behavior
Урок 43.
00:04:03
The Full Route Cache System
Урок 44.
00:05:11
What Makes a Static or Dynamic Route in Next.js
Урок 45.
00:05:19
When to Use Each Cache Control
Урок 46.
00:04:07
Help, My Page is Showing Old Data!
Урок 47.
00:02:38
Enabling Caching with GenerateStaticParams
Урок 48.
00:06:19
Caching Dynamic Routes
Урок 49.
00:03:36
Project Overview
Урок 50.
00:02:51
Critical Libraries in Our Project
Урок 51.
00:06:59
NextUI Installation and Setup
Урок 52.
00:04:51
Database Setup
Урок 53.
00:05:49
OAuth Setup
Урок 54.
00:08:18
Next-Auth Setup
Урок 55.
00:08:14
The Theory Behind OAuth
Урок 56.
00:03:05
Wrapping Auth in Server Actions
Урок 57.
00:12:11
Sign In, Sign out, and Checking Auth Status
Урок 58.
00:06:53
Upfront Design Process
Урок 59.
00:03:50
Why Path Helpers?
Урок 60.
00:03:35
Path Helper Implementation
Урок 61.
00:03:23
Creating the Routing Structure
Урок 62.
00:06:03
Stubbing Out Server Actions
Урок 63.
00:07:18
Planning Revalidating Strategies
Урок 64.
00:08:14
Building the Header
Урок 65.
00:05:04
Displaying the Sign In and Sign Out Buttons
Урок 66.
00:05:54
Enabling Sign Out
Урок 67.
00:06:16
More Caching Issues
Урок 68.
00:08:53
Static Caching While Using Auth
Урок 69.
00:05:15
Creating Topics
Урок 70.
00:05:08
Creating a Popover Form
Урок 71.
00:02:59
Receiving Form Data
Урок 72.
00:09:08
Adding Form Validation with Zod
Урок 73.
00:02:41
Reminder on the UseFormState Hook
Урок 74.
00:05:16
Fixing UseFormState Type Errors
Урок 75.
00:04:56
Here's Our FormState Type
Урок 76.
00:02:45
Displaying Validation Errors
Урок 77.
00:06:06
Handling General Form Errors
Урок 78.
00:09:14
Handling Database Errors in Forms
Урок 79.
00:07:06
Showing Loading Spinners with UseFormStatus
Урок 80.
00:06:31
Fetching and Listing Content from Prisma
Урок 81.
00:03:04
Scaffolding the Topic Show Page
Урок 82.
00:06:09
Displaying a Creation Form
Урок 83.
00:09:19
Applying Validation to Post Creation
Урок 84.
00:02:48
Checking Authentication Status
Урок 85.
00:09:23
Passing Additional Args to a Server Action
Урок 86.
00:04:59
Creating the Record
Урок 87.
00:04:16
Merging a Few Files
Урок 88.
00:10:57
Considerations Around Where to Fetch Data
Урок 89.
00:11:39
Data Fetching in Child Components
Урок 90.
00:04:27
Recommended Data Fetching
Урок 91.
00:08:39
Define in Parent, Fetch in Child
Урок 92.
00:03:56
Alternative Type Names and Query Definitions
Урок 93.
00:04:53
Don't Go Crazy With Reuse
Урок 94.
00:01:13
Comment Creation
Урок 95.
00:04:51
Recursively Rendering Components
Урок 96.
00:09:43
Fetching the Big List
Урок 97.
00:02:12
Multiple Repeated DB Queries
Урок 98.
00:04:52
Introducing Duplicate Queries
Урок 99.
00:04:11
Request Memoization
Урок 100.
00:02:26
Deduplicating Requests with Cache
Урок 101.
00:04:23
Adding in Component Streaming
Урок 102.
00:03:20
Streaming with Suspense
Урок 103.
00:03:45
Adding a Loading Skeleton
Урок 104.
00:04:28
Top Posts on the HomePage
Урок 105.
00:01:52
Back to the Search Input
Урок 106.
00:06:22
Notes on QueryStrings in Next
Урок 107.
00:02:19
Accessing the Query String
Урок 108.
00:03:27
Redirecting From a Server Action
Урок 109.
00:02:35
Receiving the Query String in a Server Component
Урок 110.
00:04:41
Running the Search
Урок 111.
00:02:52
The De-Opt to Client Side Rendering Warning
Урок 112.
00:02:41
Wrap Up!
Урок 113.
00:07:57
Let's Build an App!
Урок 114.
00:05:50
Critical Questions
Урок 115.
00:08:52
A Few More Critical Questions
Урок 116.
00:01:59
Node Setup
Урок 117.
00:02:39
Creating a React Project
Урок 118.
00:05:51
What is Create React App
Урок 119.
00:06:42
Showing Basic Content
Урок 120.
00:05:49
What is JSX?
Урок 121.
00:04:30
Printing JavaScript Variables in JSX
Урок 122.
00:01:52
Shorthand JSX Expressions
Урок 123.
00:01:59
Typical Component Layouts
Урок 124.
00:07:37
Customizing Elements with Props
Урок 125.
00:05:08
Converting HTML to JSX
Урок 126.
00:06:14
Applying Styling in JSX
Урок 127.
00:04:27
Extracting Components
Урок 128.
00:16:07
Module Systems Overview
Урок 129.
00:05:38
Project Overview
Урок 130.
00:05:01
Creating Core Components
Урок 131.
00:04:52
Introducing the Props Systems
Урок 132.
00:06:07
Picturing the Movement of Data
Урок 133.
00:03:05
Adding Props
Урок 134.
00:04:58
Using Argument Destructuring
Урок 135.
00:02:38
React Developer Tools
Урок 136.
00:04:44
Most Common Props Mistake
Урок 137.
00:08:10
Including Images
Урок 138.
00:06:40
Handling Image Accessibility
Урок 139.
00:06:11
Review on How CSS Works
Урок 140.
00:05:58
Adding CSS Libraries with NPM
Урок 141.
00:09:39
A Big Pile of HTML!
Урок 142.
00:05:46
Last Bit of Styling
Урок 143.
00:06:20
TypeScript Overview
Урок 144.
00:08:00
Environment Setup
Урок 145.
00:04:44
A First App
Урок 146.
00:05:04
Executing TypeScript Code
Урок 147.
00:03:36
One Quick Change
Урок 148.
00:07:23
Catching Errors with TypeScript
Урок 149.
00:05:16
Catching More Errors!
Урок 150.
00:05:13
Types
Урок 151.
00:05:54
More on Types
Урок 152.
00:04:50
Examples of Types
Урок 153.
00:00:50
Where Do We Use Types
Урок 154.
00:02:04
Type Annotations and Inference
Урок 155.
00:04:54
Annotations with Variables
Урок 156.
00:06:54
Object Literal Annotations
Урок 157.
00:05:57
Annotations Around Functions
Урок 158.
00:03:52
Understanding Inference
Урок 159.
00:07:48
The "Any" Type
Урок 160.
00:01:50
Fixing the "Any" Type
Урок 161.
00:03:06
Delayed Initialization
Урок 162.
00:04:38
When Inference Doesn't Work
Урок 163.
00:04:57
More on Annotations Around Functions
Урок 164.
00:06:09
Inference Around Functions
Урок 165.
00:01:43
Annotations for Anonymous Functions
Урок 166.
00:02:50
Void and Never
Урок 167.
00:03:36
Destructuring with Annotations
Урок 168.
00:07:06
Annotations Around Objects
Урок 169.
00:05:06
Arrays in TypeScript
Урок 170.
00:04:31
Why Typed Arrays?
Урок 171.
00:02:58
Multiple Types in Arrays
Урок 172.
00:00:55
When to Use Typed Arrays
Урок 173.
00:04:06
Tuples in TypeScript
Урок 174.
00:05:29
Tuples in Action
Урок 175.
00:03:21
Why Tuples?
Урок 176.
00:01:27
Interfaces
Урок 177.
00:04:43
Long Type Annotations
Урок 178.
00:04:37
Fixing Annotations with Interfaces
Урок 179.
00:03:32
Syntax Around Interfaces
Урок 180.
00:04:47
Functions in Interfaces
Урок 181.
00:04:16
Code Reuse with Interfaces
Урок 182.
00:03:13
General Plan with Interfaces
Авторы - Stephen Grider, udemy
Stephen Grider
Стивен Грайдер (Stephen Grider) создавал сложные интерфейсы Javascript для ведущих корпораций в районе залива Сан-Франциско. Обладая врожденной способностью упрощать сложные темы, Стивен в течение многих лет наставлял инженеров, начинающих свою карьеру в разработке программного обеспечения, и теперь расширил этот опыт на Udemy, создав курс React с самым высоким рейтингом. Он преподает на Udemy, чтобы поделиться полученными знаниями с другими инже
+131
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Большое спасибо администрации, что разместили данный курс!
rakeshsuvidya
update this course
mobygeek
please update the course
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Next40. Master Next.js 14 in 40 days of epic projects
Станьте настоящим профессионалом Next.js лучшим способом - создавая множество удивительных приложений, начиная от панелей управления администратора, личных веб-сайтов, полноценных приложений и многого другого.
Next.js - мощный фреймворк для создания полноценных React-приложений. Он упрощает создание быстрых, оптимизированных для поисковых систем веб-сайтов и веб-приложений.Новый маршрутизатор приложения, построенный на основе React серверных компонентов и механизма suspense, представленного в Next.js 13 и полностью стабилизированного в Next.js 14, упрощает создание полноценных React-приложений.Я научу вас всему, что вам нужно знать, чтобы начать работа
Для разработчиков, которые хотят выделиться и стать незаменимыми. Станьте топовым разработчиком Next.js 15 всего за один курс. Уйдите от поверхностного контента и погрузитесь в самые актуальные технологии 2025 года. Вступите в новую эру React. Вот малоизвестный факт. 17% из топ-1 миллиона веб-сайтов используют Next.js. И использование Next 15 среди этих топ-1 миллиона увеличивается вдвое каждый месяц.
Четко. Кратко. Комплексно. Устали смотреть бессвязные учебники или иметь дело с бессмысленными и запутанными инструкторами? Этот курс для вас! Он идеально структурирован в виде серии небольших видеоуроков, легких для понимания, которые охватывают как теорию, так и практику.
Next.js 14: Эффективное портфолио с адаптивным дизайном (2024)
The Ultimate Nextjs 14 Portfolio Website Responsive (2024)
Этот курс научит вас создавать привлекательные онлайн-приложения с использованием Next.js 14, React.js, Tailwind CSS, Nodemailer и различных утилит. Я проведу вас шаг за шагом от начала до конца процесса развертывания.Вы сможете развернуть веб-сайт на сервере Vercel и опубликовать исходный код на GitHub до конца этого курса.Мы также узнаем, как отправлять детали портфолио на новую страницу, используя динамический маршрут Next.js 14 (страница для