CourseFlix

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

Course content

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

Related courses

  • Real-time chat with Node.js, Socket.io and Vue.js thumbnail

    Real-time chat with Node.js, Socket.io and Vue.js

    By: Codecourse
    How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
    26 minutes 39 seconds
  • Quasar Fundamentals: Build Cross-Platform Vue.js Apps thumbnail

    Quasar Fundamentals: Build Cross-Platform Vue.js Apps

    By: Vue School
    Quasar Framework will amaze you with its capabilities! By the end of this course, you will be able to develop applications on Vue.js for Android, iOS, Windows.
    7 hours 6 minutes 8 seconds
  • The Imposter's Frontend Accelerator thumbnail

    The Imposter's Frontend Accelerator

    By: Big Machine
    Unlock your potential in modern frontend development with The Imposter's Frontend Accelerator. Learn Vue 3.0, Nuxt 3.0, and build a real project.
    15 hours 48 minutes 54 seconds

Frequently asked questions

What is Vue 3, Nuxt.js and Laravel: A Practical Guide about?
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…
Who teaches Vue 3, Nuxt.js and Laravel: A Practical Guide?
Vue 3, Nuxt.js and Laravel: A Practical Guide is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is Vue 3, Nuxt.js and Laravel: A Practical Guide?
Vue 3, Nuxt.js and Laravel: A Practical Guide contains 117 lessons with a total runtime of 10 hours 17 minutes. All lessons are available to watch online at your own pace.
Is Vue 3, Nuxt.js and Laravel: A Practical Guide free to watch?
Vue 3, Nuxt.js and Laravel: A Practical Guide is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Vue 3, Nuxt.js and Laravel: A Practical Guide online?
Vue 3, Nuxt.js and Laravel: A Practical Guide is available to watch online on CourseFlix at https://courseflix.net/course/vue-3-nuxt-js-and-laravel-a-practical-guide. The page hosts every lesson with the integrated video player; no download is required.