CF

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

7h 37m 36s
English
Paid

Embark on a comprehensive journey to build an Ambassador App using cutting-edge technologies like Vue 3, NuxtJS, and NestJS. In this advanced course, you will develop three frontend applications: Admin, Ambassador, and Checkout, all designed to interact with a robust NestJS API.

NestJS: Master Backend Development

In the NestJS section, you will acquire skills to:

  • Utilize Docker for environment management

  • Implement and configure TypeORM for MySQL integration

  • Leverage the power of TypeScript for cleaner code

  • Apply Interceptors and Guards for enhanced request handling

  • Perform request validation techniques

  • Generate secure JWT Tokens

  • Set up HttpOnly Cookies for session management

  • Implement login mechanisms with scope-based access

  • Integrate Redis for caching and enhanced performance

  • Integrate Stripe for payment processing

  • Configure email sending features

  • Filter and cache products effectively

Vue and NuxtJS: Enhance Frontend Capabilities

Through this course's Vue and Nuxt.js modules, you will learn to:

  • Deploy Vue with TypeScript for type-safety

  • Utilize Nuxt.js coupled with TypeScript for improved development

  • Implement and manage state using Vuex

  • Explore the use of both Composition API and Options API in Vue

  • Incorporate Vuetify for crafting stunning UI components

  • Develop secure public and private application routes

  • Integrate Stripe for seamless payment systems

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 87 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 87 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (87)
#Lesson TitleDurationAccess
1
Introduction Demo
04:19
2
Setup
01:19
3
Docker
05:16
4
Database
05:30
5
TypeORM
07:44
6
Admin Authentication Endpoints
00:32
7
Validations
08:17
8
Register
07:45
9
Login
10:35
10
Authenticated User
06:19
11
Logout
05:29
12
Profile
06:32
13
Admin Endpoints
00:44
14
Ambassadors
00:00
15
Products
15:03
16
Orders
08:15
17
Seeding Orders
00:00
18
Exposing Fields
00:00
19
Links
00:00
20
Relations Without Foreign Keys
00:00
21
Shared Module
00:00
22
Ambassador Authentication Endpoints
00:00
23
Multiple Routes
00:00
24
Scopes
00:00
25
Revenue
08:01
26
Ambassador Endpoints
00:45
27
Redis
04:42
28
Caching Products
08:03
29
Event Emitters
08:44
30
Searching Products
03:49
31
Sorting Products
03:38
32
Paginating Products
04:17
33
Creating Links
08:00
34
Stats
04:36
35
Rankings
04:42
36
Redis Sorted Sets
12:43
37
Formatting the Rankings
05:55
38
Checkout Endpoints
00:32
39
Getting Link Data
02:16
40
Creating Orders
11:11
41
Transactions
05:09
42
Stripe
08:38
43
Configuration
04:12
44
Update Rankings
06:58
45
Sending Emails
07:08
46
Setup
03:02
47
Template
05:04
48
Routes
06:09
49
Register
04:38
50
Login
03:40
51
Authenticated User
06:06
52
Logout
01:38
53
Users
05:24
54
Vuetify
03:15
55
Pagination
03:20
56
Links
05:42
57
Products
08:03
58
Creating Products
06:28
59
Updating Products
05:59
60
Orders
04:15
61
Profile
07:02
62
Vuex
09:11
63
Setup
02:18
64
Template
05:31
65
Navigation
06:46
66
Header
05:32
67
Watchers
04:29
68
Route
05:42
69
Reactive
08:50
70
Stats
08:57
71
Rankings
06:49
72
Products
08:45
73
Backend Searching
09:28
74
Frontend Searching
04:35
75
Backend Sorting
03:44
76
Frontend Sorting
03:51
77
Backend Lazy Loading
05:16
78
Frontend Lazy Loading
06:17
79
Selecting Products
05:40
80
Generating Links
07:19
81
Setup
03:07
82
Template
06:30
83
Routing
03:47
84
Server-Side Rendering
10:10
85
Products
08:09
86
Submitting the Form
04:16
87
Stripe
05:14
Unlock unlimited learning

Get instant access to all 86 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
This advanced course assumes familiarity with JavaScript, TypeScript, and basic web development concepts. Prior experience with Vue.js or similar frameworks and some understanding of backend development will be beneficial. Knowledge of Docker and MySQL can also be advantageous as the course covers Docker for environment management and MySQL integration with TypeORM.
What will I build during this course?
You will build an Ambassador App consisting of three distinct frontend applications: Admin, Ambassador, and Checkout. These applications will interact with a robust NestJS API, allowing you to implement features like authentication, product management, and payment processing using tools such as Vue 3, NuxtJS, and Stripe.
Who is the target audience for this course?
The course targets developers with an intermediate to advanced understanding of web development who want to enhance their skills with Vue 3, NuxtJS, and NestJS. It is ideal for those interested in building scalable full-stack applications and integrating modern tools like Docker, Redis, and Stripe.
What specific tools and technologies will I learn to use?
You will learn to use Docker for managing environments, TypeORM for MySQL integration, and Redis for caching. On the frontend, you'll work with Vue 3 and NuxtJS, using both the Composition API and Options API, along with Vuetify for UI components. Stripe integration will also be covered for payment processing.
What topics are not covered in this course?
The course does not cover basic web development concepts or introductory programming skills. It is also not focused on other frontend frameworks like React or Angular, nor does it delve into advanced database management beyond what is necessary for TypeORM and MySQL integration.
How much time should I expect to commit to this course?
The course comprises 87 lessons, each designed to cover specific functionalities and integrations. While the overall runtime is not specified, students should be prepared to invest several weeks of part-time study to fully engage with the materials and complete the practical exercises.
How can the skills acquired in this course benefit my career?
The skills gained from this course, such as full-stack development, API design, and payment integration with Stripe, are highly transferable and valuable for careers in web development. Mastery of Vue 3, NuxtJS, and NestJS can open opportunities in building scalable applications, enhancing your employability in tech industries.