Table of

Contents
Page

I Frontend 3

II Backend 6

III API 9

IV Database 10

V Authentication 12

VI Certificate
I Front-end

Front-end is a interface between

user and database based on
different technologies combined
together. Ex:HTML,CSS,JS.
Frontend development focuses on
the graphical aspects of a website
or app, AKA the client or user-side.
The visual aspects of the website
that can be seen and experienced
by users are frontend.
The basic languages for Front-End
Development are HTML, CSS, and
JavaScript. 3
I Various Technologies that we use in front end are:

HTML : Hyper Text Markup Language is the

Language that provides structure to the
websites.
CSS : Cascading Style Sheets is design part of
the frontend . with this we can make our
webpages more attractive.
Bootstrap: These are The Predefined template
that can be used by Front-end Devlopers
Javascript: It is the funtioning part of front-end
with this we can make our websites to be
responsive.

5
I Document Object Model:

The DOM stands for Document Object Model. It can simply be understood as a tree of nodes created
by the browser. Each of these nodes has its own properties and methods which can be manipulated
using JavaScript.
6
I JQuery:

jQuery is a lightweight, "write less, do more", JavaScript library.

The purpose of jQuery is to make it much easier to use
JavaScript on your website.
jQuery takes a lot of common tasks that require many lines of
JavaScript code to accomplish, and wraps them into methods
that you can call with a single line of code.
jQuery also simplifies a lot of the complicated things from
JavaScript, like AJAX calls and DOM manipulation.
The jQuery library contains the following features:
HTML/DOM manipulation
CSS manipulation
HTML event methods
Effects and animations
AJAX
Utilities 7
I Bash Commad line:

One popular shell is called Bash.

The shell is the program that sits between us
and the low level Unix things, that manages a lot
of technical details, and interprets our
commands to Unix in a way Unix can
understand and execute our commands. Any
time we write a command on the command
line, we are doing it through a shell, therefore we
never write commands outside of a shell
program.
The main idea with scripting is to make your
work life easier. You can create commands that
will automate repetitive tasks, and in the end
make you work faster.
8
I Git , Github & Version Control

What is Git?
Git is a version control system which lets you track changes
you make to your files over time. With Git, you can revert to
various states of your files (like a time traveling machine). You
can also make a copy of your file, make changes to that copy,
and then merge these changes to the original copy.

What is GitHub?
GitHub lets you store your repo on their platform. Another
awesome feature that comes with GitHub is the ability to
collaborate with other developers from any location.

Version Control
Version control systems are a category of software tools that
helps in recording changes made to files by keeping a track of
modifications done in the code. 9
I Back-end Web Development

About
Back end development (often called the “server-side”
development), is the creation of everything that goes on behind
the scenes of a website or application that the user can’t see.
Data is collected from external servers and applications and
filters this information back into the website to process user
requests. If you’re buying something online, you enter your
information into the website. That information will then be stored
in a database that was created on a server and will be
processed to purchase your item. All of these stages are part of
backend development.
Technologies that are used in backend Development are : Sql ,
MongoDb,Node js,Express js,react js,postmanEtc.

11
II Node js
What is Node.js?
Node.js (Node) is an open source development platform for executing
JavaScript code server-side. Node is useful for developing applications
that require a persistent connection from the browser to the server and is
often used for real-time applications such as chat, news feeds and web
push notifications.
Well, the most important thing is that we already know Javascript, and
Node.js allows us to create a backend using Javascript. So we can use
one language and we don't have to spend a lot of extra time learning
about yet another language and all of its intricacies.
Node is also superfast and will allow us to create really scalable and fast
running web sites. And we're not the only ones choosing Node. We're in
really good company here. Web sites such as eBay, Uber, Trello, Twitter,
Netflix, all use Node.js in their backend, and more and more companies are
joining their ranks and starting to use Node.

7
II NPM & EJS
Node Package Module (NPM)
Adapt packages of code for your apps, or
incorporate packages as they are.
Download standalone tools you can use right away.
Run packages without downloading using npx.
Share code with any npm user, anywhere.

Embbeded Javascript (EJS)

EJS is a simple templating language
that lets you generate HTML markup
with plain JavaScript. No
religiousness about how to organize
things. No reinvention of iteration
and control-flow. It's just plain
JavaScript. 11
II Express js

Whar is Express Js?

Express JS is a Node.js framework designed to
build API's web applications cross-platform
mobile apps quickly and make node js easy.
It's a layer built on the top of the Node js that
helps manage servers and routes.
Express was created to make APIs and web
applications with ease,
It saves a lot of coding time almost by half
Time-efficient
Fast
Economical
Easy to learn
8
III
API & REST
What are API?
An application programming interface (API) is a way for two or more computer
programs to communicate with each other. It is a type of software interface, offering a
service to other pieces of software.A document or standard that describes how to
build or use such a connection or interface is called an API specification. A computer
system that meets this standard is said to implement or expose an API. The term API
may refer either to the specification or to the implementation.
What are REST API?
When a client request is made via a RESTful API, it transfers a representation of the state of
the resource to the requester or endpoint. This information, or representation, is delivered
in one of several formats via HTTP: JSON (Javascript Object Notation), HTML, XLT, Python,
PHP, or plain text. JSON is the most generally popular file format to use because, despite its
name, it’s language-agnostic, as well as readable by both humans and machines.
5
 IV Databse

SQL Mongodb Mongoose

Structured Query Language, Instead of storing data in tables of Mongoose is an Object Data Modeling
abbreviated as SQL, is a domain- rows or columns like SQL databases, (ODM) library for MongoDB and Node.js.
specific language used in each record in a MongoDB It manages relationships between data,
programming and designed for database is a document described provides schema validation, and is used
managing data held in a relational in BSON, a binary representation of to translate between objects in code and
database management system, or the data. Applications can then the representation of those objects in
for stream processing in a relational retrieve this information in a JSON MongoDB 14
data stream management system. format.
IV
Firebase & Authentication

AUTHENTICATION and it's need!! Firebase For Authentication

Authentication is the process of
determining whether someone or Firebase is a Backend-as-a-Service
(Baas). It provides developers with
something is, in fact, who or what it
a variety of tools and services to
says it is. Authentication technology help them develop quality apps,
provides access control for systems by grow their user base, and earn
profit. It is built on Google’s
checking to see if a user's credentials
infrastructure.
match the credentials in a database of
authorized users or in a data Firebase is categorized as a NoSQL
database program, which stores
authentication server. In doing this,
data in JSON-like documents.
authentication assures secure systems,
secure processes and enterprise
11
information security.
II React js

About reactjs

React is a free and open-source front-end JavaScript library for

building user interfaces based on UI components. It is maintained
by Meta and a community of individual developers and
companies.
React is a declarative, efficient, and flexible JavaScript library for
building user interfaces. It lets you compose complex UIs from
small and isolated pieces of code called “components”
.

7
Certificate