Course Name

Web Application Development

(For Scratch to Intermediate)

Area of Study
Designing Language: HTML5, CSS3, BOOTSTRAP5
Scripting Language: JavaScript and jQuery
Other Web Technologies: SEO
Structured Query Language: MySQL
Programming Language: PHP 8.0 or above
Framework: Laravel
Others: AJAX, JSON
Project: A Professional Store Management (Easy ERP)

Course Duration: 72 Hours

No. of Classes: 36(Per Class 2 Hours)

Pre-Requisite:
*Interest to google and follow Instructions
 MODULE 1 – Introduction to Web Technology

Day 1 / Learning the Basics of Web Technology

1 Idea about - Web Designing, Web Development, Software Development,
Outsourcing, Freelancing.
2 Basic Ideas on - Domain, Hosting, IP, Server, Programming Language,
Designing Language, Structured Query Language, Framework, CMS, IDE,
cPanel, Domain Control Panel, FTP Client, Local Server.
3 Discuss on what we will be Learning in the Web Technology course and how
4 Code Concepts, Program Concepts
5 How to use IDEs (NotePad++, NetBeans, PHPStorm)
6 How to use Local Server Application (XAMPP, WAMP)
7 How to operate cPanel and Domain Control Panel
8 How to use FTP Clients (FileZilla)

MODULE 2 – HTML and HTML5

Day 2 / Practicing the Basics of HTML and HTML Pages
1 Comments, Starting HTML Page, Head, Style, Script, Body
2 Meta Tag, Meta Attributes, Keywords, Description, Author, Page Refresh
3 Paragraph, Heading, Division, Section, Article
4 Header, Footer, Main, Aside
5 Span, Cite, Address, Abbreviation, Details, Summary
6 Bold, Underline, Italic, Small, Strong, Subscript, Superscript
7 Delete, Mark, Code, Block Quote, Quotation

Day 3 / Practicing Advanced HTML and Basic HTML5

1 Font, Font Size, Font Color, Font Face
2 HTML Entities – Registered Trademark, Copyright, Euro, Space, Cent, Pound
3 Symbol – Summation, Elements Of, Not Elements Of, Empty, Differential Sign
4 URL Anchor, Mail Anchor, Call Anchor, Target
5 Navigation Tag, Purpose of Navigation Tag
6 Image, Image Source, Alternate Attribute, Height and Width, Title
7 Description List, Define Terms, Define Details, Ordered List, Unordered List,
List Item

Day 4 / Practicing More HTML5 and Designing Pages with

Introduction of CSS
1 Level, Result, Access Key, Editable Attribute, Downloadable Product
2 Table, Table Row, Table Data, Table Head, Table Body, Table Foot, Style
Attribute, Border
3 HTML Form, Input Types, Get and Post Method, Button Tag, Button Attributes
4 Designing Website Layout using HTML
 5 How to and Where to CSS code, Comments in CSS, Converting Style
Attribute to CSS
6 ID Selector, Class Selector, Child Class, Grouping Selector, Multi Stylesheet,
Link Stylesheet

Day 5 / Exam on HTML and HTML5 and Base CSS

1 Online Quiz
2 Mentoring Session
3 Professional Lab Test

MODULE 3 – CSS and CSS3

Day 6 / Practicing Basic CSS Codes

1 Background Image, Background Repeat, Background Position, Background
Color
2 Padding, Margin, List, Font, Link, and Table using CSS
3 CSS Combinatory – Child Selector, Descendent Selector, Adjacent Selector;
Target Selector
4 Dimension, Media Screen, Responsive Design
5 Cursor, Custom Font (from External and Internal Source)

Day 7 / Designing with Advanced CSS and Basic Bootstrap

1 Border in CSS, Box Shadow, Opacity, Horizontal Alignment, Background
Image Handling
2 Float, Clear Tag, Columns, Visibility
3 Table in CSS, Position in CSS
4 An example Dropdown Menu using CSS
5 Outline, Menu Example 1 and 2, CSS for Print Screen
6 Why Bootstrap and how we can use it?
7 Bootstrap Designing Patterns

Day 8 / Designing Using Bootstrap

1 Designing Search Box and Text Fields using CSS3
2 Border Image, Background Image, Background Color
3 Gradient, Text Shadow, Word Break
4 Rotate, Rotate X, Rotate Y, Content Position, Counter
5 Transform, Animation, Button in CSS3, Columns, Filter
6 Designing Layout using CSS
7 Understanding the Concept of Template and Theme

Day 9 / Exam on CSS3 and Bootstrap

1 Online Quiz
 2 Mentoring Session
3 Professional Lab Test

MODULE 4 – JavaScript & jQuery

Day 11 / Basic JavaScript

1 Writing JavaScript Code, Comments, Simple Variable, Variable Types
2 JS Operators, Simple Function, Parameter, Arguments
3 If Else Statement, Handling Multiple Condition, Conditional Operators
4 Get Element By ID, Get Element By Tag Name, Get Element By Class
5 Switch Case, For Loop

Day 12 / jQuery Basics, the JavaScript Library

1 Basis Rules and Guidelines on jQuery; Show, Hide, Toggle Function;
2 Change CSS using jQuery, Menu with Mouse-over and Mouse-out
3 Focus and Blur on Text Field
4 Fade-in, Fade-out, Fade-Toggle
5 Slide-up, Slide-down, Menu using Toggle
6 Get and Set Text/HTML using jQuery;

Day 13 / jQuery Basics, the JavaScript Library

1 Example – Add and Remove Element Dynamically
2 Get Dimension using jQuery, Animation using jQuery
3 Load File using jQuery, AJAX Page Load using jQuery, No Conflict Function
4 Make Popup using jQuery, Print Selected Division using jQuery
5 Calendar Date Picker, Crosscheck Password using jQuery

Day 14 / Exam on JavaScript & jQuery

1 Online Quiz
2 Mentoring Session
3 Professional Lab Test

MODULE 5 – Search Engine Optimization

Day 15 / Understanding SEO
1 Basics – What is SEO, Types of SEO
2 Research and Analysis – Market, Keyword, Competitor
3 SEO Guide for Web Design – Content Guideline, Optimization, Design &
Layout, Sitemap
4 Analytics – Google Analytics, Setup
5 Basics on “On-Page Optimization”
6 Domain Names & Suggestions, Popular TLD and Domain Names
7 Meta Tags, Meta Description, Meta Keywords, Title, Header, Bold Text,
Invisible Text
8 Basics on “Off-Page Optimization”

MODULE 6 – SQL/MySQL
Day 16 / Understanding Database and Database Management
Tools
1 What is Database; Traditional and Modern way of storing Data;
2 What are the basic Tools for Database Management, Understanding SQLYog
3 Understanding the Interface and Features of PhpMyAdmin; Data Export and
Import;
4 Handling Database and Table Structure (Create, Alter, Delete) using
PhpMyAdmin
5 Insert, Update, Delete data using PhpMyAdmin; Using Functions from
PhpMyAdmin
6 Working with SQLYog; Working on Remote Database Server;

Day 17 / Managing Database and Table Structures in

SQL/MySQL
1 MySQL Intro – How, when and where to use MySQL
2 MySQL Connect – How to get connected to MySQL
3 CREATE Database – How to Create Database
4 DROP Database – How to Drop a Database
5 KEYS– Use and Importance of Primary and Unique Key in Database
6 NULL & NOT NULL – Importance & Contradiction of NULL & NOT NULL
7 AUTO-INCREMENT – How to Auto-Increment in Database
8 DEFAULT – MySQL Default and its use
9 DATE – Date, Time and Timestamps in MySQL Database
10 CREATE Table – How to Create Table using MySQL Query and SQLYog
11 ALTER Table – How to Alter Table using MySQL Query and SQLYog
12 DROP Table – How to Drop Table using MySQL Query and SQLYog

Day 18 / Advanced Queries using SQL/MySQL

1 INSERT INTO – How to insert data in a Data-Tables
2 SELECT – How to select and grab Data from Data-Table (In Different Ways)
 3 WHERE – How to select Data from Database using Conditions
4 ORDER BY – How to bring Data from Database in Order
5 GROUP BY – Grouping Database outputs from MySQL
6 UPDATE – How to Update Data in a Data-Table
7 DELETE – How to Delete Data of a Data-Table
8 BASIC JOIN – How to use JOIN and the Importance of it in Database
9 LEFT JOIN – Use of Left Join and its Practices
10 RIGHT JOIN – Use of Right Join and its Practices
11 FULL JOIN – Use of Full Join and its Practices
12 OUTER JOIN – Use of Outer Join and its Practices

Day 19 / Exam on SQL/MySQL

1 Online Quiz
2 Mentoring Session
3 Professional Lab Test

MODULE 7 – PHP (Basics and Advanced)

Day 20 / Learning Basics of PHP
1 Syntax, Print / Echo – Basic concepts on PHP
2 Variables, Data Types, Constants – Data Types and Variables in PHP
3 Operators – Operators in PHP Programming
4 If...Else...Else-If – Different conditional statements in PHP
5 Switch – PHP Switch Case
6 Syntax, Print / Echo – Basic concepts on PHP
7 For Loops and Foreach Loop – Practical implementation of Loop
8 Date – Use of Date functions and their Elements

Day 21 / Learning Advanced Topics in PHP

1 Arrays – Array and multi-dimensional data handling
2 String – Working with Strings using PHP
3 Error, Exception – Error and Exception Handling using PHP
4 Custom Functions – Use of Custom Function Development and its Practical
uses
5 Library Functions – Trim, Round, Min, Max etc.
6 Handling HTML Form using PHP – Detailed guideline to use Form in PHP
7 Form Field Validation – Verifying data (Email, URL etc.) that will be accepted
by Form
8 File Handling and Upload – Handling File and Uploading File using PHP
9 Form Security – Safety of Submitted Data using HTML Form / Know about
SQL Injection
Day 22 / Learning Cookie, Session, Encryption, Class and
Object

1 Cookies – How to use Cookies in PHP

2 Sessions – Use of Session, Guideline about Login-Registration System
3 Reading File – Reading File Data in Read/Write Mode by Character or by
String
4 Encryption – Data Encryption, Hash, Salt Mechanism
5 Knowing details about Class and Object
6 Understanding Constructor and Destructor
7 Child Class and Inheritance

Day 23 / Handling Database using PD0

1 Connect to Database using PHP MySQLi Class
2 Select Data using PHP MySQLi Class
3 Insert Data in Database using PHP MySQLi Class; Get Last Insert ID;
4 Update Data in Database using PHP MySQLi Class
5 Delete Data from Database using PHP MySQLi Class
6 Create Database and Table using PHP MySQLi Class
7 Connect to Database using PDO Class; Understanding Prepared Statement;
8 Select Data from Database; Select Data from Database with Placeholder;
9 Insert Data into Database; Insert Data from Database using Placeholder;
10 Update Data into Database using PDO Class;
11 Delete Data from Database using PDO Class;

Day 24 / Sending real-time Mail & SMS; Generate PDF & Excel;
AJAX Pagination
1 Send Mail using PHP with the help of Apache/SendMail Module; Send SMTP
Mail
2 Send SMS using PHP with the help of SMS Gateway, Learn to use cURL
3 Generate PDF using DOM PDF Library; Generate Excel using PHPExcel Library
4 Create Paginated Table using AJAX

Day 25 / Exam on PHP 8.0

1 Online Quiz
2 Mentoring Session
3 Professional Lab Test

MODULE 8 – Laravel (Advanced PHP Framework)

Day 26 / Learning Laravel Basics

1 What is Laravel?
2 Why we will use Framework?
3 Laravel Repository Mapping.
4 Laravel Documentation Usage
 5 Laravel File Structurers.
6 Laravel Installation with command line and also know what is Composer?

Day 27 / Laravel Basic File Creation with Real Time Results

1 Laravel Model Creation

2 Laravel Controller Creation
3 Laravel View Creation with blade template
4 Laravel route declaration.
5 Laravel Error handling
6 Laravel Database migration schema
7 Laravel Seeding

Day 28 / Learning Cookie, Session, Encryption, Class and

Object

1 How to serve a laravel project with Base CRUD (Create, Read, Update,
Delete)
2 Sessions – Use of Session, Guideline about Login-Registration System
3 Task Based on Laravel Guidelines.

MODULE 9 – Professional Project

Day 29 / Preparing all the Designs and Codes for Project
1 Creating and Documenting Requirements
2 Preparing Database for Project
3 Preparing Template for the Project
4 Preparing the Skeleton of the Project (View, Model, Controller)

Day 30 / Professional Web Project – Day 1

1 Create Admin Panel; Login System and Access Level Control;
2 Admin Module - Add Admin, List Admin, Edit Admin Delete Admin;
3 Customer Module P1 – List Customer; Edit Customer Profile; Reset Customer
Password
4 Customer Module P2 – List Addresses, Edit Addresses;
Day 31 / Professional Web Project – Day 2
1 Product Module - Add Product, List Product, Edit Product, Delete Product
2 Order Module – List Invoice/Orders, Change Invoice/Order Status

Day 32 / Professional Web Project – Day 3

1 Login in the Website
2 Register in the Website
3 Access Control in Pages

Day 33 / Professional Web Project – Day 4

1 My Account Page
2 Address Book Page
3 My Dashboard

Day 34 / Professional Web Project – Day 5

1 Make New purchases
2 Make New inventory stock management

Day 35 / Professional Web Project – Day 6

1 Optimized Search option
2 Excel Bulk upload
3 Create Reports in Excel
4 Invoice page

Day 36 / Professional Web Project – Day 7

1 Wrap up the project with good security layer.
2 Basic Software Testing Techniques
3 Go through what we have done.
4 Future task or goal to achieve.