Sei sulla pagina 1di 2

FULL STACK WEB DEVELOPMENT WITH LARAVEL AND VUE.

JS
COURSE OVERVIEW
Full Stack Web Development is nothing but complete designing of both websites and applications where the
developers need to work from front-end to back-end development. The perfect combination of full stack
development is Vuejs as front-end and Laravel as back-end development. This combination improves the
application's performance and development workflow.
In this 5-day course, students will learn how to build and deploy Full stack web application with Laravel and
VueJS. After completing this course, students will be able to optimize the code, send basic AJAX requests with
Axios, use WebSockets in Vue, integrate with the other framework such as Firebase, Feathers, and Horizon,
set up model & seed data, integrate the Fractal Response Service. start the web API using Laravel Lumen,
manage API resource, and design database scheme for API.
Duration: 5 days
WHO SHOULD ATTEND PREREQUISITES
Web Apps Developer or Front-End Developer who want  Have foundational knowledge in HTML,
to learn and build actractive web applications CSS and JavaScript experience would be
helpful.

COURSE CONTENT
PART I – FRONT END DEVELOPMENT ORGANIZE + AUTOMATE + DEPLOY = WEBPACK
GETTING STARTED WITH VUE.JS Bundling your component with Webpack • Organizing
Creating the workspace • Initializing Vue and displaying your dependencies with Webpack •
the first message • Computed values ADVANCED VUE.JS - DIRECTIVES, PLUGINS, AND
DISPLAYING, LOOPING, SEARCHING, AND FILTERING RENDER FUNCTIONS
DATA Using WebSockets in Vue • Rendering a simple
HTML declarations • Conditional rendering • v-for and component manually
displaying our data • Filtering our data INTEGRATING WITH OTHER FRAMEWORKS
OPTIMIZING YOUR APP AND USING COMPONENTS TO Using Vue wwwith Firebase • Creating a real-time app
DISPLAY DATA with Feathers • Creating a reactive app with Horizon
Optimizing the code • Creating Vue components •
Creating a repeatable component • Making the filters a PART II – BACK - END DEVELOPMENT
component AN INTRODUCTION TO LARAVEL
GETTING A LIST OF FILES USING THE DROPBOX API The need for frameworks • A new approach to
Creating a Dropbox app and initializing the SDK • developing PHP applications • Laravel's main features
Displaying your data and using Vue to get it SETTING UP A DEVELOPMENT
NAVIGATING THROUGH THE FILE TREE AND LOADING Meeting Composer • Working with the command line •
FOLDERS FROM THE URL Meet Homestead • Creating a new Laravel application
Separating out files and folders • Making file and folder YOUR FIRST APPLICATION
components
Starting the application • Writing the first routes •
BUILDING AN E-COMMERCE STORE - BROWSING Preparing the database • Mastering Blade
PRODUCTS
ELOQUENT ORM
Creating pagination • Displaying products in a category •
Updating the URL on checkbox filter change Retrieving data • Saving data • Deleting data • Query
scopes • Relationships Model events • Collections
BUILDING AN E-COMMERCE STORE - ADDING A
CHECKOUT CREATING THE BOOK APPLICATION
Creating the basket array placeholder • Adding product Building Something Amazing • Environment Setup
information to the store STARTING THE BOOKS API
VUE COMMUNICATES WITH THE INTERNET Setting Up Models and Seed Data • Eloquent Books
Sending basic AJAX requests with Axios • Validating user CREATING, READING, UPDATING, & DELETING BOOKS
data before sending it • Creating a form and sending data Creating a New Book • Updating an Existing Book
to your server

SUGGESTED NEXT COURSE


 Web Application Development Associate
 Web Application Development Using Laravel
 Content Management System (CMS) Course