Master Laravel with Vue.js Fullstack Development
- Offered byUDEMY
Master Laravel with Vue.js Fullstack Development at UDEMY Overview
Duration | 17 hours |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Go to Website  |
Credential | Certificate |
Master Laravel with Vue.js Fullstack Development at UDEMY Highlights
- Using Vue to build a Single Page Application
- Using Laravel to build a robust API backend for any application
- Combining Laravel with Vue to create a powerful SPA
- Vue/API SPA Authentication using Laravel Sanctum
- Using Vue Router
- Using VueX for global state management
Master Laravel with Vue.js Fullstack Development at UDEMY Course details
- PHP developers looking to learn Laravel to build APIs
- JavaScript developers wanting to start with Vue that have PHP basics
- Laravel developers wanting to enhance their skills by learning how to work with Vue
- from Laravel: Controllers, Eloquent, Query Scopes, Model Events, HTTP resources.
- from Vue: Vue Router, Vue Components, Vuex (global state management).
- Learn Laravel together with Vue.js in this brand new, full-stack, project based course! Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue.js! As with my other courses, you will start straight away with creating a project. During the course you will build a booking page, similar to very popular online booking websites! No time wasted on so called theory. I did by best and went extra mile, to explain everything that you need to learn by practical examples. It's not one of these courses when instructor in the first 10 hours reads the documentation out loud. Don't waste your time and money anymore, this course is the only resource you need to get up to speed with full-stack development using Laravel Framework and Vue.js!
Master Laravel with Vue.js Fullstack Development at UDEMY Curriculum
Introduction
Required and optional software for the course
MacOS specific setup
Windows specific setup
Where to find the full source code?
Visual Studio Code - extensions, shortcuts and tricks
Laravel API and Vue routing and basics
Creating a new Laravel project using Composer
Setting up Vue.js application
Fallback route in Laravel
Installing and setting up Vue Router
HTML5 history mode in Vue Router
Vue component registration (global/local) and Index component
Router Link component and routing inside a Vue application
Bootstrap, styling and Laravel Mix
v-bind, v-binf shorthand and named Vue routes
Styling the navigation bar
Diving the Vue.js
Single file Vue components
Child components (using components in other components)
Component props and prop types
One-way data flow
Lifecycle hooks
Component state and reactivity
Reactivity gotchas
Conditional rendering (v-if)
Preview
List redering and v-else
Computed properties
Component methods
Database, models, Migrations, Seeders, Queries, API testing, HTTP requests
Setting up database
Specified key was too long problem
Model and migrations
Model factory, database seeder and faker
Routes and model all() method
API testing in Postman
Using Model::find() and mandatory/optional route parameters
Using Model::findORFail() and Accept header
JavaScript Promises explained
Making HTTP requests with Axios
CSS Flexbox and Bootstrap utility classes
Controllers, HTTP resources
Vue router parameters
Passing all object properties as props (v-bind trick)
Vue router links
Understanding CSS grid system
Laravel controllers
Resource controllers
API Resources
Forms, Events, Eloquent relations, Validation, Query scopes, Handling errors
Availability component (horizontal forms, scoped styles)
Form input binding (v-model)
Handling DOM events in Vue
Laravel Debugbar (seeing what happens behind the scenes)
Booking model and relations
Seeding bookings (generating random, non overlapping time series)
Single Action Controller
Master Laravel with Vue.js Fullstack Development at UDEMY Faculty details
Other courses offered by UDEMY
Student Forum
Anything you would want to ask experts?