Name :- Laxmi Dara
Class :- B. tech
Branch :- CSE
Year :- 3rd,5th semester
Roll NO. :- 22ESBCS029
Introduction to
Web Development
Web development is the process of
creating and maintaining websites and
web applications. It involves a range of
skills and technologies, including HTML,
CSS, JavaScript, databases, and server-
side programming
Frontend development
This is the part that user
can see and interact with
application
HTML, CSS, and JavaScript
HTML CSS JavaScript
Hypertext Markup Cascading Style JavaScript is a
Language (HTML) is Sheets (CSS) is programming language
the standard used to control used to add
markup language the presentation interactivity and
used to create web and styling of dynamic behavior to
pages, defining the web pages, web pages, such as
content and including colors, drop-down menus and
structure. fonts, and form validations.
layout.
Bootstrap and jQuery
Bootstrap jQuery
A popular open-source CSS A JavaScript library that
framework that provides pre- simplifies the manipulation
designed components and of HTML documents, event
responsive design features to handling, and AJAX
build modern, mobile-friendly interactions, making it
websites quickly. easier to develop
interactive web
applications.
MySQL Database
Relational SQL Queries
database
MySQL is a popular
MySQL uses the
open-source
Structured Query
relational database
Language (SQL) to
management system
interact with the
(RDBMS) that is
database, allowing
widely used for
developers to
storing and
create, read,
managing data in
update, and delete
web applications data.
Backend Development
It handles the
databases
interaction and
server
communication.
Node.js and Express.js
Node.js Express.
A JavaScript A
jspopular web
runtime application
environment
that allows
framework for
developers to Node.js, providing
use JavaScript a set of features
for server-side for building web
scripting, and mobile
building fast and
applications.
scalable network
applications
Connect our backend
to MySQL DATABASE
We use Establishing a
libraries like secure
connection to a
Sequelize in
MySQL database
Node.js.
is a key step in
This allows us
building web
to establish a applications that
connection, require persistent
run SQL data storage.
queries
API in web development
Application Programming
Interfaces (APIs) are a key
part of web
development, allowing
applications to
communicate with each
other and with external
•Increase development speed: APIs
systems
allow developers to leverage existing
code instead of writing every
functionality from scratch.
•
• Enable seamless
functionality: APIs help web
ser Authentication and Git
User Authentication Git
(global
It verifies the information
identity of users tracker ) used for
through a login
source code
process. management.
Implementing
It allows developers
secure user
to track changes,
authentication is
collaborate, and
essential for
manage code
protecting sensitive
repositories
user data and
efficiently.
ensuring the
integrity of web
Responsive Design
Flexible
layout
Use CSS
technique like
flexbox to
create a layout
that adapt to
different screen
sizes.
Career opportunities in
full stack web
development
Front end web
developer:-responsible
for user interface and
client-side interaction.
Backend web
developer:-
Focuses on server side-
logic and database
management
THANK
YOU !
This concludes our overview of the key
technologies and concepts in web development.
We've covered the foundations, frameworks,
databases, APIs, and essential tools for building
modern, dynamic web applications.
