Full Stack Web Design & Development  (PHP, Laravel Track)

Full Stack Web Design & Development (PHP, Laravel Track)

The goal of the Full Stack Web Design & Development program is to equip learners with the unique skills they need to build websites and web applications.

course at a glance

  • Date : 18 Apr - 26 Sep 2020
  • No. of Classes/ Sessions : 50
  • Total Hours : 200
  • Last Date of Registration : 13 Apr 2020
  • Class Schedule :
    • Saturday - 05:00PM - 09:00PM
    • Friday - 05:00PM - 09:00PM
  • venue : BASIS Institute of Technology & Management (BITM) BDBL Bhaban (3rd Floor - East), 12 Kawran Bazar, Dhaka -1215.

Price: TK. 40,000
(Excluding VAT & TAX)
Promotional Offer BDT 30000 (Valid till 20th March, 2020)

This training is organized by BITM. Training will be held in BITM.

 

What you'll learn

  • Learn HTML5, CSS3, Vanilla JS, jQuery, PHP, MySQL, Laravel all from scratch.
  • How to build your own beautiful Modern Responsive website using Bootstrap.
  • Learn how to use jQuery.
  • Learn PHP for server code execution.
  • Build a web application based website.
  • Real life projects will be shown and how to implement them.
  • After completing this course one will be ready for job market.
  • This course provides career goal and path in the web development sector.

 

Course Outline

 

Beginning With HTML:

Day 1:

  • Understanding web, website, and internet.
  • Understanding how web works
  • Technology for web structure, content & presentation.
  • HTML history.
  • Basic HTML-5 structure.
  • HTML tag, element & Attribute.
  • Formatting Tags

 Day 2:

  • HTML Color
  • Background Color
  • Specifying Font Information
  • Anchor Tag
  • HTML Lists & Blocks
  • HTML Table
  • Table Cell Spacing & Padding
  • Changing Table Height & Width of Table Elements

 Day 3:

  • HTML Layout
  • HTML Form
  • Form Overview
  • HTML Iframes
  • HTML Media
  • HTML5 Video
  • HTML5 Audio

 

Understanding Basic CSS:

Day 4:

  • Introduction to CSS
  • External Style Sheet
  • Internal Style Sheet
  • Inline Style
  • CSS Syntax
  • CSS Id & Class
  • CSS Selectors

 Day 5:

  • Property Introduction
  • The word-spacing Property
  • Text Align Property
  • Line Height Property
  • Background-URL
  • Background-Position
  • Background-Repeat
  • Specificity & Validating your CSS

CSS Advanced:

Day 6:

  • CSS Box Model
  • 2 Column Layout
  • 3 Column Layout
  • CSS Border, Outline, Margin & Padding

 Day 7:

  • CSS Floating & Positioning
  • CSS Dimension & Display
  • CSS Align, Pseudo-class, Pseudo-element &Navigation Bar
  • CSS Image Gallery, Opacity, Sprites &Media Types

 Day 8:

  • CSS3 Round Corners
  • CSS3 Font-face
  • CSS3 Transparency and Semi-transparency
  • CSS3 Box Shadow & Text Shadow
  • CSS3 Transitions, Transform & Gradient

JavaScript Basics:

Day 9:

  • Introduction to JavaScript
  • JavaScript inserted into HTML pages.
  • JavaScript Essentials
  • JavaScript comments
  • Display info from the browser: alert & confirm
  • Prompting the user for information
  • Programming fundamentals: Variables
  • Add two sentences together: concatenation
  • Basic math in JavaScript

 

Working with JavaScript:

Day 10:

  • Programming fundamentals: If...Else Statements
  • Programming fundamentals: Else...If Statements
  • Programming fundamentals: Switch Statements
  • Programming fundamentals: Functions
  • JavaScript Events, Escaping content
  • Programming fundamentals: Arrays
  • Programming fundamentals: For Loops
  • Programming fundamentals: While Loops

 Day 11:

  • Getting parts of a value: split & substr
  • Programming fundamentals: Try..Catch And Throw
  • Getting the users date and time
  • Some more complex math (no homework)
  • Programming fundamentals: Regular Expressions
  • Get the users browser (navigator)
  • Add timing: setInterval & setTimeout
  • Programming fundamentals: Objects

JavaScript Library - jQuery:

Day 12:

  • What is jQuery?
  • Installing jQuery
  • jQuery Syntax
  • Selecting is super easy in jQuery
  • Events (Listeners)
  • When A Key Is Pressed
  • Basic jQuery effects

 Day 13:

  • Executing code when a function is complete: callbacks
  • Selecting and changing element inner HTML
  • Changing CSS
  • Animate your CSS and HTML
  • Managing HTML element attributes

jQuery Advanced:

Day 14:

  • Complete form validation using JQuery.
  • JQuery show hide password
  • Regex Pattern

 Day 15:

  • JQuery image gallery
  • JQuery scroll event
  • JQuery Image Slider
  • JQuery Plugin Usage

 

Bootstrap Introduction:

Day 16:

  • Introduction
  • Grid system
  • Layout
  • Responsive Design
  • Typography
  • Tables
  • Button

 Day 17:

  • Tabs and pills-based navigation
  • Navbar
  • Inline labels and badges
  • Thumbnails
  • Progress bars
  • Breadcrumbs
  • Pagination
  • Alerts and Errors

 Day 18:

  • Modals
  • Popover
  • Dropdown
  • Scrollspy
  • Carousel
  • Form

Working with Bootstrap:

Day 19:

  • Responsive Website Design with Bootstrap part – 1

 Day 20:

  • Responsive Website Design with Bootstrap part – 2

 

PSD to HTML:

Day 21:

  • PSD to HTML Convert Basic part – 1

 Day 22:

  • PSD to HTML Convert Basic part – 2

Web Design Project (PSD, Bootstrap):

Day 23:

  • Website design with professional PSD using Bootstrap part – 1

 Day 24:

  • Website design with professional PSD using Bootstrap part – 2

Day 25:

  • Website design with professional PSD using Bootstrap part – 3

 

PHP Beginning:

Day 26:

  • Understanding server-side technology.
  • PHP history.
  • PHP development environment.
  • PHP Basic Syntax.

PHP Basics:

Day 27:

  • PHP Variable & Data Type.
  • PHP Operator
  • PHP Statement
  • PHP Array
  • PHP Function

Day 28:

  • Popular String related Function.
  • Popular Array related Function
  • Basic Math using PHP

 

PHP Advanced:

Day 29:

  • Get & Post Variable
  • Include and Require Once.
  • deleting file
  • Uploading files.
  • Downloading files

 Day 30:

  • Register session variable
  • Creating a cookie.
  • Header, Subject, From, Message
  • Send email to a mail address
  • Additional Header Advanced Level

 

Object Oriented PHP:

Day 31:

  • 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.

Day 32:

  • Understanding the concept of Interface.
  • Understanding the concept of Abstract Class.
  • Introduce to magic method.
  • Understanding the concept of Namespace.
  • Introduce to Composer.
  • Introduce to Autoload.

MySQL Database Basics:

Day 33:

  • Introduce to Database Server.
  • Introduce to MySQL Database Server.
  • Create database, table inside the Database Server.
  • Introduction to Structured Query Language (SQL).
  • Perform action through SQL inside Database Server.

CRUD with OOP:

Day 34:

  • Introduction to CRUD operation.
  • Data Save into the database server.
  • Data Retrieve form the Database Server.
  • Data edit & update.
  • Data Delete.

 Day 35:

  • Understand the Session
  • Understand the Login Concept.
  • Create secure Login Panel.

Project with OOP:

Day 36:

  • Creating a blog using OOP part – 1

 Day 37:

  • Creating a blog using OOP part – 2

 Day 38:

  • Creating a blog using OOP part – 3

 

Framework Introduction - Laravel:

Day 39:

  • Understanding the concept of framework.
  • History of PHP framework.
  • Popular PHP framework.
  • Introduce to MVC
  • Why Laravel.
  • Laravel installation.
  • Project folder structure.

Working with Laravel:

Day 40:

  • Route Introduction & Route Naming.
  • Request Lifecycle.
  • Resource view route.
  • Data Passing process without controller.
  • Artisan command & Create Controller Class.
  • Data Passing process with controller.
  • Introduce to App Service Provider Class.
  • GET & POST Request.

 Day 41:

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

 Day 42:

  • 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.

 

A Simple Project with Laravel:

Day 43:

  • Project with Laravel – 1

 Day 44:

  • Project with Laravel – 2

 Day 45:

  • Project with Laravel – 3

 

Vue Js Introduction:

Day 46:

  • Introduction to Vue JS
  • Vue Variables
  • IF ELSE, Loop
  • Components
  • Props
  • Basic Math using Vue

 

Final Project with Laravel & Vue Js:

Day 47:

  • Install Vue Router
  • How to use Vue Component
  • Create component with Vue Routing.
  • Laravel and Vue Js Mix Routing

 Day 48:

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

 Day 49:

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

 Day 50:

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

Curriculum

Module Full Stack Web Design & Development 200 Hrs

Tentative Class Start

18th April, 2020

Available Seat

10 / 30

who can join

No pre-knowledge is required. Just able to operate a computer.

Meet the Instructor