Certified Training on Web Design & Development Using Laravel & Vue

Certified Training on Web Design & Development Using Laravel & Vue

Best applications are developing recently in the world using combinely Laravel and Vue JS framework.This course will help students to develop skill on web application using Laravel and VueJs Framework

course at a glance

  • Date : 20 Jul - 19 Oct 2022
  • No. of Classes/ Sessions : 36
  • Total Hours : 108
  • Last Date of Registration : 18 Jul 2022
  • Class Schedule :
    • Saturday - 6:00 PM - 9:00 PM
    • Monday - 6:00 PM - 9:00 PM
    • Wednesday - 6:00 PM - 9:00 PM
  • venue : BASIS Institute of Technology & Management Limited BDBL Bhaban (3rd Floor - East), 12 Kawran Bazar, Dhaka -1215.

Price: TK. 25,000
(including VAT & TAX)
10% discount for one time Full payment

This Training is organized by BITM & Training will be held in BITM Lab


Course Outline: 

Module-1

  • HTML Tags, Attributes,
  • Elements, Comments,
  • Head, Body, Section,
  • Div, Header,
  • Footer,
  • Page Title,
  • Headings,
  • Paragraphs,
  • Hyperlinks,
  • Lists,
  • Images,
  • Tables & Form Making

 Module-2&3

  • Types of Style Sheets,
  • CSS Selectors,
  • Properties,
  • Values,
  • Backgrounds,
  • Colors,
  • Text Styling & Formatting,
  • Borders,
  • Margins,
  • Paddings,
  • Outlines,
  • Pixels,
  • Percentages,
  • Points,
  • Em,
  • Block & Inline Elements,
  • Float & Clear,
  • CSS Positioning,
  • Text Effects,
  • ID & Class Selectors,
  • Layers,
  • Pseudo Classes,
  • Pseudo Elements,
  • Media Types,
  • Layouts

 Module-4

  • About jQuery,
  • Syntax, Selectors,
  • Attributes,
  • Traversing,
  • CSS,
  • Events,
  • Effects
  • Making jQuery Scroll top with animation

 Module-5

 What is Bootstrap

  • How to use it
  • Starting to make a Personal Portfolio webpage
  • Bootstrap Basic Template

 Module-6&7

 Bootstrap Grid system     

  • Typography,
  • Tables,
  • Forms,
  • Bootstrap Navs,
  • Navbar,
  • Scrollspy,
  • modal,
  • Breadcrumbs,
  • Pagination,
  • Labels,
  • Badges, Alerts
  • Bootstrap Display,
  • Flex,
  • Float,
  • Shadow,
  • sizing,
  • spacing,
  • vertical Align

Module-8 (Setup Development Environment)

  • Overview of back-end development
  • Overview of front-end development
  • Why use Database
  • What is development environment
  • Setup development environment
  • Run PHP code

Module-9 (PHP Fundamentals)

  • Basic syntax
  • PHP naming convention
  • Variables
  • Super global variables
  • Operators
  • Conditional statement
  • Control Statements
  • Arrays
  • Build-in functions

Module-10 (Object Oriented Programing PHP-1)

  • PHP Class
  • Objects
  • Property
  • Methods
  • Constructor
  • Destructor
  • Class autoload
  • Composer 
  • Namespace

Module-11 (Object Oriented Programing PHP-2)

  • Access modifier
  • Inheritance
  • Polymorphism
  • Problem solving

Module-12 (PHP &  MySql -1)

  • Introduce with database
  • Mysql overview
  • Database engine
  • Create mysql database
  • Connect with mysql database using php
  • Write test query
  • Close mysql connection

Module-13 (PHP & Mysql – 2)

  • Insert data into database
  • Read data from database
  • Update data into database
  • Delete data from database

Module-14 (Laravel Fundamentals)

  • Understanding the concept of a framework.
  • Understanding the concept of laravel design pattern (MVC)
  • Laravel routing
  • Middleware
  • Laravel blade template engine
  • Laravel templating
  • Artisan command

Module-15 (Laravel Query Builder & ORM)

  • Laravel Migration
  • Inserting data using Query builder
  • Updating data using Query Builder
  • Deleting data using Query Builder
  • Select data using Query Builder
  • Inserting data using ORM
  • Updating data using ORM
  • Deleting data using ORM
  • Select data using ORM

Module-16 (Laravel Eloquent relationship)

  • One To One
  • One To Many
  • One To Many (Inverse) / Belongs To
  • Has One Through
  • Has Many Through

Module-17 (Laravel Authentication)

  • User login 
  • User registration
  • Login with username or email
  • Register with username or email
  • Logout

Module-18 (Laravel Form)

  • Design form
  • Add form data to database
  • Update form data

Module-19 (Laravel file upload)

  • Upload file/image
  • List all uploads
  • Update file/image
  • Delete file/image

Module-20 (Validate Form, Error Handling & Laravel Faker)

  • Validate request data(required, unique, etc..)
  • Try catch handling
  • Log writing
  • Error page handling
  • Show success / Failure message
  • Create data seeder
  • Seed data

Module-21 (Manage Backend Features & RESTful API Development)

  • Manage categories
  • Manage products
  • Manage orders
  • Develop api

Module-22 (Javascript & Vue js Overview)

  • Javascript overview
  • View js overview
  • Vue js development environment setup
  • Run vue js with laravel

Module-23 (Fundamentals of vue js)

  • Vue template
  • Vue  bindings
  • Vue  components
  • Vue routing
  • Vue dev tools

Module-24 ( Vue Lifecycle & Vuex)

  • Vue component lifecycle
  • Vuex overview
  • Vuex mutations
  • Vuex getters
  • Vuex actions
  • Vuex state management

Module-25 (Vue Single Page App-1)

  • Showing all product list using vue axios via rest api
  • Searching product
  • Filter product by category 
  • View single product 

Module-26 (Vue Single Page App-2)

  • Create vue form
  • Validate vue form
  • Checkout product

Module-27 (Overview of Completed Single Page Application (SPA))

  • Single page application 
  • Single page application pors
  • Single page application cons
  • Overview of who we learned 

 

Module-28 & 29

A Professional Project 
A basic e-commerce app that gives a clear concept of how an e-commerce application is working.

Module-30

  Project Presentation
 

Curriculum

Web Design & Development Using Laravel & Vue Web Design & Development Using Laravel & Vue 90 Hrs

Tentative Class Start

20th July, 2022

Available Seat

10 / 20

who can join

People who have basic Computer knowledge.

Meet the Instructor