Learn Laravel Vuejs from scratch - Build a TESLA web app

6h 48m 12s
English
Paid

Embark on a journey to master the Laravel and Vuejs frameworks from scratch with this comprehensive course. You will learn by building practical projects, guiding you through the essential concepts and techniques required to develop robust web applications.

Course Overview

Introduction to Laravel and Vuejs

Begin with a foundational project that introduces you to the key concepts and architecture of Laravel and Vuejs. In our initial "Todos" project, you will gain a solid understanding of how these frameworks interact and function together to build dynamic web applications.

Advanced Project: Building a Tesla Web Application

Once you have grasped the basics, we will advance to creating a sophisticated web application modeled after the Tesla website. This challenging project will cover all aspects of web development from designing a visually appealing homepage to programming a comprehensive web application complete with:

  • Backend Management: Develop an admin panel for content management and application control.
  • User Interface: Craft a user-friendly frontend for an immersive user experience.

Tools and Libraries

Throughout the course, you'll leverage a range of tools to enhance your development process:

  • Vuetify: Utilize this library to create stunning, responsive designs without the hassle of custom CSS.
  • Vuex: Implement a global state management system that facilitates data sharing across components.
  • Event Bus: Enable seamless communication between Vuejs components.
  • Additional Tools: Employ CSS, Bootstrap, and other libraries to round out your web application toolkit.

Join us in this course to build, learn, and innovate with the powerful combination of Laravel and Vuejs.

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 48 lessons

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