Government college for girls,

ludhiana

AMANDEEP KAUR
VISHALI BEDI
MSC IT (4 T H SEM)
TRAINING
Car rental
Our special
Car rental Website
foR
Car rent
 Full Stack
Web Development
 Introduction
Web development refers to building website and deploying on the web. Web
development requires use of scripting languages both at the server end as well as at
client end.
 Who is Web Developer?

 There are three kinds of web developer

 A Web developer is a kind of specialization:
programmer who specializes in the
development of applications Front-end Back-end Full-Stack
relating to the World Wide Web or Web Developer Web Developer Web Developer
which typically run protocols like
HTTP from a Web server to a client
browser using associated
programming languages.
 What is Domain?

A domain, in the context of networking, refers

to any group of users, workstations, devices,
printers, computers and database servers that
share different types of data via network
resources. There are also many types of
subdomains.
A domain name is the identity of one or more IP
addresses; for example, the domain name
google.com points to the IP address
"74.125.127.147“.
 A domain has a domain controller that governs
all basic domain functions and manages
network security.
 Front-End Developer
 A front-end developer creates the user interface (UI) of websites using web languages such as
HTML, CSS, and JavaScript that allow users to access and interact with the site or app. When you visit
a website, the design elements you see were created by a front-end developer.
 Back-End Developer
 A back-end developer is responsible for building and maintaining the back-end of a
website or web application. The back-end consists of all components a user does
not interact with including databases, servers, application logic, and APIs.

•Back-end developers ensure the website performs

correctly, focusing on databases, back-end logic,
application programming interface (APIs),
architecture, and servers. They use code that
helps browsers communicate with databases,
store, understand, and delete data.
 Full-stack Developer

 A Full stack developer refers to the

development of both front end(client side)
and back end(server side) portions of web
application.

 Full stack web developers have the ability to

design complete web applications and
websites. They work on the frontend, backend,
database and debugging of web applications or
websites.
What is M E R N Stack?
 MERN Stack is a JavaScript Stack that is
used for easier and faster deployment of
full-stack web applications. MERN Stack
comprises of 4 technologies namely:

 Mongo DB — document database

 Express(.js) — Node.js web
framework
 React(.js) — a client-side
JavaScript framework
 Node(.js) — the premier
JavaScript web server
 What is a Database ?
 A database is an organized collection of structured information, or data, typically
stored electronically in a computer system.

 MySQL, SQL Server, MongoDB,

Oracle Database, PostgreSQL,
Informix, Sybase,firebase etc. are all
examples of different databases.
These modern databases are
managed by DBMS.
 What is Firebase?

 Firebase is Google's mobile platform that helps you quickly develop high-quality apps
and grow your business.
Firebase quickly syncs data via Android, iOS, and JavaScript SDKs, allowing for
expressive queries that scale with the size of the result set.
Firebase Realtime Database (Firebase) is a cloud-based NoSQL Database that syncs
and stores data between users in real time. Other NoSQL options
include MongoDB and Cassandra.
It provides users with the ability to collaborate across various devices and create
serverless apps.
 What is Node.Js?
 Node.js is an open source development
platform for executing JavaScript code
server-side.
 It is a used as backend service where
JavaScript works on the server-side of the
application.
 Node.js is used for building back-end
services like APIs like Web App or Mobile
App.
 It’s used in production by large companies
such as Netflix, Walmart etc., Netflix,
Walmart,
What is Express.Js ?
 Express.JS is a prebuilt Node.JS
framework that can help you in creating
server-side web applications faster and
smarter.
 It is used to build a single page, multipage,
and hybrid web application.
 The companies using Express.JS are most
often found in United States and in the
Computer Software industry.
 Features:
 MERN is one of several variations of the MEAN Stack (MongoDB Express Angular
Node), where the traditional Angular.js front-end framework is replaced with React.js.
 React lets you build up complex interfaces through simple components, connect
them to data on your back-end server, and render them as HTML.
 Express.js server-side framework, running inside a Node.js server
 Express.js has powerful models for URL routing (matching an incoming URL with a
server function), and handling HTTP requests and responses.
 MongoDB is a document database with the scalability and flexibility that you want
with the querying and indexing that you need.
 Objectives of Project

 To design and implement user authentication module.

 To create and develop , design and effective and user friendly frontend for
browsing and placing the required order by the user.
 To create a structured database in firebase in order to manage and
manipulate user and product order data .
Results
and
Discussions:
User Login
Home Page
About page
Our Cars
My Bookings
User detail and Contact
Admin Login
Driver Login
 Languages used: frontend
HTML: HTML stands for Hypertext Markup Language. It is used to design the front-end
portion of web pages using a markup language. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between web pages. The markup language is
used to define the text documentation within the tag which defines the structure of web
pages.
CSS: Cascading Style Sheets fondly referred to as CSS is a simply designed language intended
to simplify the process of making web pages presentable. CSS allows you to apply styles to
web pages. More importantly, CSS enables you to do this independent of the HTML that
makes up each web page.
JavaScript: JavaScript is a famous scripting language used to create magic on sites to make
the site interactive for the user. It is used to enhance the functionality of a website to run
cool games and web-based software.
Frontend Framework and
Libraries Used:
React.js: React is a declarative, efficient, and flexible JavaScript library for building user
interfaces. React.JS is an open-source, component-based front-end library responsible only for
the view layer of the application.
jQuery : jQuery is an open-source JavaScript library that simplifies the interactions between an
HTML/CSS document, or more precisely the Document Object Model (DOM), and JavaScript.
Elaborating the terms, jQuery simplifies HTML document traversing and manipulation, browser
event handling, DOM animations, Ajax interactions, and cross-browser JavaScript development.
 Languages used: backend
Node.js : Node.js is an open-source and cross-platform runtime environment for executing
JavaScript code outside a browser. You need to remember that Node.JS is not a framework,
and it’s not a programming language. Most people are confused and understand it’s a
framework or a programming language. We often use Node.js for building back-end
services like APIs like Web App or Mobile App. It’s used in production by large companies
such as Uber, Netflix, Walmart, and so on.
Java: Java is one of the most popular and widely used programming languages and
platforms. It is highly scalable.