Learn Laravel Vuejs from scratch - Build a TESLA web app

6h 48m 12s
English
Paid

Course description

This course will teach you how to use the Laravel and Vuejs frameworks completely from scratch.‌ In this course we will be building and going through a few projects.‌ Firstly we will start with our todos project. In this project we will go through the basics so that you will have a good understanding of the architecture and paradigm for the Laravel and Vuejs frameworks.

Read more about the course

‌Then we can progress and dive into more complex things. In the commencing project, we will design and build a tesla web application. ‌We will first try to somewhat replicate the Tesla website's homepage and then we will program the complete web application which is comprised of the backend for the admins to manage, and the front end for the users to use.

‌We will use many libraries for Vuejs to implement the projects such as Vuetify for making beautiful designs effortlessly, vuex to allow us to implement a global storage system which allows all components to connect to it and access the core data of the web application. We will also use the Event bus to allow different components to communicate between eachother and we will use other tools such as css, bootstrap, and more.


Watch Online

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

Watch Online Learn Laravel Vuejs from scratch - Build a TESLA web app

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Sources: udemy
Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—M
5 hours 33 minutes 49 seconds
Master Laravel with GraphQL, Vue.js and Tailwind

Master Laravel with GraphQL, Vue.js and Tailwind

Sources: udemy
Learn modern and most up to date development tools in your web developer toolchain. I'll let you see how modern PHP is these days. First off, the power of the L
17 hours 48 minutes 5 seconds
SOLID Code in Laravel

SOLID Code in Laravel

Sources: laraveldaily.com
Want to get a Senior Laravel developer position? You probably need to master software design principles, like SOLID.
1 hour 46 minutes 51 seconds
DevOps Project: CICD with Git GitLab Jenkins and Laravel

DevOps Project: CICD with Git GitLab Jenkins and Laravel

Sources: udemy
Continuous Integration Continuous Delivery/Deployment (CICD) is a very important part of modern-day software release processes. As a matter of fact, you can not survive as a Dev...
4 hours 47 minutes 21 seconds