Главная страницаКатегория vueNuxt 3 - Полное руководство для разработчиков

Nuxt 3 - Полное руководство для разработчиков

Name: Nuxt 3 - Полное руководство для разработчиков
Price: 12.5 USD
Rating: 4.3 (33 reviews)

The Nuxt 3 Bootcamp The Complete Developer Guide

udemy

★4.3 (всего оценок - 33)

Продолжительность

16 ч 52 мин

Категория

Vue

Количество уроков

155 Видео

Дата добавления

29 мая 2022 г., 23:40

Язык

Английский

Дата выхода

21 апр. 2022 г., 03:00

Дата обновления

29 апр. 2026 г., 15:04

Курс «Nuxt 3 - Полное руководство для разработчиков» — это практичный и углублённый путь к экспертному уровню владения современным фреймворком Nuxt 3. Шесть последовательных проектов помогут вам освоить архитектуру, рендеринг, работу с данными, экосистему модулей и интеграции с реальными сервисами.

Что вы изучите в процессе обучения

Материал курса структурирован так, чтобы вы шаг за шагом переходили от базовых концепций к профессиональным инструментам Nuxt 3.

Основы Nuxt 3 и принципы рендеринга

Вы начнёте с понимания того, что такое Nuxt, какие задачи он решает и чем отличается от классических SPA. Также разберёте различия между клиентским и универсальным рендерингом.

Обновление знаний по Vue 3 и первое приложение

Создадите приложение на Composition API, освоите особенности TypeScript в Nuxt и узнаете, как фреймворк автоматически обрабатывает и регистрирует компоненты.

Маршрутизация и структура проекта

Во втором проекте вы:

освоите файловую маршрутизацию Nuxt;
поработаете с макетами (layouts);
научитесь управлять метаданными страницы;
поймёте, как организовать архитектуру приложения.

Глобальное управление состоянием

Научитесь использовать composables для создания гибкого и масштабируемого управления состоянием без сторонних хранилищ.

Работа с данными и запросами

Углубитесь в возможности useFetch и useAsyncData, научитесь грамотно выстраивать работу с API и оптимизировать загрузку данных.

Создание собственного API внутри Nuxt

Поймёте, как Nuxt позволяет разворачивать полноценный REST API прямо в проекте, и как безопасно использовать его на клиенте.

Интеграция с Supabase

В финальном проекте вы:

подключите Supabase;
реализуете аутентификацию пользователей;
настроите работу с SQL-базой данных;
объедините всё, что изучили ранее, в полноценное приложение.

Кому подойдёт этот курс

Курс создан для разработчиков, которые хотят:

перейти с Vue на Nuxt для создания масштабируемых приложений;
понять современные подходы к рендерингу и оптимизации;
прокачать навыки в TypeScript, REST API и архитектуре;
получить опыт разработки реальных проектов.

Почему этот курс выделяется

шесть последовательных реальных проектов;
покрытие всех ключевых возможностей Nuxt 3;
практический фокус без «воды»;
упор на современные инструменты и технологии.

Итог

По завершении курса вы сможете создавать производительные, масштабируемые и современные приложения на Nuxt 3 — от архитектуры до интеграций с внешними сервисами.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:24
What We Will Be Building
Урок 2. 00:02:16
Your Two Options
Урок 3. 00:04:07
Creating a Nuxt App
Урок 4. 00:04:42
Adding Tailwind CSS
Урок 5. 00:03:55
Building the NavBar
Урок 6. 00:06:49
Building the Home Hero
Урок 7. 00:04:36
Building the Search Bar
Урок 8. 00:10:29
Building the Side Bar
Урок 9. 00:04:59
Building the Car Card
Урок 10. 00:11:58
Building the Car Details Page
Урок 11. 00:07:00
Intro to File Based Routing
Урок 12. 00:07:01
Auto Importing Components
Урок 13. 00:07:16
Dynamic and Optional Paths
Урок 14. 00:03:17
Filling the Page With Components
Урок 15. 00:05:45
Unique Dynamic Paths
Урок 16. 00:02:17
The NuxtLink Component
Урок 17. 00:05:16
Adding Programmatic Navigation
Урок 18. 00:05:25
Implementing Nested Pages
Урок 19. 00:07:13
Change Titles With useHead
Урок 20. 00:06:17
Defining a Default Layout
Урок 21. 00:05:22
Defining a Custom Layout
Урок 22. 00:02:44
Storing Common Functionality in Composables
Урок 23. 00:05:34
Adding a Page Not Found Page
Урок 24. 00:01:52
The useError Composable
Урок 25. 00:05:56
Dynamically Rendering the Car Cards
Урок 26. 00:06:51
Dynamically Rendering the Car Details Page
Урок 27. 00:03:48
Throwing a Custom Server Error
Урок 28. 00:12:00
How Nuxt Renders Content
Урок 29. 00:07:06
Updating the Location
Урок 30. 00:03:12
Throwing a Client Side Error
Урок 31. 00:05:53
NuxtErrorBoundary to Handle Client Side Errors
Урок 32. 00:04:50
Optimizing Images with NuxtImg
Урок 33. 00:06:24
The useState Composable
Урок 34. 00:10:14
Adding the Vueuse Module
Урок 35. 00:04:09
Forcing Client Side Rendering
Урок 36. 00:09:31
Adding the Car Make Filter
Урок 37. 00:16:11
Adding the Car Price Filter
Урок 38. 00:03:32
Our New Feature
Урок 39. 00:47:09
[OPTIONAL] - Assembling the Pages
Урок 40. 00:02:49
Creating a Supabase Account
Урок 41. 00:04:00
Connecting Supabase to Our Nuxt App
Урок 42. 00:04:22
Enabling Google Authentication
Урок 43. 00:08:10
Implementing Google OAuth
Урок 44. 00:03:27
Conditionally Rendering UI Based on Auth Status
Урок 45. 00:06:20
Implementing the Logout Functionality
Урок 46. 00:08:23
Protecting Routes With Inline Route Middleware
Урок 47. 00:02:47
Named Middleware For DRY Code
Урок 48. 00:03:17
Global Middleware for DRYER Code
Урок 49. 00:01:46
Intro to Server Endpoints
Урок 50. 00:03:12
Creating a Server Endpoint
Урок 51. 00:04:00
Extracting the Path Parameters
Урок 52. 00:04:03
Extracting the Query Parameters
Урок 53. 00:09:22
Fetching the Data From the Client
Урок 54. 00:03:12
A Hacky Way of Refetching Data
Урок 55. 00:02:00
Adding a Not Found Message for Better UI
Урок 56. 00:07:18
Adding the Fetch Car Endpoint
Урок 57. 00:03:47
Another Fetch Composable
Урок 58. 00:01:46
Fixing an Issue With Error Handling
Урок 59. 00:06:00
A Small SQL Crash Course
Урок 60. 00:05:07
Installing an ORM
Урок 61. 00:08:29
Programmatically Creating Our Tables
Урок 62. 00:22:03
A Perfect Endpoint
Урок 63. 00:03:12
HTTP Verbs
Урок 64. 00:05:13
Fetching Data From the Database
Урок 65. 00:02:49
Deleting Data From the Database
Урок 66. 00:11:36
Adding the Other Two Endpoints
Урок 67. 00:08:11
Complex Filters
Урок 68. 00:01:27
Our Last Endpoint
Урок 69. 00:15:52
Making a POST Request From the Client
Урок 70. 00:01:27
Making a GET Request From the Client
Урок 71. 00:08:21
Making a DELETE Request From the Client
Урок 72. 00:04:39
Fixing the GET Endpoints
Урок 73. 00:09:16
A POST Message Endpoint
Урок 74. 00:03:08
A GET Message Endpoint
Урок 75. 00:08:36
Storing Images in a Bucket
Урок 76. 00:05:39
Retrieving the Image URL
Урок 77. 00:02:04
Please Watch This
Урок 78. 00:04:32
Introduction to Nuxt and it's Benefits
Урок 79. 00:04:35
Client-Side vs Server-Side vs Universal Rendering
Урок 80. 00:04:31
Pros and Cons of Client-Side and Universal Rendering
Урок 81. 00:03:08
Course Prerequisite
Урок 82. 00:02:53
App Overview
Урок 83. 00:03:17
Creating a Nuxt App
Урок 84. 00:04:36
Exploring the Boilerplate
Урок 85. 00:04:49
Building the Boilerplate HTML
Урок 86. 00:09:18
Styling Our App
Урок 87. 00:07:47
Managing State
Урок 88. 00:13:02
A Little Bit of TypeScript
Урок 89. 00:02:50
Updating Our State After a Click Event
Урок 90. 00:07:53
Adding the Names Array
Урок 91. 00:06:21
Computing Names Based on Options
Урок 92. 00:06:14
Creating the Name Cards
Урок 93. 00:10:04
Working with Components
Урок 94. 00:10:13
Passing Props to the Components
Урок 95. 00:07:34
Computing the Class Names
Урок 96. 00:06:15
Dealing with Nested Components
Урок 97. 00:06:18
Emitting Events to the Parent Component
Урок 98. 00:04:43
App Overview
Урок 99. 00:06:52
Adding Bootstrap Globally
Урок 100. 00:06:37
Creating the Landing Page
Урок 101. 00:06:15
Adding Pages into Our App
Урок 102. 00:09:27
Building the Restaurant Page
Урок 103. 00:11:00
Adding the Restaurant Page Logic
Урок 104. 00:07:23
Dynamic and Nest Routes
Урок 105. 00:08:56
Extracting Path Parameters
Урок 106. 00:02:20
Catching the Not Found Error
Урок 107. 00:03:41
Defining the Default Layout
Урок 108. 00:08:30
Creating a Custom Page Layout
Урок 109. 00:10:32
Injecting Custom Elements to Layout Page
Урок 110. 00:06:43
Option 1: Using Components
Урок 111. 00:03:24
Option 2: Using Composables
Урок 112. 00:02:25
App Overview
Урок 113. 00:06:54
Approaches to State Management
Урок 114. 00:06:09
Creating Our First Composable
Урок 115. 00:06:40
Using the Compasable State
Урок 116. 00:03:17
Mutating Our Global State
Урок 117. 00:04:37
App Overview
Урок 118. 00:08:11
Integrating Tailwind
Урок 119. 00:11:20
Writing the HTML Structure
Урок 120. 00:04:07
The Basics of HTTP Requests
Урок 121. 00:08:45
The useFetch Composable
Урок 122. 00:05:45
Refetching Data with useFetch
Урок 123. 00:08:10
The useAsyncData Composable
Урок 124. 00:02:13
Refetching Data with useAsyncData
Урок 125. 00:02:19
Storing Data in the Browser with Cookies
Урок 126. 00:04:58
The useCookie Composable
Урок 127. 00:08:21
Storing Runtime Configs
Урок 128. 00:06:52
Error Handling
Урок 129. 00:03:09
App Overview
Урок 130. 00:02:17
Our Endpoints
Урок 131. 00:07:01
Creating Our Server
Урок 132. 00:05:51
GET Requests
Урок 133. 00:07:07
POST Requests and Body
Урок 134. 00:15:44
PUT & DELETE with Dynamic Endpoints
Урок 135. 00:06:39
Error Handling
Урок 136. 00:08:20
Building the HTML
Урок 137. 00:08:54
Making POST, PUT, DELETE Requests From the Frontend
Урок 138. 00:07:16
Organizing Code in Composable
Урок 139. 00:03:26
App Overview
Урок 140. 00:12:42
Building the Authentication Card
Урок 141. 00:05:54
Conditionally Displaying Signup or Signin Form
Урок 142. 00:04:53
Creating a Supabase Account and Project
Урок 143. 00:05:41
Connect Nuxt to Supabase
Урок 144. 00:12:24
Implementing Signup Logic
Урок 145. 00:05:50
Implementing Signin/Login Logic
Урок 146. 00:05:31
Implementing Signout/Logout Logic
Урок 147. 00:04:15
Handling Authentication Errors
Урок 148. 00:07:25
Redirecting to Profile Page
Урок 149. 00:09:28
Creating the Nav Component
Урок 150. 00:02:40
Conditionally Render UI Elements Based on Auth Status
Урок 151. 00:09:57
Protecting Routes with Middleware
Урок 152. 00:10:43
Creating the Note Form
Урок 153. 00:09:48
The Basics of SQL
Урок 154. 00:05:59
Saving Data to the Database
Урок 155. 00:08:07
Accessing Data From the Database

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии

Alex
2 апр. 2023 г., 18:57
Please update the course
Alex
8 февр. 2023 г., 15:03
Update the course please
mo sonny
17 дек. 2022 г., 19:15
Please update this course
Anonymous
7 нояб. 2022 г., 14:57
Т.е. не содержат код для курса
CourseHunter Team Anonymous
8 нояб. 2022 г., 23:02
В первых папках есть ссылки на все материалы
Anonymous
7 нояб. 2022 г., 14:49
Папки с материалами пусты