WeekSession Topic Sub Topic

Schedule
Session-1 i)Introduction To Fullstack - What is Fullstack
Technologies - What are the Requirements to build End to End Web
ii)Introduction to Web Application?
- What are the Challenges in modern web
development?
- What is Html,css,js?

HTML
Session-2 Core Concept of html Elements and Attributes (Tags, Introduction, Types
(single tags/ empty tags/void tag/ self closing tag),
paired tag, semantic tag, non semantic tag,Tags and
types of tags,Element and types of element, attributes
and examples based on that, lists (ol,ul,dl)

Session-3 important tags Links(anchor, internal linking, external linking,

hashbased navigation) multimedia tags (audio, video)
maps, Layout tags (Div, Section, Header, Main, Nav,
Footer)

Session-4 Forms What is form and why should we create a form? Form
tags and form attributes , Form Elements & form
element attributes and types
Session-5 HTML 5 2) HTML 5 Features with Examples
- New structural elements
<article> ,<header>,<footer>,<nav>,<section>,and<figu
re>
- New from control calendar,
date,time,email,url,search
- New HTML5 API’s
- HTML Geolocation, HTML Drag And Drop, Web
storage
- New function for embedding audio(<audio>),
video(<video>), graphics(<svg> and<canvas>)
- Client-side data storage
3) HTML 5 validations Attributes

CSS
Session-6 Introduction & Selectors & What is CSS
Coloring & formatting Why Use CSS?
How is CSS Used?
Creating and Linking a CSS StyleSheet
How To Test A Stylesheet
Selectors:
What is a selector?
The Universal/Global Selector
TheTag/Element Selector
The ID Selector
The Class Selector
The Attribute Selector
The Relationship Selector
Psuedo Selector
Group Selector
Specificity & When To Use Selectors
What are Properties?
The CSS General Rule
Types of Colors
-Coloring Text
-Background colors
Images/URLs in CSS
Other background Properties
-Opacity / Transparency
-Gradients
Session-7 formatting, Fonts & text
manipulation,Layout Fonts & Text Manipulation:
Introduction to types of units
Text Manipulation
Font Size, Bolding & Style
Font Families
Including external fonts W/Google Fonts
Using External Fonts

-Introduction
The Box Model
Padding
Border
Margin
Changing Content Size
CSS Borders
Margin & Padding
Float & Display Types

Session-8 Flexbox And Grid Introduction

Flexbox Components
Creating a Flex Container
Flex Direction & Wrap
Content Alignment
Flex Item Order
Shrink, Grow & Basis
The 'Flex' Property
Item Alignment

Grid vs Flexbox
Introduction
Differences
Creating a Grid
Template Columns & Rows
Justify & Align Grid
Row & Column Gaps
Column & Row Lines
 JavaScript

Session-9 Introduction to JavaScript 1) What is Javascript? Use of javascript?

Operators 2) Trend of Javascript?
Decision making stmts 3) Types of Implementing Javascript?
- Inline
- Internal
- External
4) What are the Datatypes? Example for each one of
them?
5) Variables & Constants?
6) What is Hoisting?
7) Alert, Prompt and Confirm Modals
8) Operators
- What is Operators ?
- Types of Operators
- Examples for each one of them
9) Decession Making
- What is decession making ?
- Different types?
- Examples for each one of them
Session-10 Loops And DataStorage Loops
Techniques - What is loops?
- Usage?
- Types of loops?
- Entry controlled vs exit controlled loops
- Examples for each one of them

1) What are the types of data storage?

2) Strings & Methods
3) Mutable and Immutable Strings/Objects

Session-11 DataStorage Techniques

1) Arrays & Methods
2) Objects & Methods
3) Array of Objects?
4) Object configuration and properties
Session-12 DOM & Dom Manipulations 1) What is DOM & Dom Manipulation Metthods?
2) Types of DOM Manipulation Methods?
- Dom Selectors
- getelementById()
- getElementByTagName()
- getElementByClassName()
- querySelector()
- querySelectorAll()
Adding Css using Javascript
- [Link]('idvalue').[Link] =
'value';
- Classlist
- addClass
- removeClass
- InnerHTML
- [Link]() vs innerHTML
- Attaching Event
- addEventListener()
- Detaching Event
- removeEventListener()
- Manupulating Elements
- createElement()
- appendChild()
- removeChild()
- replaceChild()
Session-13 DOM And Functions Adding Css using Javascript
-
[Link]('idvalue').[Link]='va
lue';
- Classlist
- addClass
- removeClass
- InnerHTML
- [Link]() vs innerHTML
- Manupulating Attributes
- setAttribute()
- removeAttribute()

What are Functions in JavaScript?

When and where to use Functions?
6 Ways of declaring Functions based on examples ,
setTimout and setInterval, Function Advantages and
Disadvantages
Session-14 Forms & Events 1) What is forms and validations?
2) Events and Event handling
- keyup
- keydown
- Mouse events
- click
- dblclick
- hover
- mouseover
- mousemove
submit
blur
focus
reset
change
load
scroll resize

3) Types of form validations - field validations - form

validation
- Regular expressions - form validation using regex -
form validation without regex

Session-15 GIT Fast introduction to GIT commands,Simple Rebase

Example,Setup for rebasing conflict,Abort a
Rebase,Rebase Conflict and Resolution,Pull with
Rebase (GitHub)

Core Java
Session-16 Java Introduction · Introduction To Java
· Java History
· Why Java , Features of java, jdk, jre ,jvm, installation
of JDK AND EDIT ++
.Structure of java, Difference between print and
println , Scope of Variable, Tokens , Datatypes and
variables

Session-17 Operators Types of operators,Dynamic Read

Session-18 Decision making statement, Decision Making statements(if, if-else, if-else ladder,
Looping stmts switch),Do while, for loop, while loop, nested loop with
examples, And programming

Session-19 Methods, constructor Methods (types of methods), method call flow,

Constructor, class and object

Session-20 OOPS static, non-static , Encapsulation , data hiding,

inheritance

Session-21 OOPS polymorphism (method overloading, method

overriding),Abstraction, Interface

Session-22 Array And Strings Arrays with example,Strings, string buffer, String
builder

Session-23 Exception handling exception handling mechanism, finally block,custom

exception, difference between throw and throws
keyword
Session-24 Collection List (arraylist, linkedlist)

Session-25 Collection iterator, listiterator, Set(hashset, treeset)

MySQL
Session-26 My SQL SQL introduction, installation of workbench,Data types,
Steps to create table

Session-27 My SQL Contd. constraints (null, not null, unique,check, default,

primary key, composite primary key, foreign key),on
delete cascade, alter statements,

Session-28 My SQL Contd. DML statement,sql built in function (row level, group
function), where clause, having clause,like operator,
join

JDBC

Session-29 JDBC JDBC Introduction, jdbc basics and

example,Resultset, Prepared Statement,
Callable Statement

Hibernate
Session-30 Hibernate Contd. Hibernate
Hibernate Introduction
Hibernate Basics
Hibernate Architecture
Hibernate Session
Hibernate SessionFactory
Session-31 Hibernate Contd. Hibernate Configuration
Hibernate Configuration Offline
Hibernate Association Mapping
One to One Mapping
One to ManyMapping
Many to OneMapping
Many to Many Mapping

Spring

Session-32 Spring spring framework

3.2. Spring Framework
1. Spring Framework Introduction
2. Spring Basics
3. Inversion of Control
4. Dependency Injection,5. Beans Scope

Spring Boot
Session-33 Springboot Spring Boot Introduction
Spring Boot Basics
Why Spring Boot
Spring Boot Features,STS installation,
creation of project, spring initializer

Session-34 Springboot contd. Deploy Spring Boot Applications on External Tomcat

Server
Spring Boot – Common Application Properties
([Link])
Introduction to the Rest Apis and Spring data Jpa with
CRUD Operations example

ReactJS
Session-35 React Introduction What is React?
React Project Setup/React Boilerplate
Variables and Datatypes
Node, Module, Package, Node Package Manager(NPM)
Create React App,Virtual DOM?
Loops, Operator and Conditions?
Array and String Methods

Session-36 JSX,components 1. What is JSX Element

2. Commenting a JSX element
3. Rendering a JSX Element
4. Style and className in JSX
5. Injecting data to a JSX Element
Big picture of components
JavaScript function vs Class
Creating React Component
Class Component
Functional Component
How to create Reusable Components
Session-37 Props And States Props in Functional Component
What is props?
Props object
Destructuring props
propTypes
defaultProps
How to share data between components using Props

What is State in React

How to set state in Functional Component
How to set state in Class Component
How to reset the State in class/functional

Session-38 Navigation And Forms What is React Router ?

BroswerRouter
Route
Switch
NavLink
Nested Routing
Redirect
Prompt
Form input fields
Form Data Binding
Form Validations
Styling Forms
Session-39 API Request,Life cycle Hooks Async Request in React - Axios/Fetch
How to do HTTP/API request?
GET, POST, PUT and Delete using Axios and Fetch

Functional component Lifecycle hooks

Class component Lifecycle hooks
Refs and useContext

Session-40 Project discussion on project