CF

Learn Laravel Vuejs from scratch - Build a TESLA web app

6h 48m 12s
English
Paid
Updated September 2026

Learn Laravel Vuejs from scratch - Build a TESLA web app is a 48-lesson 6 hours 48 minutes self-paced course by Udemy. This 48-lesson course starts small with a "Todos" app to introduce how Laravel and Vue.

Course facts

Lessons
48
Duration
6 hours 48 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Udemy
Price
Premium

This 48-lesson course starts small with a "Todos" app to introduce how Laravel and Vue.js talk to each other, then scales up to a much bigger build: a web application modeled after Tesla's website.

The Tesla-style project

  • Designing a polished, marketing-style homepage
  • Building an admin panel for content management and application control
  • Assembling a user-friendly frontend around it

Tools along the way

  • Vuetify for responsive components without hand-writing CSS
  • Vuex for sharing state across components
  • An event bus for direct communication between Vue components

By working from a simple project up to a full application, the course is meant to leave you comfortable using Laravel and Vue.js together on real, larger-scale builds.

Who teaches Learn Laravel Vuejs from scratch - Build a TESLA web app? 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.

What lessons are included in Learn Laravel Vuejs from scratch - Build a TESLA web app?

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: 1-Tools required
All Course Lessons (48)
#Lesson TitleDurationAccess
1
1-Tools required Demo
00:59
2
2-Downloading required tools
01:09
3
3-Setting up project
04:20
4
4-Connecting blade with vue
02:25
5
5-Todos CRUD
13:49
6
6-Creating components
08:39
7
7-Setting up fontawesome
03:32
8
8-Adding todo items
05:45
9
9-Displaying todo items
13:45
10
10-Marking todos as completed
03:44
11
11-Deleting todos
02:48
12
1-Installing vue-cli and creating the project
03:08
13
2-Designing the navbar component
05:01
14
3-Designing the promo component
04:19
15
4-Designing the Specifications component
11:08
16
5-Designing the interior and Car core features component
06:10
17
6-Designing the order now component
02:40
18
7- Project Summary
00:54
19
1-Creating and setting up the project
05:50
20
2-Setting up vue router
06:41
21
3-Setting up vuetify
01:51
22
4-Designing the navbar component
03:00
23
5-Implementing the Model, View and Controller for categories
18:58
24
6-Add category route and button
01:37
25
7- Designing the category form
05:52
26
8- Connecting the category form with the state of the component
01:11
27
9- Implementing the store category function for submitting the form
13:42
28
10- Implementing the delete category function
04:24
29
11- Designing the edit category component and implementing the edit category fun
08:10
30
12- Implementing the products model and controller
03:20
31
13- Designing the Add Product component
05:42
32
14- Submitting the product form
08:49
33
15- Implementing the Products browse page
10:05
34
16 - Deleting Products
03:42
35
17- Editing products
14:39
36
18- Designing the client AppNavigator and HomePage component
11:40
37
19- Configuring things in web php file
01:20
38
20- Designing the Login component
07:41
39
21- Setting up laravel sanctum and submitting the login form
12:21
40
22- Implementing the logout button
03:07
41
23- Switching the AppNavigator based on authentication
11:01
42
24- Setting a relationship between the products and categories
04:44
43
25- Adding products to a specific category and setting a base url for axios
21:47
44
26- Designing the shop component
42:25
45
27- Designing Product Details Component
24:04
46
28- Designing the Category products component
24:57
47
29-Designing the Cart component and setting up vuex for the cart
29:38
48
30- Summarizing the project
01:39
Unlock unlimited learning

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

Learn more about subscription

What courses are similar to Learn Laravel Vuejs from scratch - Build a TESLA web app?

More courses by Udemy

Frequently asked questions

What prerequisites are needed for this course?
This course is designed for learners who are new to both Laravel and Vuejs. While no prior experience with these frameworks is necessary, a basic understanding of HTML, CSS, and JavaScript will help you follow along with the lessons more effectively. Familiarity with general web development concepts will also be beneficial as you progress through the course projects, such as the 'Todos' project and the advanced Tesla web application.
What will I build during the course?
The course includes two main projects. Initially, you'll work on a 'Todos' project, which introduces you to Laravel and Vuejs basics. Following that, you'll embark on building a sophisticated web application modeled after the Tesla website. This project covers a full range of web development tasks, including designing the homepage, developing an admin panel for backend management, and crafting a user-friendly frontend interface.
Who is the target audience for this course?
This course is ideal for beginner to intermediate web developers who are looking to expand their skills in modern web frameworks like Laravel and Vuejs. If you aim to build dynamic and robust web applications, learning through practical projects like the Tesla web app will offer valuable hands-on experience and deepen your understanding of both frontend and backend development.
How does the depth of this course compare to similar courses?
The course provides a thorough introduction to Laravel and Vuejs through two comprehensive projects. The progression from a basic 'Todos' application to a more complex Tesla-inspired web application ensures a deep dive into both frameworks. You'll cover aspects such as backend management with Laravel and state management with Vuex, offering more depth than courses that only provide surface-level introductions or focus on one framework.
What specific tools and libraries are covered in the course?
Throughout the course, you'll use several tools and libraries to enhance your development capabilities. Vuetify is used to create responsive designs without the need for complex custom CSS. You'll also implement Vuex for managing global state across your Vuejs components and utilize an Event Bus for efficient component communication. These tools are integrated into the projects to provide practical, real-world application experience.
What topics are not covered in this course?
The course focuses on building web applications using Laravel and Vuejs, with a particular emphasis on practical project development. It does not cover other programming languages or frameworks outside of these two. Additionally, topics such as mobile app development, advanced server-side scripting, or non-web-based applications are not part of the curriculum. The course is specifically tailored to web development using the specified frameworks.
How much time should I allocate to complete this course?
The course consists of 48 lessons designed to provide a comprehensive learning experience. While the total runtime is not specified, you can expect to spend additional time outside of the videos for hands-on practice and project development. Depending on your prior experience and pace of learning, you may need to allocate several weeks to complete the course thoroughly, ensuring you understand and apply the concepts effectively in your projects.