FULL STACK
DEVELOPMENT
1
INDEX
TOPICS PAGE NO.
1. HTML & CSS 3
2. BOOTSTRAP 6
3. JAVASCRIPT 9
4. ANGULAR JS 12
5. REACT.JS 15
6. NODE JS. 18
7. PHP 20
8. MYSQL 23
9. MONGODB 26
2
HTML
and
CSS
3
HTML and CSS (40 Hours)
Each session 2 hours
Session 1
Introduction to HTML.
Advantages of HTML.
Content of web pages.
Simple structure of HTML program.
Working with basics tags, body attributes: alignment.
Session 2
Working with Tags and Attributes
Block level tags [Paragraphs, Heading, and Horizontal Ruler].
Text level tags [Bold, Underline, Italics, preformatted Text,
Small, strong, address, div, etc.].
Using Comment and Special Characters [< >….)
Session 3
Working with Types of Lists and Attributes
Ordered List.
Unordered List.
Nested List.
Session 4
Working with Links and Marquee
Introducing Marquee and Attributes.
Scroll Text using Marquee.
Introducing Types of Links.
Working with Internal and External Links.
Session 5
Working with Images and Image Mapping
Inserting Images.
Attributes of Image.
Image Linking/Mapping.
Attributes of Image Mapping.
Session 6
Working with Tables and Attributes
Concept of Tables.
Creating Tables and applying attributes.
Creating Nested Tables.
4
Working with images and tables.
Session 7
Working with Frames
Concept & features of frames
Working with different types of frames in HTML
Using various tags associated with frames
Attributes of frameset
Session 8
Working with Forms
Concept of forms.
Different components of a form.
Creating forms with different components.
Different methods and actions used with forms.
Using table with forms
Session 9
Introduction to CSS
Generations of CSS – CSS1, CSS2, CSS3
Working with Inline CSS
Working with Selectors [id & class]
Session 10
CSS Introduction, Type of CSS Syntax Selector Property
Session 11
Background color, position, image, repeat, size
Border and Border-radius and style width and color
Session 12
Margins and padding, Box Model, Height and width.
Session 13
Fonts and all property, text related property and Links CSS
Session 14
List css, table css, display and Position ,float left and right.
Session 15
Z-index, Opacity, Navigation Bar, Form css.
Session 16
Shadow, Gradient and text Effect and 2D & 3D Transform
Session 17
Transitions, Animation css and Box-Sizing
Session 18
5
Media Query
Session 19
Div with external CSS, Nested Div, Template in CSS with Nested Div
Session 20
Project
Bootstrap
6
Bootstrap 5.0 (30 Hours)
Each session 2 hours
Session 1
Introduction of Bootstrap, Why Use Bootstrap, download bootstrap, container,
container-fluid class, Grid System and explain device sm, lg, md, xl etc.
Session 2
Introduction of Bootstrap, Why Use Bootstrap, container, container-fluid class,
Grid System, column, Z-Index and explain device sm, lg, md, xl etc.
Session 3
Typography,<code> <kbd> <dl> <mark> <abbr>. Color, text-primary, text-
danger, text-success, text-dark etc.
Session 4
Table, table striped, hover, table background color etc. Image, Circle, rounded
thumbnail and responsive image
Session 5
Background color, bg-primary, bg-danger, bg-success, bg-dark etc.
Session 6
Accordion, collapse, accordion-item, accordion-header, data-bs-toggle.
Session 7
Alerts: alert-primary, secondary, danger, success and alert-link. Badge.
Session 8
Button, outline Button, Size, Disable state, button block, Button Sizing, spin
and grow button. Button Group:
Session 9
7
Dropdown, up, start, end, toggle button, Button group Vertical.
Session 10
Navbar, Nav, tabs, Pills, navbar-expand-lg, nav-item, nav-link, active, fixed top,
fixed bottom, sticky navbar
Session 11
Model, full screen Model, Model Size, Tooltips, Positioning Tooltips, Popover,
Positioning Popover, and Toast.
Session 12
Scrollspy, Offcanvas, Offcanvas Sidebar, start, title, offcanvas body, offcanvas
positioning, offcanvas menu
Session 13
Form, text, select menu, check, radio, input groups, floating Label, textarea,
range, Validation form in bootstrap.
Session 14
Border, Border width, color, radius, float, clear fix, spacing margin and padding,
Session 15
Font-awesome, Shadow, Vertical alignment, Visibility, close icon and more
ICON.
8
JavaScript
9
JavaScript (Total 30 hours)
Each Session 2 hours
Session 1
Introduction of JavaScript, Language Syntax, Variable, Declaration of variable,
Session 2
Data Type, Different between let and const, and var vs let and scope of
variable
Session 3
Operator Arithmetic, Relational, Logical, Assignment, Increment & Decrement
and with Example.
Session 4
Decision Making, Simple if, if else, nested if else, Ladder if else if and switch
statement with proper example.
Session 5
Looping type of Loop, for, while, do while loop, break, continue statement,
nested for loop.
Session 6
What is Array? And their Method, Type of Array, 1Dim and 2Dim Array with
Proper Example.
Session 7
What is String? And Pre define Method of String like uppercase, lowercase,
length, substring, replace and more method
Session 8
What is Math Library? And Pre define Method of Math like round, ceil, floor,
max, min, random and more method.
10
Session 9
What is Function? Type of function and define parameter and return type
function. Pre define Date () and All date Method.
Session 10
What is Event? Click Event, Mouse Event, Focus Event, Key Press Event and
more Event.
Session 11
What is Sets? And Essential set Method. What is Map? And map Method? And
this keyword.
Session 12
HTML DOM (Document Object Model)? And document.getElementById (id),
document.getElementByName (name) etc.
Session 13
BOM (Browser Object Model)? And History, Alert, Cookies, Navigator etc.
Session 14
Class and Object, Constructor method and Inheritance with proper Example.
Session 15
What is Arrow function? Arrow Functions Return Value by Default:
Arrow Function with Parameters:
Module 2: Language Syntax In this module we will learn about JavaScript
language syntax and how to use the program level. And we can also learn
understanding the arrays. Variable declaration Operators Control
Statements Error Handling Understanding arrays Function Declaration
Session 11
Background color,position,image,repeation ,size
Border and Border-radius and style witdth and color
11
Angular JS.
12
Angular JS. (Each Session 2hours)
Total Session 30 Hours
Session 1
Introduction Angular JS
Introduction to AngularJS, MVC Architecture, Conceptual Overview, Setting up the Environment, First
Application, and Understanding ng attributes
Session 2
Expressions
Number and String Expressions, Object Binding and Expressions, Working with Arrays, Forgiving
Session 3
Data Biding
Understanding Data binding, Data Model, HTML View, ng-model, two way binding,
Session 4
Working with Directives
Core Directives, how to use directives and different types of directives like styles ng-app Directive,
ng-init Directive, ng-model Directive.
Session 5
Controllers I
Understanding Controllers, Programming Controllers & $scope object, Adding Behaviour to a Scope
Object, Passing Parameters to the Methods,
Session 6
Controllers II
Having Array as members in Controller Scope, Nested Controllers and Scope Inheritance, Multiple
Controllers and their scopes
Session 7
Filters I
Built-In Filters, Currency, Date, Uppercase and Lowercase Filters, Currency and Number Formatting
Session 8
13
Filters II
Filters: OrderBy Filter, Filter to Filter, JSON and Creating Custom Filter, Angular $http, Methods.
Session 9
Angular js Table
Displaying data in the Table, Displaying data in css and using $even or $odd, angular js select
statement.
Session 10
Angular js DOM
Ng-show Directive, ng-hide Directive, Event, ng-click, ng-change, ng-blur, ng-focus, ng-keyup, ng-
keypress etc.
Session 11
Service and Form
Service, $location, $timeout, $interval, Using Simple Form, Working with Select and Options, Radio,
checkbox, text and TeaxArea.
Session 12
Forms II
Input Validations, Using CSS classes, Form Events, Custom Model update triggers, Custom
Validations
Session 13
Modules
Why Module? Module Loading and Dependencies, Recommended Setup of Application, Creation vs
Retrieval
Session 14
Services
Advantages of services , how to inject dependencies in a service, Understanding Services, Developing
Creating Services, Using a Service, Injecting Dependencies in a Service
Session 15
Routing
Introduction to SPA, ngRoute, templateURL, Creating HTML Templates, Configuring Route Provider.
14
React JS
15
React JS (Each Session 2hours)
Total Session 30 Hours
Session 1
Introduction to React
What is React? Why React? React version history, Just React - Hello World, Using create-react-app,
running the app
Session 2
ES6 Overview
What is ES6, Block scope, let & const, literals, Arrow functions
Session 3
ES6
Classes - Inheritance, Static properties and methods, Inheritance, Static properties and methods
Session 4
Templating using JSX
, , ,
Working with React.createElement Expressions Using logical operators Specifying attributes ,
Specifying children
Session 5
Components
Significance of component architecture, Types of components - Functional, Class based, Pure
Component Composition
Session 6
Working with state and props
What is state and its significance, Read state and set state, passing data to component using props
Validating props using propTypes
Session 7
React Conditional
If Statement, Logical && operator, Ternary Operator (? : ;)
Session 8
Rendering lists
16
Using React key prop, Using map function to iterate on arrays to generate elements
Session 9
Event handling in React
Understanding React event system, Understanding Synthetic event, passing arguments to event
handlers
Session 10
Working with Forms
Controlled components, Uncontrolled components, Understand the significance to default Value
prop, Using react ref prop to get access to DOM element
Session 11
Routing with React Router I
Setting up react router, Understand routing in single page applications, working
with BrowserRouter and HashRouter components
Session 12
Routing with React Router I
Configuring route with Route component, Using Switch component to define
routing rulesMaking routes dynamic using route params
Session 13
Routing with React Router III
Navigating to pages using Link and NavLink component, Redirect routes using
Redirect Component, Using Prompt component to get consent of user for
navigation
Session 14
React useState
Import useState, initialize UseState, Reading UseState, and Update UseState,
updating object and Array in State.
Session 15
React useEffect
UseEffect, useContext, useRef, UseReducer, useCallback, useMemo in react JS.
17
Node JS
18
Node JS(Total Hour 30)
Each Session 2 hours
Session 1
Introduction to Node JS, What is Node JS? Advantages of Node JS, Traditional Web Server Model,
Node.js Process Model
Session 2
Setup Dev Environment, install Node.js on Windows, Installing in mac os, Node JS Console
Session 3
Node JS Modules, Functions, Buffer Module, Module Types, Core Modules, Local Modules Module.
Exports
Session 4
Node Package Manager, What is NPM, Installing Packages Locally, Adding dependency in
package.json, installing packages globally, Updating packages
Session 5
Creating Web server, Handling http requests, Sending requests, handling GET, POST,PUT and Delete
requests
Session 6
File System, Fs.readFile, Writing a File, Writing a file asynchronously, Opening a file, deleting a file
Other IO Operations
Session 7
Debugging Node JS Application, Debugging is a process of tracing the bugs, Core Node JS debugger,
Debugging with Visual Studio
Session 8
Events, work with the events in Node JS, and the significance of the events, EventEmitter class,
Returning event emitter, Inhering events
Session 9
Express.JS, use express framework to create web applications, Configuring routes, working with
express
Session 10
19
Serving Static Resources, o serve static html pages to the browser, and serving other file formats and
restricting certain files, serving static files, working with middle ware.
Session 11
Database connectivity, Connection string, Configuring, Working with select command, updating
records, deleting records
Session 12
Database connectivity with mongo db, perform CRUD (Create Read, Update, Delete) operation
Project on Node js (6 hours)
PHP
20
PHP (Each Session 2 hours)
Total Session 40hours.
Session1
Introduction to PHP,Web Architecture, Overview of PHP Platform, Origins of PHP in the open source
community, Why we use PHP?, Availability across multiple platforms,
Session2
Installing as a module for Apache Web Server PHP language building blocks, Comparing PHP with
other Web scripting languages or technology, Installation of PHP,
Session3
PHP delimiters, Variable initialization with PHP, PHP Data types, PHP Constants, PHP Operators
Session4
Conditional Statements Simple if statement, If else statement, Nested If else statement, Switch Case
statement.
Session5
Looping Jump Statements (Break, Continue, Exit For loop, while loop, do while loop, Nested Loop
Session6
Introducing ARRAY, How to use an important programming construct: arrays, Numerically Indexed
arrays,
Session7
Non-Numerically Indexed arrays (Associative Array), Multidimensional arrays, Array sorting
Session8
Manipulation user input, Presenting the user with input options via different HTML from elements
Retrieving form data with $_POST, $_GET and $_REQUEST, Preserving Data in Form inputs Reusing
Session9
Functions, Introducing Functions, Defining functions, using parameters, Understanding scope,
Returning values, call by Value & Call By reference,
Header location, Using Require () and include () Array
Session10
21
String strtolower(), strtoupper(), strstr() stristr(), strops(), strlen(), trim(), str_split() and more
function.
Session11
Math sqrt(), tan(), abs(), ceil(), round(), floor(), hypot(), sin(), cos(), pow(), pi() and more function.
Session12
Date functions date_diff(), date_add(), date(), getdate(), strftime(), strtotime(), time() and more
function.
Session13
Exception Handling: runtime error, System Exception and user define Exception, block try, catch,
throw, finally
Session14
String Manipulation and Regular Expression, Formatting, Joining, splitting, comparing strings
Session15
State Management, Session, Cookie, Query String, Understanding Basic Session Functionality
Starting a Session, Registering Session variables, Using Session Variables, Destroying the variables
and Session
Session16
What is a Cookie? Setting Cookies with PHP, Using Cookies with Sessions, Deleting Cookies
Implementing Query String, Hidden Fields.
Session17
MySQL Database Introduction to DBMS and MySQL, Web Database Design & Architecture. Creating a
MySQL Database, Creating Database Tables, Column Data Types.
Session18
Implementing Insert/Delete/Update and select Query, Aggregate Functions, Having and Group By
Clause, Joining Table, Implementing Keys & Constraint.
Session19
CRUD (Create, Read, Update, Delete)
Session 20
Project on Ecommerce Website
22
MySQL
23
MySQL (Each Session 2hrs)
Course Duration: 30Hrs
Session 1:
Introduction to MySQL, Introduction Database, and Understanding DBMS vs RDBMS, Data
types in MySQL.
Session 2:
ER (Entity Relationship) Diagram, Sql Divided into 4 parts, DDL, DML, DCL and TCL.
Session 3:
Create Table, Rule of naming table and column name Database, Inserting data, Update
Data and deleting Data.
Session 4:
Modify structure of table, alter table, add, drop column and modify size, drop table, truncate
table. Rename of table
Session 5:
Selecting data from table, sorting data, distinct data, top select row data and operator in
MySQL
Session 6:
Where clause, Relational operator, Logical operator, between, in, not in, is and is not null,
pattern matching like operator.
Session 7:
Data Aggregation sum (), avg (), max (), min (), count (), and working with group by clause
and having clause.
Session 8:
Integrity constraints, Primary key, foreign key, Not Null, unique, check constraint and default
constraints
Session 9:
String function, Upper (), Lower (), len (), ascii(), ltrim(), rtrim(),trim(), substring(), replace(),
left(), right() and more function.
Session 10:
Math function, round (), floor (), ceiling (), sqrt (), power (), Exp (), Cos (), abs (), sin (), cos ()
and more function.
Session 11:
Date function, adddate (), date (), dayname (), datediff (), now (), year (), month (), day (),
and more function.
24
Session 12:
Understanding joins and its uses, types of joins, equi join, non equi join, left outer join, right
outer join self-join, and full join.
Session 13:
Set Operators and Pseudo Column, UNION, UNION ALL, INTERSECT, Exist and not exist.
Session 14:
Sub Queries, Single row sub queries, multi row sub queries, nested queries, multi column
sub queries and correlated sub queries.
Session 15:
Database Transaction and Security, TCL transaction control language, Commit, Rollback,
Savepoint, and grant and revoke object privileges.
25
MongoDB
26
MongoDB (Total 10 Hours)
Each Session 2 hours
Session 1
OVERVIEW OF MongoDB, Introduction of MongoDB , No SQL Database, Advantage over RDBMS
Session 2
MongoDB Data Types, Install MongoDB, MongoDB Data Modeling
Session 3
MongoDB Operators, Query & Projection Operator, MongoDB Update Operator, Aggregation
Pipeline Stages, MongoDB limit (), MongoDB sort (), Query Modifiers
Session 4
Database Commands, Inset Documents, Update Documents, Delete Documents, Aggregation
Commands, Query and Write Operation Commands.
Session 5
Database Create Database, Drop Database Collection, Create Collection, Drop Collection.
27
