Module 1:Semester 1 | Module 1 – HTML

Introduction To Web And Basic HTML Tags

• Pieces that make the web work

• Introduction to front-end

• Basic structure of an HTML page

• Attributes, elements and relationships

• Comments

• Basic tags – Paragraph, headings, hr, br

• Basic attributes – ID and class

• Anchor tags

• Including CSS

• Including JS

Structuring Content Using HTML Tags

 

• Classification of elements – Block and in line

• Container tags – Div and span, and when to use them

• Semantic tags

• Including media – Images, audio and video

• Responsive media

• Lists – Ordered and unordered list

• Un styled lists and list-based menus

• Presenting tabular data

• Styling tables

Working with Forms

 

• Introduction to forms

• What happens when a form is submitted

• Pieces of a simple form – Form, text input with name attribute, submit button

• Submitting data to another page (action attribute)

• Responsive media

• Changing the HTTP method used for submission (method attribute)

• Adding a label

• Default value for inputs

• Types of buttons

• Various input types – Password, text area, check box, radio buttons, select dropdown, file input

• HTML5 input types – Email, URL, number, date

• HTML5 input and form attributes – Required, placeholder, no validate

Deeper Understanding of Client-Server Communication

 

• Symbols in HTML

• HTTP Basics

• Introduction to chrome dev tools – The network tab

• Understanding parts of a URL

• Further exploration

Module 2 – CSS

Introduction to CSS, CSS Inheritance and Various Selectors

• Including CSS

• Choosing the way to include CSS

• User-agent styles

• Parts of a CSS rule

• Selectors – Universal, ID, class, type, attribute

• Pseudo classes – Link-related classes

• Structural Pseudo classes –

• Combinators – No spaces, child selector, descendant selector, combining selectors using comma

• Inheritance – Initial and inherit values

The Cascade, Specificity and Style Resolution

 

• Cascade – User-agent vs author styles

• Reset style sheet

• Normalize Style sheet

• Cascade of embedded styles, external style sheets, inline styles

• Introduction to specificity – how selectors affects styles applied

• Specificity – ID vs class vs type selector

• Specificity calculation and style resolution in case of complex selectors

• Use of !important

• Units for CSS properties – United and unitless, absolute vs relative

• Default values for properties (initial values)

• Computed and resolved styles

Important CSS Properties

 

• Box model in depth

• Various ways of specifying colors

• Background properties

• Using background properties with image sprites

• Typography related properties

• Handling overflow

• Hiding elements

• Floats

Deeper Understanding of Client-Server Communication

 

• Introduction to responsive web design (RWD)

• Fluid layouts

• Fluid images

• Media queries

• Further exploration

Module 3:JavaScript

Introduction, Variables, Scopes & Data Types

• History of JavaScript

• Setting up the environment

• Running JavaScript in the browser and Node

• Comments

• Variables and primitive data types

• Variable scopes, scope chain

• Using arrays

• The type of operator

Operators, Control Flow & Functions

 

• Variable hosting

• Operators and expressions

• Control flow – Branching and looping

• Function declaration and usage

• Anonymous function and function expression

• IIFE

• Function hoisting

• Functions call context (this keyword)

• Handling variable number of arguments

• Callbacks – passing functions as arguments

Functions (Continued) & Objects

 

• Returning functions

• Closures

• Object declaration using literal syntax

• Accessing properties and methods

• Adding and deleting properties

• Listing object properties – for..in loop and object.keys()

• Constructor function and the new keyword

• Function – functions as objects

• call(), apply() and bind() as methods of functions

Built-in Objects and Functions

 

• Array methods

• Date methods

• JSON

• Number methods

• String methods

Exception Handling & Browser Objects

 

• Strict mode execution

• Error objects

• Exception handling

• Window

• Navigator

• Location

• History

DOM and Event Handling

 

• The document object

• Nodes and the DOM tree

• Node relationships and DOM tree traversal

• Methods for DOM manipulation

• Various browser events

• Different ways to handle events

• Event object properties and methods

Module 4: React JS

What is React JS?

• ReactJS Introduction

• Advantages of ReactJS

• Work flow of ReactJS

• ScopeofReactJS

Overview of JSX

 

• Introduction of Virtual DOM.

• Difference between JS and JSX.

• React Components overview

• Containers and components

• What is Child Components?

• What is Namespaced components?

• What are the JavaScript expressions available in JSX?

React JS EnvironmentSetups

 

• Node setup

• How to use NPM?

• How to create package.jsonand purpose of it?

• ES6 Introduction and features.

• Webpack Overview

• Best IDE for ReactJS and How to write optimized code in ReactJS?

• ReactJSbrowser plugins overview.

A Real-Time Application By Using ReactJS

 

• Create a React component with JSX template.

• How to create Nested Components?

• What is React JS render?

• React Props overview.

• Introduction of Props validation with data types.

• Flow of States, Initialize states and update states.

ReactJS Forms and UI

 

• Lists of Form components.

• Setup Controlled and Uncontrolled form components.

• Control Input elements.

• How to set default values on all formats of Input elements.

• ReactJS Form validations.

• How to write Styles?

• Animations overview

ReactJS ComponentLife Cycles Overview

 

• Initial Render

• Props Change

• Stage Change

• Component will Mount

• Component did Mount

• Component Un mount

Routing in ReactJS and Other JS Concepts

 

• Single Page Application Overview.

• How to configure React Router?

• History of Router

• How to Handle Conditional statement in JSX?

• IIFE in JSX for complex logic overview.

Eventhandling in JSX

 

• onBlur, onKeyUp, onChangeand other useful primary events in React JS.

• How to Sharing events between the components?

How To Write Styles in ReactJS?

 

• CSS and inline styles in React JS overview.

• Introduction to styled components

• Real-time Practicals

• Styling the application using styled component

• How to use Animations In the Application.

React Router With Navigation

 

• How to Load the router library?

• Configure the React Router?

• How to Pass and receive parameters?

• Integration of React-cookie overview.

Flux, Redux Overview

 

• What is Flux Architecture?

• What are the Flux Components available?

• Stores.

• Dispatchers.

• View Controllers.

• Actions.

• Views.

• How Flux works?

• Flux and React works together.

• Introduction to One Store.

• Provider Component

• Actions.

• Reducers.

• sagas

• Dispatchers

• View Controllers

• Selector

React Server Integration & Deployment

 

• https

• https ter

• npm

Hooks

 

• Understanding Hooks

• The use State hook

• Side effects using the use Effect hook

• The use Context hook

• The use Reducer hook

• Writing your own hook

Code Splitting

 

• Code splitting & Suspense

• Route Based Code Splitting

• Lazy Loading

Semester 2 | Module 1 – Java

Coding Fundamental and Basics of Programming

• Basics of programming

• Programming environment

• Fundamental keywords

• Basic operators

• Decision making operators

• Loop statements

• Functions in the program

• File I/O

Introduction of Java with Commands

 

• History of Java

• Operating environment

• Eclipse configuration

• Identifiers

• Classes and objects

• Declarations

• Java operators

Concept of OOPs

 

• OOPS

• Abstraction

• Encapsulation

• Inheritance

• Polymorphism

Classes, Interfaces, Enum etc.

 

• Classes

• Interfaces

• Enum

Control Statements

 

• If statement

• While statement

• For

• Do-while

• Continue

I/O and Arrays

 

• Sending input to program

• Displaying output

• Displaying output as error

• Arrays

• One dimensional arrays

• Two dimensional arrays

String, Math, Formatted etc.

 

• Strings

• Identifying length of string

• String comparing

• Searching within string

• Replacing string

• Math functions

• Formatting strings

Packages

 

• Naming conventions in packages

• Creating package

• Importing all classes in package

Exception Handling

 

• Why exception handling

• Keywords in exception handling

• Identifiers

• Try-catch

• Throw

• Finally

Wrapper Classes

 

• Wrappers

• Creating wrapper objects

• Built in wrapper conversion utilities

Generic

 

• Why generics

• Type safety

• Create generic methods

• Generics constructors

• Generics interfaces

• Generics restrictions

Collections

 

• Goals of collection

• Collection interfaces

• Iterator

• Map

Files & Threads

 

• Reading a file

• Writing a file

• Appending to existing file

• Check file exists

• Delete file, asynchronous process

• What is thread

• Run a method parallely

Anonymous Inner Class

 

• Inner classes

• Nested top level class

• Member class

• Local class

• Anonymous classes

JAVA 8 – Lambda Expression and Default Methods

 

• Lambda e expressions

• Convert interfaces to Lambda expressions

• Convert anonymous classes to Lambda expressions’

• Default methods

Predefined Functional Interface

 

• Identify functional interface

• Create functional interface

• Categories of functional interface

• Predicates

• Consumer

• Functions

• Supplier

Streams

 

• Streams

• For Each

• Int Stream

• Map

• Filter

• Limit

• Skip

• Collect

Date & Time API

 

• Date & time objects

• Manipulate date operations

• Date formatters

Module 2 - Maven & Actuator

Maven

• Introduction

• Installation & setup

• Creating maven project

• Build lifecycle

• Dependency management

• Excluding maven dependencies

Tomcat

 

• Architecture

• Installing Tomcat

• Running Tomcat

• Shutdown Tomcat

• Running two servers

Spring Boot Basics CLI

 

• How to create a spring boot application in IDE Spring Tool Suite

• How to create a spring boot application from Spring Spring

Boot Restful Services

 

• Restful web services

• Post Man

• REST operations

• Create

• Read

• Update

• Delete

Spring Boot JPA

 

• Persistence

• ORM

• H2

• CRUD operations using JPA

Actuator

 

• Production ready features

• Integrate Spring Boot Actuator

• Enable all metrics in Actuator

• Health Endpoint

• Customize health Endpoint

• Endpoint

• Info Endpoint

• Metrics Endpoint

Logging, Profiles & Security

 

• Logging configuration

• White label error page

• Spring profiles & configuration

• Spring security using JWT

Spring Boot Restful Services

 

• Aspect oriented programming

• Caching

Module 3 - Mongo DB

JPA

• Spring data overview

• Repository overview

• Spring data JPA

• Crud Repository

• Paging And Sorting Repository

• Jpa Repository

• Query methods

• Named & native queries

• Async queries

Mongo DB

 

• No SQL

• Key value pair

• Column family

• Graph

• Document based

• Mongo DB vs RDBMS

• Install Mongo DB & Compass

• Databases

• Collections

• CRUD document

• Projection

• Sort, skip & limit

• Indexing & aggregation

• Backup & restore