Web Design and Development using Laravel and Vue

Web Design and Development using Laravel and Vue

A web designer and developer technically designs or redesign a website with his skills.

course at a glance

  • Date : 26 May - 25 Aug 2021
  • No. of Classes/ Sessions : 30
  • Total Hours : 90
  • Last Date of Registration : 25 May 2021
  • Class Schedule :
    • Sunday - 6.00 PM - 9.00 PM
    • Wednesday - 6.00 PM - 9.00 PM
  • venue : 31 Mohakhali Commercial Area, Colombia Super Market, 4th Floor, Wireless Gate, 1213

Price: TK. 20,000
(Excluding VAT & TAX)
Early Bird Registration Going on Valid Until 24th May, 2021 Taka 18000

This training is jointly organized by BITM & UY LAB

Training will be held in UY LAB.

Course Outline: PHP with Laravel Framework
Design Part:
Web Design

Starting Your First Web Page,
 HTML Tags, Attributes,
 Elements, Comments, ,
 Head, Body, Section,
 Div, Header,
 Footer,
 Page Title,
 Headings,
 Paragraphs,
 Hyperlinks,
 Lists,
 Images,
 Tables & Form Making

Web Design 2
 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

Web Design >>3
 About jQuery,
 Syntax, Selectors,
 Attributes,
 Traversing,
 CSS,
 Events,
 Effects.
 Making jQuery Scroll top with animation.
Web Design >>4
 What is Bootstrap
 How to use it
 Starting to make a Personal Portfolio webpage
 Bootstrap Basic Template
Web Design >>5+6
 Bootstrap Grid system,
 Typography,
 Tables,
 Forms,
 Buttons.
 Bootstrap Navs,
 Navbar,

 Scrollspy,
 modal,
 Breadcrumbs,
 Pagination,
 Labels,
 Badges, Alerts
 Bootstrap Display,
 Flex,
 Float,
 Shadow,
 sizing,
 spacing,
 vertical Align

1. Course Overview & Setup Development Environment
 Course outline overview
 Overview of back-end development
 Overview of front-end development
 Why use Database
 What is development environment
 Setup development environment
 Run PHP code
2. PHP Fundamentals
 Basic syntax
 PHP naming convention
 Variables
 Super global variables
 Operators
 Conditional statement
 Control Statements

 Arrays
 Build-in functions
3. Object Oriented Programing PHP-1
 PHP Class
 Objects
 Property
 Methods
 Constructor
 Destructor
 Class autoload
 Composer 
 Namespace
4.  Object Oriented Programing PHP-2
 Access modifier
 Inheritance
 Polymorphism
 Problem solving
5. 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

6.  PHP & Mysql - 2
 Insert data into database
 Read data from database
 Update data into database
 Delete data from database
7.  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
8.  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
9.  Laravel Eloquent relationship
 One To One

 One To Many
 One To Many (Inverse) / Belongs To
 Has One Through
 Has Many Through
10. Laravel Authentication
 User login 
 User registration
 Login with username or email
 Register with username or email
 Logout
11.  Laravel Form
 Design form
 Add form data to database
 Update form data
12.  Laravel file upload
 Upload file/image
 List all uploads
 Update file/image
 Delete file/image
13.  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
14.  Manage Backend Features & RESTful API Development
 Manage categories
 Manage products
 Manage orders
 Develop api
15.  Javascript & Vue js Overview
 Javascript overview
 View js overview
 Vue js development environment setup
 Run vue js with laravel
16. Fundamentals of vue js
 Vue template
 Vue  bindings
 Vue  components
 Vue routing
 Vue dev tools
17. Vue Lifecycle & Vuex
 Vue component lifecycle
 Vuex overview
 Vuex mutations
 Vuex getters
 Vuex actions
 Vuex state management

18. Vue Single Page App-1
 Showing all product list using vue axios via rest api
 Searching product
 Filter product by category 
 View single product 
19. Vue Single Page App-2
 Create vue form
 Validate vue form
 Checkout product
20. Overview of Completed  Single Page Application (SPA)
 Single page application 
 Single page application pors
 Single page application cons
 Overview of who we learned

Curriculum

Web Development Web Design and Development using Laravel and Vue 90 Hrs

Tentative Class Start

26th May, 2021

Available Seat

10 / 24

who can join

Anyone who wants to build a career in Web Design and Development.

Meet the Instructor