This Training is jointly organized by BITM & Babylon Resources Ltd.

Training will be held in Babylon Resources Ltd.

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