CF

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

4h 59m 48s
English
Paid
Learn how to create an Admin App using Vue 3. Vue 3, Nuxt.js, Composition API, Options API, Vuex, Typescript, Docker, c3.js charts, Upload Images, Export CSV, Stripe.

In this tutorial you will learn: 

  • Use Vue with Typescript

  • Use Nuxt.js

  • Use Vuex

  • How to use Composition API and Options API

  • Create classes, interfaces

  • Create public and private routes

  • Restrict routes for unauthorized users

  • Upload Images

  • Export CSV's

  • Build a chart with c3.js (part of d3.js)

  • Pay with Stripe

If these are what you are looking for then this course is for you.

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 62 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Introduction
All Course Lessons (62)
#Lesson TitleDurationAccess
1
Introduction Demo
03:45
2
Installation
02:02
3
Docker
05:05
4
Template
06:52
5
Router
06:17
6
Form Submit
07:29
7
Register
04:43
8
Login
07:00
9
Child Routes
04:17
10
Logout
04:28
11
Component Props
04:29
12
Users
06:09
13
Router Link Active
03:21
14
Pagination
05:20
15
Deleting Users
03:49
16
Classes and Interfaces
06:56
17
Creating Users
06:45
18
Updating Users
05:06
19
Roles
05:09
20
Creating Roles
09:08
21
Updating Roles
04:50
22
Products
05:28
23
Paginator Component
08:50
24
Creating Products
04:49
25
Uploading Images
04:11
26
Image Component
03:19
27
Updating Products
05:27
28
Orders
05:53
29
Order Items
05:39
30
Export CSV files
03:53
31
Chart
07:26
32
Profile
07:36
33
Vuex
07:56
34
Dispatch Events with Vuex
02:15
35
Vuex Modules
04:17
36
Typescript Getters
05:06
37
Permissions
06:39
38
Login with HttpOnly Cookies
02:08
39
Changing the Database
01:56
40
Admin Changes
00:30
41
Installation
01:12
42
Template
04:15
43
Child Components
07:01
44
Register
06:02
45
Login
03:32
46
Logout
03:32
47
Vuex
10:07
48
Products
03:26
49
Rankings
03:39
50
Stats
05:10
51
Searching Products
02:42
52
Selecting Products
04:42
53
Generating Links
04:19
54
Installation
01:45
55
Template
05:49
56
Routing
03:03
57
asyncData
03:14
58
Products
04:23
59
Order Total
03:37
60
Creating Orders
07:07
61
Stripe
03:22
62
Conclusion
01:31
Unlock unlimited learning

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

Learn more about subscription

Related courses

Frequently asked questions

What prerequisites should I have before enrolling in this course?
Before taking this course, you should have a basic understanding of JavaScript and some familiarity with web development concepts. Knowledge of Vue.js would be beneficial but not strictly necessary, as the course covers both the Composition API and Options API, which are fundamental for working with Vue 3.
What kind of application will I be able to build by the end of the course?
By the end of the course, you will be equipped to build an Admin App. This includes features like user management, role creation, product management, image uploads, CSV export, and integration with Stripe for payment processing. You'll also create charts using c3.js and handle various user interactions and data manipulations.
Who is the target audience for this course?
This course is ideal for developers who want to deepen their understanding of Vue 3 and Nuxt.js, particularly those interested in building full-featured applications with a strong focus on admin functionalities. It is also suitable for those looking to integrate modern tools like Docker and TypeScript into their Vue projects.
How does this course compare in depth to other Vue.js courses?
This course offers a comprehensive exploration of Vue 3 and Nuxt.js, focusing on practical applications like an Admin App. It goes beyond basic Vue.js concepts, delving into advanced topics such as Vuex for state management, Docker for deployment, and TypeScript for static typing. The inclusion of real-world functionalities like authentication, roles, and data export sets it apart from more introductory courses.
Does the course cover deployment to production environments?
While the course includes lessons on Docker, which is useful for containerization and deployment, it does not specifically cover deployment to production environments. The focus is more on development and the creation of features within the Vue 3 and Nuxt.js frameworks.
What is the estimated time commitment to complete the course?
The course consists of 62 lessons. While the total runtime is not specified, students should expect to invest a significant amount of time practicing and implementing the concepts covered in each lesson. Dedicating several hours per week should allow for completion within a reasonable timeframe, depending on your pace and familiarity with the technologies.
Will the skills learned in this course be applicable to other courses or careers?
Yes, the skills acquired in this course will be highly transferable to other web development projects and courses. Understanding Vue 3, Nuxt.js, and tools like Vuex and Docker can enhance your ability to build scalable and maintainable applications. These skills are valuable in various web development roles, particularly those focused on frontend development and application architecture.