FULL STACK COURSE

HTML and CSS COURSE SYLLABUS

● Overview: HTML and CSS go hand in hand for developing flexible,
attractively and user friendly websites.

● HTML (Hyper Text Markup Language) is used to show content on the page
where as CSS is used for presenting the page.

● HTML describes the structure of a Website semantically along with

presentation cues, making it a mark-up language, rather than a
programming language. HTML allows images and objects to be embedded
and can be used to create interactive forms.

Course Objectives:

1. HTML is highly flexible and supported on all browsers.

2. User friendly and an open technology.

3. It give better performance.

4. CSS provides powerful control over the presentation of an HTML document.

5. CSS saves many times as it can be reused in many HTML pages.

6. CSS can be used to make responsive web pages, which are compatible on
multiple devices. It can be
 7. used to allow the web pages to display differently depending on the screen
size or device on which it

8. is being viewed

Module 1: Web Programming Introduction

In this module, you will learn basic introduction to web development. The fundamental
technology used to

define the structure of a webpage.

Web Development Introduction

Module 1(1): HTML-Introduction

In this module, sets the stage, getting you used to important concepts and syntax, looking at
applying HTML to

text, how to create hyperlinks, and how to use HTML to structure a webpage.

History of HTML

What you need to do to get going and make your first HTML page

What are HTML Tags and Attributes?

HTML Tag vs. Element

HTML Attributes:

How to differentiate HTML Document Versions

Module 1(2): HTML-Basic Formatting Tags

In this module, HTML is used to specify whether your web content should be recognized as
a paragraph, list,heading, link, image, multimedia player, form, or one of many other
available elements or even a new element
that you define.

● HTML Basic Tags

● HTML Formatting Tags

● HTML Color Coding

Module 2: HTML-Grouping Using Div Span

In this module, The HTML <div> and <span> element is the generic container for flow
content and does not

inherently represent anything. Use it to group elements for purposes such as styling (using
the class or id

attributes), and inline level and block level separation.

Div and Span Tags for Grouping

Module 2(1): HTML-Lists

In this module, The HTML <li> element is used to represent an item in a list. It must be
contained in a parent

element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and
unordered lists,

list items are usually displayed using bullet points, now we are going to check how to use
html list

● Unordered Lists

● Ordered Lists

● Definition list

Module 2(2): HTML-Images

In this module, the Web was just text, and it was really quite boring. Fortunately, it was not
too long before
the ability to embed images (and other more interesting types of content) inside web pages
was added. There

are other types of multimedia to consider, but it is logical to start with the humble <img>
element, used to

embed a simple image in a webpage. This module will help you to make use of image
mapping

Image and Image Mapping

Module 3(): HTML-Hyperlink

In this module, Hyperlinks are important they are what makes the Web a web. This module
shows the syntax

required to make a link, and discusses link best practices.

● URL - Uniform Resource Locator

● URL Encoding

Module 3(1): HTML-Table

In this module, representing tabular data on a webpage in an understandable, accessible

way can be a challenge. This module covers basic table markup, along with more complex
features such as implementing

captions and summaries.

● <table>

● <th>

● <tr>

● <td>

● <caption>

● <thead>
 ● <tbody>

● <tfoot>

● <colgroup>

● <col>

Module 3(2): HTML-Iframe

In this module, The HTML <iframe> element represents a nested browsing context,
effectively embedding

another HTML page into the current page. This module will help you make use of iframe tag

● Attributes Using

● Iframe as the Target

Module 4: HTML-Form

In this module, Forms are a very important part of the Web — these provide much of the
functionality you

need for interacting with web sites, e.g. registering and logging in, sending feedback, buying
products, and

more. This module gets you started with creating the client-side parts of forms.

● <input>

● <textarea>

● <button>

● <select>

● <label>
Module 4(1): HTML-Headers

In this module, The HTML <head> element provides general information (metadata) about
the document,

including its title and links to its scripts and style sheets.

● Title

● Base

● Link

● Style s

● Script

Module 4(2): HTML-Miscellaneous

In this module, The HTML <Meta> element represents metadata that cannot be represented
by other HTML

● meta-related elements, like <base>, <link>, <script>, <style> or <title>.this

module will help you learn Meta

● tags, xhtml and deprecated tags

● HTML Meta Tag

● XHTML

● HTML Deprecated Tags & Attributes

Module 5: CSS2-Introduction

In this module CSS is used to style and lay out web pages — for example, to alter the font,
colour, size and

spacing of your content, split it into multiple columns, or add animations and other decorative
features. This

module gets you started on the path to css.

 ● Benefits of CSS

● CSS Versions History

● CSS Syntax

● External Style Sheet using <link>

● Multiple Style Sheets

● Value Lengths and Percentages

Module 5(1): CSS2-Syntax

In this module, the basic goal of the Cascading Stylesheet (CSS) language is to allow a
browser engine to paint

elements of the page with specific features, like colors, positioning, or decorations. The CSS
syntax reflects this

goal and its basic building blocks are

● CSS Syntax

● single Style Sheets

● Multiple Style Sheets

● Value Lengths and Percentages

Module 5(2): CSS2-Selectors

In this module, CSS selectors define the elements to which a set of CSS rules apply. In this
module, you will find

how many selectors are there how to use it

 ● ID Selectors

● Class Selectors

● Grouping Selectors

● Universal Selector

● Descendant / Child Selectors

● Attribute Selectors

● CSS – Pseudo Classes

Module 6(): CSS2-Color Background Cursor

In this module, CSS Backgrounds and Borders is a module of CSS that lets you style
elements backgrounds and

borders. Backgrounds can be filled with a color or image, clipped or resized, and otherwise
modified. Borders

can be decorated with lines or images, and made square or rounded.

● background-image

● background-repeat

● background-position

● CSS Cursor

Module 6(1): CSS2-Text Fonts

In this module, CSS Fonts that defines font-related properties and how font resources are
loaded. It lets you

define the style of a font, such as its family, size and weight, line height, and the glyph
variants to use when
multiple are available for a single character

color

● background-color

● text-decoration

● text-align

● vertical-align

● text-indent

● text-transform

● white-space

● letter-spacing

● word-spacing

● line-height

● font-family

● font-size

● font-style

● font-variant

● Font-weight

Module 6(2): CSS2-Lists Tables

In this module, lists table that defines how to lay out table data.

● List-style-type

● list-style-position

● list-style-image

● list-style
 ● CSS Tables

I. border

II. width & height

III. text-align

IV. vertical-align

V. padding

VI. color

Module 7: CSS2-Box Model

In this module, CSS box model that defines the rectangular boxes—including their padding
and margin—that are generated for elements and laid out according to the visual formatting
model.

● Borders & Outline

● Margin & Padding

● Height and width

● CSS Dimensions

Module 7(1): CSS2-Display Positioning

In this module, the position CSS property specifies how an element is positioned in a
document. The top, right,

bottom, and left properties determine the final location of positioned elements.

● CSS Visibility

● CSS Display

● CSS Scrollbars
 ● CSS Positioning

1. Static Positioning

2. Fixed Positioning

3. Relative Positioning

4. Absolute Positioning

CSS Layers with Z-Index

Module 7(2): CSS Floats

● In this module, the float CSS property specifies that an element should be
placed along the left or right side of

● its container, allowing text and inline elements to wrap around it. The element is
removed from the normal

● flow of the web page, though remaining a part of the flow (in contrast to
absolute positioning).

● The float Property

● The clear Property

At the end of the course, participants will be able to get:

1. By the end of this course, you will have a basic & thorough understanding of
HTML & CSS

2. Upon completion, you will have coded a handful of useful HTML & CSS examples

3. In the last section of this course, you focus on building a beautiful, semantic,
HTML & CSS web page
4. By the end of this course, you will have impressed yourself, and will be able to
hit the ground running

5. with your newly acquired skillset

6. Start building beautiful websites

7. Build a portfolio website, so you can highlight your best web work

8. Get the ball rolling for a career in web design

JAVA SCRIPT

Our JavaScript Tutorial is designed for beginners and professionals both. JavaScript is
used to create client-side dynamic pages.

JavaScript is an object-based scripting language which is lightweight and cross-platform.

JavaScript is not a compiled language, but it is a translated language. The JavaScript
Translator (embedded in the browser) is responsible for translating the JavaScript code for
the web browser.

MODULE 1:

This module contains all those components which are necessary for other modules and all
those components are very important and builds a base for students

● Intro to Javascript

● Basic structure of a js program

● Errors and warnings

● Data types: primitive & reference

● Operators

● Type conversion and coercison

MODULE 2:

In this module String handeling and basic conditional statements are present which are used
to give direction to flow of a program moreover there are loop which are use to perform
iterations.

● String: method , properties & template literals

● If else

● Nested If else

● For loop

● While

● Do while
 ● Switch case

● Nested loops

MODULE 3:

JavaScript functions are used to perform operations. We can call JavaScript function many
times to reuse the code.Code reusability: We can call a function several times so it save
coding. Less coding: It makes our program compact. We don’t need to write many lines of
code each time to perform a common task.

● Functions

● Function Object

● Arrow Functions

● • Callback functions

● Arrays

● Manipulating website using js window object

MODULE 4:

The Browser Object Model (BOM) is used to interact with the browser.

The default object of browser is window means you can call all the functions of window by
specifying window or directly.
 ● Browser Objects

● 1) Window Object

● 2) History Object

● 3) Navigator Object

● 4) Screen Object open link

MODULE 5:

With the HTML DOM, JavaScript can access and change all the elements of an HTML
document.This Module contains basic information of javascript date and time.

● Date time Object

● Math Object

● JS DOM

● Creating a website layout

● getElementById

● GetElementsByClassName()

MODULE 6:
With the HTML DOM, JavaScript can access and change all the elements of an HTML
document.

● JS DOM

● Creating a website layout

● getElementById

● GetElementsByClassName()

● getElementsByTagName

● getElementsByName

MODULE 7:

JavaScript is not a class-based object-oriented language. But it still has ways of using object
oriented programming (OOP). Using Objects you can use members of a class and
Constructor are important to initalize a class.

● Intro to OOPs

● Constructor

● Static method

MODULE 8:

Properties in this module are commonly used in every JS application where as using
selector we can change, States of any component in our application.

● JS innerHTML property

● JS innerText property

● HTML selector in js
MODULE 9:

In this module we will learn about Object oriented programming

● Intro to OOPs

● Constructor

● Static method

MODULE 10:

In this module we will learn about 2 pillars of OOPs

● Global and Local variable

● Abstraction

● Encapsulation

MODULE 11:

These two features of OOPS are backbone for any JS app using these we can reduce length
of our code and increase performance.

● Inheritance

● Polymorphism

MODULE 12:

DOM represents a hierarical order to manipulate the working of object Its very important to
understand.

● Child, Parent & traversing the DOM

 ● • Creating, Removing and Replacing elements

MODULE 13:

For a robust web application it is important to keep a track about users browesing details
Local and session storage helps to manage records of user. Where as events are used to
handle any action that are to be performed in web application.

● Local and session storage in JS

● JavaScript Events

MODULE 14:

Api’s add real time response to our application also iterators helps to perform repetation
While using RegEx we can reduce the lines of code for our application

● Fetch Api

● Iterators in JS

● RegEx

MODULE 15:

In this module we’ll learn how in real time we can fetch and request result to and from
server.It also contains some more topics related to error handing.

● Ajax

● JS Symbols

● Async/Await

● • Error Handling
MODULE 16:

Maps are major in DataStructures in this module we learn how to use maps and Cookies
which are important to store details of user.

● Maps in JS

● JS Cookies

● Some methods in JS

MODULE 17:

This Module contains some more important features which are necessary for building a web
application.

● JS form validation

● JS email validation

At the end of this course the student would have advance JS knowledge and
be able to build functioning websites
 Data Structures and Algorithm
Introduction
A data structure is a way of organizing the data so that it can be used efficiently. Here, we have used
the word efficiently, which in terms of both the space and time.

There are two types of data structures:

● Primitive data structure

● Non-primitive data structure

Course Objective

● Theoretical and Practical knowledge of Data Structure

1. Stack

2. Queue

3. Hash Map

4. Trees

5. Graphs

6. Array

7. Linked List

● Knowledge of Algorithm

1. Recursion

2. Greedy

3. Brute force

4. Dynamic Programming

5. Divide and Conquer

 6. Backtracking

7. Branch and bound

● Knowledge of Recursion and iteration

Pre-requisite/Target Audience:

● Pre Knowledge of JavaScript and OOPS

Module 1 : Introduction to Algorithm

In this module we overview Data structures and what is time complexity

and space complexity

• Intro to Algorithms

• Characteristics of Algo

• Time complexity

• Best and Worst Case

• Space Complexity

• Best and Worst Case

Module 2 : Recursive Algorithm(Theory)

In this module we will learn about recursion

• Problems on recursion

• Recursion vs Iteration

• Problems on Recursion

Module 3 : Greedy Algorithm

In this module we will learn greedy algorithm and solve problems on it

• Job Sequencing Problem

• Prims Minimum Spanning Tree

• Kruskal Minimum Spanning Tree

Module 4 : Brute Force Algorithm and Dynamic Programming

In this module we will learn brute force algo and dynamic programming

• Maximum sub array problem

• Fibonacci series

Properties of Dynamic programming

• Bellman–Ford Algorithm

• Fibonacci Series

• Knapsack Problem

Module 5: Divide and Conquer Algorithm

In this module we will learn about Divide and Conquer and solve its
problems.

• Binary Search

• Calculate pow(x, n)

• The Skyline Problem

● Tiling Problem

• The painter’s partition problem

Module 6: Backtracking Algorithm and Branch and Bound Algorithm

In this module we will learn and solve problems on Backtracking

Algorithm and Branch and Bound Algorithm

• N Queen Problem

• Hamiltonian Cycle

• Sudoku

Branch and bound

• 0/1 Knapsack

• Job Assignment Problem

• N Queen Problem

Module 7: Searching Algorithm

In this module we will learn and solve problems on Searching Algorithm

• Linear Search

• Interpolation Search

• Jump Search

• Exponential Search

• Binary Search

Module 8: Sorting Algorithms(Recursive & Iterative)

In this module we will learn and solve problems on Sorting

Algorithms(Recursive & Iterative)

• Selection sort

• Merge Sort

• Bubble Sort

Module 9: Sorting algorithms & Introduction of Data Structures

In this module we will learn about Sorting algorithms and Introduction of
Data Structures

• Insertion Sort

• Quick Sort

Data Structures

• What and Why

• Types of Data Structures

Module 10: Array

In this module we will learn and solve problems on Array

● Operations on Arrays

● Sorting an array

• Problems on Arrays

Module 11: Stack

In this module we will learn and solve problems on Stack (What and when)

• Operations on Stack

• Sort a stack

• Find duplicate parenthesis in an expression

Module 12: Queue

In this module we will learn and solve problems on Queue(What and when)

• Enqueue , dequeue and traversal

• Implement a queue using the stack data structure

• Shortest path in a maze – Lee Algorithm

Module 13: Linked List

In this module we will learn and solve problems on Linked List(What and
when)

• Operations on LL

• Doubly Linked List

• Circular Linked List

Module 14: Trees

In this module we will learn and solve problems on Trees(What and when)

• Binary Trees and BST

● Operations on Trees

Module 15: Trees

In this module we will learn and solve problems on Trees

• Invert a Binary Tree

• BFS vs DFS for Binary Tree

• AVL Trees

Module 16: Graphs

In this module we will learn and solve problems on Graphs(When and

What)

• Types of Graphs

• Operations on Graphs
 ● Hamiltonian Graph

Module 17: Graphs

In this module we will learn and solve problems on Graphs

• DFS and BFS in Graphs

• MST

• Prims and Kruskals Graph algo

Module 18: Hash Maps

In this module we will learn and solve problems on Hash Maps(What and
When)

• Hash Function

• Hashing

• Advantages

• Operations on HP

• Two sum problem

At the end of this course the student would have an advance understanding of
Data Structures and Algorithms
 SQL(Structured Query Language)
Introduction
SQL is Structured Query Language, which is a computer language for storing, manipulating and
retrieving data stored in a relational database.
SQL is the standard language for Relational Database System. All the Relational Database Management
Systems (RDMS) like MySQL, MS Access, Oracle, Sybase, Informix, Postgres and SQL Server use
SQL as their standard database language.
Course Objective

● Basic understanding of SQL fundamentals

● Creation of Tables and Databases

● Knowledge of DDL, DML, DQL, DCL and TCL commands

● Use of Aggregate function and clauses

 ● Use of Group By , Indexing, Triggers and Views

Pre-requisite/Target Audience:

● Basic Computer Knowledge

Module 1: Introduction

In this module we look at some basic concepts of SQL

• Intro to SQL

• Installation of MySQL

• SQL Syntax

● SQL Data Types

Module 2: Basics and Keys

In this module we learn about constraints and keys in SQL

● SQL Operators

● SQL Constraints

SQL Keys

Primary Key, Foreign Key, Composite Key, Unique Key, Alternate Key
Module 3: Databases and Tables

In this module we will learn about CRUD operations of DB and Tables

SQL Database

CREATE Database, DROP Database, RENAME Database, SELECT Database

SQL Table

What is Table, CREATE TABLE, DROP TABLE, DELETE TABLE,

RENAME TABLE, TRUNCATE TABLE, COPY TABLE, TEMP TABLE,
ALTER TABLE

Module 4: Insert and Select

In this module we will learn about Select and Insert statements.

SQL Insert

INSERT Statement, INSERT INTO Values, INSERT INTO SELECT, INSERT

Multiple Rows

SQL Select

SELECT Statement, SELECT UNIQUE, SELECT DISTINCT, SELECT

COUNT, SELECT TOP, SELECT FIRST, SELECT LAST, SELECT
RANDOM, SELECT IN, SELECT Multiple, SELECT DATE, SELECT SUM,
SELECT NULL

Module 5: Insert and Select

In this module we will learn about SQL clauses, aggregate function and
delete statements.

SQL Clause

SQL WHERE, SQL AND, SQL OR, SQL WITH, SQL AS, SQL HAVING
Clause

SQL Aggregate Functions

Avg, sum, max, min etc

SQL Delete

DELETE Statement, DELETE TABLE, DELETE ROW, DELETE All Rows,

DELETE Duplicate Rows, DELETE DATABASE

Module 6: ORDER BY GROUP BY & Indexing

In this module we will learn about SQL order by and group by clauses and
indexing .

SQL Order By

ORDER BY Clause, ORDER BY ASC, ORDER BY DESC, ORDER BY

RANDOM, ORDER BY LIMIT, ORDER BY Multiple Cols

SQL Group By

Indexing

Module 7: String functions and Nested Queries

In this module we will learn about SQL string functions , nested queries
and some basics functions.

SQL String Functions

SQL String Functions, LTRIM Function in, UPPER Function in SQLRTRIM

Function in SQL

NESTED QUERIES

SQL Cast function

SQL comments

Union and Union all function

Module 8: SQL Joins

In this module we will learn about SQL Joins

SQL Join
SQL Self JOIN, SQL Outer Join, SQL Left Join, SQL Right Join, SQL Full
Join, SQL Cross Join

Module 9: Update statement, views , triggers & DCL and TCL commands

In this module we will learn about SQL Joins

SQL Update

UPDATE Statement, SQL UPDATE JOIN, SQL UPDATE DATE

SQL Views

SQL Triggers

DCL & TCL Commands

At the end of this course the student will be able to do CRUD operations and
would have an intermediate level of SQL knowledge
 Node Js Course Content

Introduction

Node.js is an open-source and cross-platform JavaScript runtime environment. It is a

popular tool for almost any kind of project!

Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser.
This allows Node.js to be very performant.

A Node.js app runs in a single process, without creating a new thread for every request.
Node.js provides a set of asynchronous I/O primitives in its standard library that prevent
JavaScript code from blocking and generally, libraries in Node.js are written using non-
blocking paradigms, making blocking behavior the exception rather than the norm.

When Node.js performs an I/O operation, like reading from the network, accessing a
database or the filesystem, instead of blocking the thread and wasting CPU cycles waiting,
Node.js will resume the operations when the response comes back.

After over 20 years of stateless-web based on the stateless request-response paradigm, we finally
have web

applications with real-time, two-way connection.

 Course Objectives

● Basic understanding of JavaScript and technical concept of NodeJS

● Creation of structure of a Node app in modules

● Understanding and using event emitter

● understand Buffers, Streams and pipes

● Building a Web Server and in Node and understanding its working

● Use of node package manager and manageing packages

● Using express build a web application

● connection to a SQL or Mongo Database in Node

● Working of MEAN stack

 Pre-requisite/Target Audience:

● Pre Knowledge of JavaScript and OOPS

● Knowledge in asunc programming will be added advantage

Module 1:- Introduction to Node Js

In this module you will learn what Node JS is and its advantages and working of NODE Js
and comparision between traditional and advance version of web server and what are the
demerits of traditional webserver that are overcome in advance version of server.

● Introduction

● What is Node JS?

● Advantages of Node JS

● Traditional Web Server Model

 ● Node.js Process Model

Module 2:- Setup Dev Environment

In this Module, You will learn working of tools and their main requirement in different stages of
development environment to develop a Node.js application and to work with the REPL to work with
the Node in console.

● Install Node.js on Windows

● Installing in mac os

● Working in REPL

● Node JS Console

Module 3:- Node JS Module

In this Module, you will know about module,functions and examples. And achieving modularity and

separation of concern with Modules of NodeJS.

 ● Functions

● Buffers

● Module

● Modeule Types

● Core Modules

● Local Modules

● Module Exports

Module 4:- Node Package Manager

In this Module we learn how to learn with node package manager and how to install,update and

managing packages in NPM and managing and updating your current packages.

● What is NPM

● Installing Packages Locally

● Adding dependency in package.json

● Installing packages globally

● Updating packages

Module 5:- Creating Web server

In this module we will learn how to create web servers, how to Handel requests GET,POST,PUT and

Delete requests and listening to certain port numbers and handling routing with basic web server.
 ● Creating web server

● Handling http requests

● sending requests

Module 6 :- File System

In this module, we will learn how to work with files, we will perform major operations like

reading,writing,updating files and concept of chunks, buffers and uploading files sunchronously and

asynchronously.

● Fs.readFile

● Writing a file

● Global and Local variable

● Abstraction

● Encapsulation

● Writing a file asynchronously

● Opening a file

● Deleting a file

● Other IO Operations
Module 7:- Debugging Node JS Application

In this chapter we will learn debugging nodejs application. Debugging is a process of tracing the bugs

and performance issues to optimize our code.

● Core NodeJs debugger

● Debugging with vs code.

Module 8:- Events

In this Module, We will how to handle events in NodeJS, and the significance of the events, and

proper way of using events cause of its event driven nature of frameworks

● EventEmitter Class

● Returning event emitter

● Inhering events

Module 9:- Express JS

In this chapter you will learn the working of Express and creating of web application in it. Express is

most popular framework for building application with less complexity.

● Configuring routes
 ● Working with express

Module 10:- Serving static resources

In this chapter we will learn how to server static html pages to the browser, and serving other file

formats and restricting certain files.

● Serving static files

● Working with middle ware

Module 11:- Database connectivity

In this module we will learn how to connect sql server and how to make CRUD operations.It is like

JDBC for java. Different modules of database are use for connections.

● Connection String

● Confiruging

● Working with select command

● Updating records

● Deleting records

Module 12:- Template Engines

In this module we will learn the use of template engines to perform 2 way databinding and using

dynamic data to webpage and different view engines and their syntax.

● Why template engine

● What is Jade

● What is vash

● Example

ON COURSE COMPLETION

Our student would we able to develop a web application equiped with basic database operations
 React Js

React is a popular JavaScript library used for web development. React.js or ReactJS or
React are different ways to represent ReactJS. Today’s many large-scale companies
(Netflix, Instagram, to name a few) also use React JS. There are many advantages of using
this framework over other frameworks, and It’s ranking under the top 10 programming
languages for the last few years under various language ranking indices.

Module 1:

This module contain introduction and overview of react application . How to install react
environment and create react application.

● React Introduction

● React Installation

● create-react-app

Module 2:
Components let you split the UI into independent, reusable pieces, and think about each
piece in isolation where as The term “render prop” refers to a technique for sharing code
between React components using a prop whose value is a function.

● React Components

● React State

● React Props

Module 3:

React lets you define components as classes or functions. Components defined as classes.

● React Constructor

● React Component API

● Component Life Cycle

Module 4:

Just like in HTML, React uses forms to allow users to interact with the web page.Forms are
an integral part of any modern web application. It allows the users to interact with the
application as well as gather information from the users.

● React Forms

● Controlled vs Uncontrolled
 ● React Events

Module 5:

In React, you can create distinct components that encapsulate behavior you need. Then,
you can render only some of them, depending on the state of your application.Conditional
rendering in React works the same way conditions work in JavaScript.

● Conditional Rendering

● React Lists

● React Keys

● React Refs

● React Fragments

Module 6:

React Router is a standard library for routing in React. It enables the navigation among
views of various components in a React Application, allows changing the browser URL, and
keeps the UI in sync with the URL.

● React Router

● React CSS

● React Bootstrap

Module 7:
A higher-order component (HOC) is an advanced technique in React for reusing component
logic. HOCs are not part of the React API, per se. They are a pattern that emerges from
React’s compositional nature.

● Higher-Order Components

● React Code Splitting

● React Context

Module 8:

Hooks allow function components to have access to state and other React features.
Because of this, class components are generally no longer needed.

● React Hooks

● React Flux Concept

Module 9:

● Flux is an application architecture that Facebook uses internally for

building the client-side web application with React. It is not a
library nor a framework. It is neither a library nor a framework. It
is a kind of architecture that complements React as view and
follows the concept of Unidirectional Data Flow model.
 ● React Flux Vs MVC

● React Redux

● Testing

After the completion of this course the student would be able to

build user interfaces based on UI components

to scale up and down the application replican provide updates to the applicati
Kubernetes to scale up and down the application replican provide
updates to the applicati

Kubernetes is an open source ; container management system created by google

to automate deployment and manage containerzed application. It acts as a
portable cloud platform to scale up and down the application replican provide
updates to the applicati that orchestrates computing and networking has become
an integral part of devops team since it help them manage the container easily

The usage of kubernetes contineius to grow in container environment globally.

Hence, the demand for professional who have knowledge of kubernetes is high,
Since organisation need experts who can help manage these containers

Module 1: Introduction

Difference between virtualization and contamerization

What are Docker essentials and

Why and What Kubernetes is required.

Understand about the key concept of kubernetes,cluster-master,nodes and
AddOns

How to install Kubernetes cluster on Virtual box, AWS cloud and Google cloud
platform

Basic understanding of concepts of kubernetes is made available to the users

Yaml

Module 2 : PODs,ReplicaSets,Deployments

how to use pods and how to deploy an application using kubectle command.

Module 3: Networking

what is service,

how to scale up and down the application replican provide updates to the
application and auto scaling containers.

Basic understanding of how to deploy both stateless application and stateful

application set and rolling updates.

At the end of this course the student would have knowledge

about orchestration system for automating software
deployment, scaling, and management.
PROJECTS

AMAZON CLONE ()

● SERVER SETUP (NODE JS)

● GUI OR FRONT END DEVELOPMENT(BOOTSTRAP)

● DASHBOARD (HTML,CSS,JS)

● PRODUCT (ADD,REMOVE,UPDATE)

● PRODUCT ORDERING

● PRODUCT STATUS

● PAYMENT (RAZOR PAY API)

● OTHER STATIC PAGES(HTML,CSS,JS)

● DEPLOYMENT (KUBERNETES)

GMAIL CLONE (USING NODEJS,HTML,CSS,JS)

 ● LOGIN AUTHENTICATION

● ALL MAIL PAGE

● COMPOSITION OF MAIL

● SMTP USING NODE JS

INSTA CLONE ()

● HOME PAGE (REACT DEVELOPMENT)

● LOGIN LOGIN OUT

● SIGNUP

● CREATE UPDATE DELETE AND VIEW POSTS