Online Training on Web App Development with Laravel & Vue

Online Training on Web App Development with Laravel & Vue

This course is specially designed to update technical knowledge and skills to cope with the requirement of Web Developer (PHP track) occupations of the Job sector.

course at a glance

  • Date : 17 Jul - 19 Sep 2020
  • No. of Classes/ Sessions : 20
  • Total Hours : 40
  • Last Date of Registration : 16 Jul 2020
  • Class Schedule :
    • Saturday - 7.00 PM - 9.00 PM
    • Friday - 10.00 AM - 12.00 PM
  • venue : This training is organized by BITM. Training will be conducted through online.

Price: TK. 7,000
(Excluding VAT & TAX)

This Online training is jointly organized by BITM & Pencilbox Training (Training wing of bitBirds Solutions).

Web App Development with Laravel & Vue

Course duration: 40 Hours

Total Classes: 20

Course Outline


Day-1: Starting With PHP

  • PHP history.
  • PHP development environment.
  • PHP Basic Syntax.
  • PHP Variable & Data Type.
  • PHP Operator
  • PHP Statement
  • PHP Array
  • PHP Function

Day-2: OOP PHP Basics

  • Understanding the concept of OOP
  • Introduce to Class
  • Introduce to Property
  • Introduce to Method.
  • Introduce to Object
  • Understanding the concept of Encapsulation.
  • Understanding the concept of Inheritance.
  • Introduce to the magic method.

Day-3: OOP PHP Practices

  • Understanding the concept of Namespace.
  • Introduce to Composer.
  • Introduce to Autoload.
  • PHP super global Array.
  • Basic input & output.
  • Basic Structure of Procedural PHP Project.
  • Class Task complete with Object-oriented PHP

Day-4: Introduce to CRUD:

  • Introduce to MySQL Database Server.
  • Create the database, a table inside the Database Server.
  • Introduction to Structured Query Language (SQL).
  • Perform action through SQL inside Database Server.
  • Introduction to CRUD operation.
  • Data Save into the database server.
  • Data Retrieve form the Database Server.

Day-5: CRUD Exercise and Login:

  • Data edit & update.
  • Data Delete.
  • Understand the Session
  • Understand the Login Concept.
  • Create a secure Login Panel.

Day-6: Laravel Introduction:

  • Understanding the concept of a framework.
  • History of the PHP framework.
  • Popular PHP framework.
  • Introduce to MVC
  • Why Laravel.
  • Laravel installation.
  • Project folder structure.
  • Route Introduction & Route Naming.
  • Request Lifecycle.
  • Resource view route.

Day-7: Laravel Blade Templating:

  • Data Passing process without the controller.
  • Artisan command & Create Controller Class.
  • Data Passing process with the controller.
  • Introduce to App Service Provider Class.
  • GET & POST Request.
  • Introduce to Blade Template Engine.
  • Introduce to directive Blade Template Engine.
  • Laravel Blade Templating.
  • Template Mastering.

Day-8: Using Laravel Authintication:

  • Introduce to Auth Class.
  • Install Auth Class
  • User registration
  • User Login
  • Introduce to Migration, Schema, and Blueprint.
  • Create a migration file.
  • Prepare migration file for creating tables.

Day-9: CRUD with Laravel:

  • Introduce to Quire builder & Eloquent ORM in Laravel.
  • Create Model Class with migration file.
  • Data insert in the database through Quire builder & Eloquent ORM.
  • Data Retrieve from database through Query Builder & Eloquent ORM.
  • Data Edit & Update through Eloquent ORM & Query Builder.
  • Data Delete through Eloquent ORM & Query Builder

Day-10: Introduction with Vue Js:

  • Database Configuration.
  • Install Node & Npm
  • Add Admin Panel using node modules
  • Admin Panel Customization
  • Create Table in Database
  • Introduce to Factory, Faker & Seeding.
  • Generate Dummy Data using Laravel factor

Day-11: Introduce to Vue Router:

  • Database relationships: One to one, One to many
  • Install Vue Router
  • How to use Vue Component
  • Create component with Vue Routing.

Day-12: Validation using V-form:

  • Laravel and Vue Js Mix Routing
  • Category List Page Design with Vue.
  • Add Category page design using Vue component.
  • Validate form and save data using axios

Day-13: Using Vuex:

  • V-form with ajax request
  • How to add sweet alert
  • How to setup vuex in laravel project
  • Category list display using vuex

Day-14: CRUD with Vue JS:

  • Install Moment Js with Vue Filter
  • Delete Category using Laravel Vue Js
  • Edit Category using Laravel Vue Js
  • Delete category using checkbox

Day-15: Working with Post:

  • Category List Update
  • Post List Design
  • Display post list using laravel vuex
  • Display post filter using laravel vuex

Day-16: Image intervention:

  • Add new post design
  • How to add mark down editor
  • How to save post
  • How to add image intervention

Day-17: Middleware:

  • How to delete post with image
  • How to edit post
  • How to update post
  • How to use middleware

Day-18: Start with Frontend:

  • How to use vue component in home page
  • Frontend vue routing
  • How to load sidebar and display post

Day-19: Frontend Design Continue:

  • How to display single post using vue router
  • How to display category with latest post
  • How to display category with post

Day-20: Implement Search and Finish Project:

  • How to implement real time search
  • Real time search using debounce function
  • Problem finding and solving



Module Online Training on Web App Development with Laravel & Vue 40 Hrs

Tentative Class Start

17th July, 2020

Available Seat

10 / 15

who can join

Intermediate Knowledge of HTML, CSS, JavaScript(ECMA-5).

Meet the Instructor