IT3501 FULL STACK WEB DEVELOPMENT

UNIT I BASICS OF FULL STACK

Understanding the Basic Web

Development Framework - User - Browser
– Webserver - Backend Services – MVC
Architecture - Understanding the different
stacks –The role of Express – Angular –
Node – Mongo DB – React
1.1 UNDERSTANDING THE BASIC WEB DEVELOPMENT
FRAMEWORK
 Introduction to Web Development
 What is the Web?

The World Wide Web (WWW) is a collection of interconnected web pages and
websites that are accessed through the Internet.
Examples:
• [Link]
• [Link]
• [Link]
 The Web allows users around the world to share and access information
WHAT IS WEB DEVELOPMENT?
 Development means creating
software or applications over the
internet.  Examples of Web Applications
 It includes: • Gmail
• Designing • Facebook
• Coding • Amazon
• Testing • Online Banking Systems
• Student Portals
• Deployment
• Maintenance
TYPES OF WEB DEVELOPMENT

 Frontend Development

Frontend is the visible part of a website that

 Web development is classified into three users directly interact with.
categories: It is also called the Client Side.
 1. Frontend Development  Examples
 2. Backend Development • Login page
 3. Full Stack Development • Buttons
• Images
• Forms
• Navigation bar
 •PHP
•Python
•[Link]

CONT.. OF TYPES OF WEB DEVELOPMENT

 Frontend Technologies  Backend Development

HTML Backend is the server-side part of a website.

Used for creating the structure of a webpage. Users cannot directly see the backend.
CSS  Functions

Used for designing and styling web pages. • Stores data

JavaScript • Processes requests
Used for making websites interactive and • Authentication
dynamic. Bootstrap • Business logic
A CSS framework used to create responsive • Database communication
websites.
FULL STACK DEVELOPMENT

 Full Stack Development refers to the

•Front-End Development
development of both the client side (front •Back-End Development
end) and server side (back end) of a web •Database Management
application. •APIs and Server Configuration
  Back-End Technologies
 Front-End
Technologies • [Link]
• HTML • [Link]
• CSS • Java

• JavaScript
• Python
• PHP
• Bootstrap
 Databases
• React
• MongoDB
• Angular
• MySQL
• PostgreSQL
COMPONENTS OF FULL STACK DEVELOPMENT

 2. Back-End Development
 1. Front-End Development
 The back end is the server-side part of the
 The front end is the visible part of a
application that users cannot see.
website with which users interact directly.
 Responsibilities
 Responsibilities
• Processing requests
• Designing web pages
• Authentication
• Creating buttons and forms
• Business logic
• Improving user experience
• Database connectivity
i.E HTML,CSS,Javascript,React,Angular
[Link], [Link], Java, Python.
Login page, Home page, Registration page. Checking username and password during login
CONT..

 3. Database Development
 A database stores application data
permanently.
 Responsibilities
• Storing records
• Retrieving information
• Updating and deleting data
MongoDB, MySQL
FRONT END AND BACK END
STACKS

 MERN Stack MEAN Stack

• MongoDB MongoDB
• [Link] [Link]
• React Angular
• [Link] [Link]
Company Frontend Technologies Backend Technologies Database

Facebook (Meta) React, JavaScript, HTML, CSS PHP (Hack), Python, Java MySQL, RocksDB

Amazon React, JavaScript, HTML, CSS Java, [Link], Python DynamoDB, MySQL, Aurora

Netflix [Link] Java, [Link] Cassandra, MySQL

Instagram [Link] Python (Django) PostgreSQL

WhatsApp JavaScript, React Native Erlang MySQL

YouTube HTML, CSS, JavaScript, React Python, Java, Go MySQL, BigTable

LinkedIn [Link] Java, Scala MySQL, Espresso

Uber [Link] [Link], Java, Go MySQL, PostgreSQL

Spotify [Link] Python, Java PostgreSQL, Cassandra

Twitter (X) [Link] Scala, Java MySQL