This document provides an introduction to web development. It discusses the front-end and back-end of web development. The front-end involves technologies like HTML, CSS, and JavaScript that create the visual interface users see. The back-end involves technologies like Python, PHP, and Ruby that handle business logic behind the scenes. It also describes the roles of front-end developers, back-end developers, and full-stack developers who work on both front-end and back-end. Finally, it outlines a three-tier architecture with layers for business logic, presentation, and persistent storage.

1. Introduction to
Web Development
YOUR JOURNEY STARTS HERE

2. • It is a combination of tools
such as programming
languages, frameworks and
so one, that were used while
building a mobile or web
solution.
• In turn, these tools are divided
into the front-end(Client Side)
and back-end (Server Side).
WEB TECHNOLOGY STACK

3. Frontend
API
Backend
User don’t see
80% of total effort
Repetitive
Users see
20% of total effort

4. FRONT-END
Technology Stack
The front-end is a visual part of a website. In other words, everything
your customers can see and interact with while using your solution is
built with the help of different sets of front-end stack.
HTML, CSS and Javascript and for a focus on UX,
Design and product experience.

5. BACK-END
technology stack
The back-end technology stack for web applications is always
behind the scene since users cannot interact with them
directly. They serve for business logic creation.
Dynamic languages such as Python, PHP, and Ruby
or even compiled languages like Scala, Go and others

6. Roles of a Full-Stack Web Developer
Front-end Developer (AKA Client-Side Developer)
This is a developer who specializes in the programming of visual user interfaces,
including its aesthetics and layouts. A front –end developer code runs on a web
browser, on the computer of the user of the site.
Backend Developer (AKA Server-Side Developer)
This is a developer who specializes in the design, implementation, functional core
logic, performance and scalability of a piece of software or system running on
machines that are remote from the end-user.
Full stack Developer
This is a developer that does both front-end and back-end work. He or she has the
skills required to create a fully functional web application.

7.  Business Logic Layer :
It is also referredto as a BusinessLogic or Domain Logic or
application Layer. It accepts the user’s request from the browser,
processesit, and regulates the routes through
which the data will be accessed
 Presentation Layer :
This layer is accessible to the client via a
browser and it includes user interface components
and UI process components. These UI components are built
with HTML, CSS, and JavaScript
Three Tier Architecture
 Persistent Storage Layer :
This layer collects all the data calls and providesaccess to the persistent
storage of an application. The business layer is closelyattached to the
persistence layer, so the logic knows which database to talk to and the
process of retrieving data becomes more optimized