Web Design and Development using Laravel and Vue

Web Design and Development using Laravel and Vue

This course is very useful to all web programming guys to get everything in a one platform to make them professional on their career line with latest version of Bootstrap, WordPress and Laravel.

course at a glance

  • Date : 8 Aug - 19 Oct 2021
  • No. of Classes/ Sessions : 30
  • Total Hours : 90
  • Last Date of Registration : 7 Aug 2021
  • Class Schedule :
    • Sunday - 7:00 PM - 10:00 PM
    • Tuesday - 7:00 PM - 10:00 PM
  • venue : US Software Limited 69/B Monowara Plaza (2nd Floor) [Near NIET & Chandrashila Suvastu Tower] Panthapath, Green Road, Dhaka-1205

Price: TK. 20,000
(Excluding VAT & TAX)
Early Bird Registration Going on Valid Until 7th August, 2021 Taka @18,000

 

Design Part:

Class >>1.           

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

Class >>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

 

Class >>3

·         About jQuery,

·         Syntax, Selectors,

·         Attributes,

·         Traversing,

·         CSS,

·         Events,

·         Effects.

·         Making jQuery Scroll top with animation.

Class >>4

·         What is Bootstrap

·         How to use it

·         Starting to make a Personal Portfolio webpage

·         Bootstrap Basic Template

Class >>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

Dvelopment Part:

Class >>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

Class >>2.

PHP Fundamentals

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

Class >>3+4.

Object Oriented Programing PHP-1

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

Class >>4+5. 

Object Oriented Programing PHP-2

  • Access modifier
  • Inheritance
  • Polymorphism
  • Problem solving

Class >>6.

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

Class >>7. 

PHP & Mysql - 2

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

Class >>8. 

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

Class >>9+10. 

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

Class >>11. 

Laravel Eloquent relationship

Class >>12.

Laravel Authentication

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

Class >>13. 

Laravel Form

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

Class >>14. 

Laravel file upload

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

Class >>15+16. 

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

Class >>17. 

Manage Backend Features & RESTful API Development

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

Class >>18. 

Javascript & Vue js Overview

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

Class >>19.

Fundamentals of vue js

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

Class >>20.

Vue Lifecycle & Vuex

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

Class >>21.

Vue Single Page App-1

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

Class >>22+23.

Vue Single Page App-2

  • Create vue form
  • Validate vue form
  • Checkout product

Class >>24.

Overview of Completed  Single Page Application (SPA)

 

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

 

Curriculum

Training Web Design and Development using Laravel and Vue 90 Hrs

Tentative Class Start

8th August, 2021

Available Seat

10 / 20

who can join

Basic Knowledge of Computer and Microsoft office.

Meet the Instructor