CF

Vue 3, Nuxt.js and Laravel: A Practical Guide

10h 17m 9s
English
Paid

Master the art of building applications with Vue 3, Nuxt.js, and Laravel! Develop three unique projects: an Admin app with the Vue 3 Composition API, an Influencer app using the Vue 3 Options API, and a Checkout system leveraging Nuxt.js.

Course Benefits

By enrolling in this course, you'll acquire practical skills in both frontend and backend technologies, enabling you to build robust applications with modern frameworks and tools.

What You'll Learn in Laravel

  • Authenticate seamlessly using Laravel Passport.

  • Master Laravel API Resources for effective data handling.

  • Install and utilize Docker to streamline your development environment.

  • Gain expertise in Uploading Images efficiently.

  • Implement caching with Redis.

  • Configure Stripe for secure payments.

  • Understand Laravel Events and Listeners for real-time communication.

  • Enhance application communication by Sending Emails.

What You'll Learn in Vue and Nuxt.js

  • Develop with Vue and TypeScript for type-safe code.

  • Effortlessly integrate Nuxt.js into your projects.

  • Manage state with Vuex.

  • Leverage both Composition API and Options API for app developments.

  • Construct robust classes and interfaces.

  • Implement public and private routes in your applications.

  • Ensure security by restricting routes for unauthorized users.

  • Enhance user interactions with Image Upload functionalities.

  • Export data efficiently with CSV exports.

  • Create dynamic charts using c3.js (part of d3.js).

  • Integrate Stripe for payment solutions.

Instructor Expertise

I am a passionate FullStack Developer with over a decade of experience. I take immense pride in producing clean and efficient code, a principle that guides my teaching style. My courses are designed to provide you with direct and valuable knowledge, avoiding unnecessary information to ensure rapid learning.

If you're eager to learn quickly and effectively, this course is tailored 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 117 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Introduction
All Course Lessons (117)
#Lesson TitleDurationAccess
1
Introduction Demo
04:33
2
Setup
01:06
3
Docker
09:56
4
Routes
03:14
5
Migrations
05:35
6
REST
14:29
7
Custom Requests
07:26
8
Pagination
03:55
9
Laravel Passport
02:47
10
Login
03:54
11
Middlewares
01:59
12
Register
04:59
13
Profile
03:01
14
Roles
07:57
15
Foreign Keys
06:06
16
Api Resources
06:07
17
Products
05:22
18
Product Routes
04:22
19
Images
08:23
20
Image Controller
08:52
21
Orders
09:19
22
Order Routes
04:54
23
Order Total
04:46
24
Exporting CSV
06:40
25
Permissions
10:06
26
Creating Permissions
07:23
27
User Permissions
03:20
28
Permission Controller
01:13
29
Gates
06:57
30
Request Gates
02:12
31
Chart
07:21
32
Login with Cookies
05:36
33
Installation
02:02
34
Template
06:52
35
Router
06:17
36
Form Submit
07:29
37
Register
04:43
38
Login
07:00
39
Child Routes
04:17
40
Logout
04:28
41
Component Props
04:29
42
Users
06:09
43
Router Link Active
03:21
44
Pagination
05:20
45
Deleting Users
03:49
46
Classes and Interfaces
06:56
47
Creating Users
06:45
48
Updating Users
05:06
49
Roles
05:09
50
Creating Roles
09:08
51
Updating Roles
04:50
52
Products
05:28
53
Paginator Component
08:50
54
Creating Products
04:49
55
Uploading Images
04:11
56
Image Component
03:19
57
Updating Products
05:27
58
Orders
05:53
59
Order Items
05:39
60
Export CSV files
03:53
61
Chart
07:26
62
Profile
07:36
63
Vuex
07:56
64
Dispatch Events with Vuex
02:15
65
Vuex Modules
04:17
66
Typescript Getters
05:06
67
Permissions
06:39
68
Login with HttpOnly Cookies
02:08
69
Changing the database
02:28
70
Route Prefixes
01:28
71
Route Namespaces
02:30
72
Products
02:12
73
Product Search
04:16
74
Common Routes
01:48
75
User Type
07:51
76
Drop Role Id
09:07
77
Scopes
06:59
78
Links
08:44
79
Checkout Links
06:39
80
Creating Orders
10:29
81
Transactions
03:20
82
Stripe
09:43
83
Completing Orders
02:53
84
Sending Emails
07:22
85
Events and Listeners
10:44
86
Revenue
02:50
87
Stats
04:56
88
Rankings
05:31
89
Redis
02:48
90
Caching Products
04:36
91
Invalidating Cache
04:36
92
Filtering Cached data
03:24
93
Redis Sorted Sets
11:38
94
Nested Routes
05:25
95
Admin Changes
00:30
96
Installation
01:12
97
Template
04:15
98
Child Components
07:01
99
Register
06:02
100
Login
03:32
101
Logout
03:32
102
Vuex
10:07
103
Products
03:26
104
Rankings
03:39
105
Stats
05:10
106
Searching Products
02:42
107
Selecting Products
04:42
108
Generating Links
04:19
109
Installation
01:45
110
Template
05:49
111
Routing
03:03
112
asyncData
03:14
113
Products
04:23
114
Order Total
03:37
115
Creating Orders
07:07
116
Stripe
03:22
117
Conclusion
01:31
Unlock unlimited learning

Get instant access to all 116 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 enrolling, you should have a basic understanding of JavaScript and web development principles. Familiarity with Vue.js or Laravel is beneficial but not mandatory as the course covers these technologies from the ground up.
What types of projects will I build during the course?
During the course, you will develop three projects: an Admin app using the Vue 3 Composition API, an Influencer app with the Vue 3 Options API, and a Checkout system using Nuxt.js. Each project is designed to implement practical applications of the taught frameworks and tools.
Is this course suitable for beginners in web development?
This course is best suited for individuals who have some prior knowledge of web development, particularly those familiar with JavaScript. Beginners might find the course challenging but it provides comprehensive coverage of Vue 3, Nuxt.js, and Laravel.
How does the depth of this course compare to other similar courses?
This course offers a balanced approach, focusing on both frontend and backend technologies. With 117 lessons, it covers tools such as Docker, Laravel Passport, and Vuex, providing a thorough understanding of building complete applications compared to courses focusing solely on either frontend or backend.
Does the course cover deployment on any specific platforms?
While the course teaches you to use Docker, which is crucial for creating consistent development environments, it does not specifically cover deployment processes on cloud platforms or hosting services.
How much time should I expect to commit to this course?
The course consists of 117 lessons and a substantial amount of hands-on project work. Depending on your pace and prior experience, completing the course might take several weeks of part-time study.
What skills from this course are transferable to other programming environments or frameworks?
Skills such as managing state with Vuex, implementing authentication using Laravel Passport, and securing applications with routes are transferable to other JavaScript frameworks and backend systems. Additionally, understanding Docker and API resources can enhance your proficiency across various development environments.