Web Design & Development Using Laravel & Vue

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 : 3 Dec - 12 Mar 2022
  • No. of Classes/ Sessions : 30
  • Total Hours : 90
  • Last Date of Registration : 2 Dec 2021
  • Class Schedule :
    • Saturday - 9:00 am - 12:00 pm
    • Friday - 9:00 am - 12:00 pm
  • venue : Good Luck Center, 151/7, Panthapath Signal, Green Road, 7th Floor, Dhaka 1205, Bangladesh

Price: TK. 20,700
(including VAT & TAX)

This Training is jointly organized by BITM & PeopleNTech
Training will be held in PeopleNTech

 
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)

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

Module-30

  Project Presentation

Curriculum

Module Web Design & Development Using Laravel and Vue 90 Hrs

Tentative Class Start

3rd December, 2021

Available Seat

10 / 20

who can join

Pople who have basic knowledge on Microsoft Office, HTML, CSS, PHP

Meet the Instructor