Introduction & Web Architecture

1. Web Development
Week 1 & Week 2 Lecture Slides
Introduction & Web Architecture

2. Week 1: Introduction to Web
Development
• • Meaning of Web Development
• • Importance of the Web
• • Areas of application
• • Overview of course

3. Evolution of the Web
• • Web 1.0 – Static, Read-only
• • Web 2.0 – Dynamic, Social
• • Web 3.0 – Intelligent, Semantic

4. Website vs Web Application
• Website:
• • Informational
• • Mostly static
• Web Application:
• • Interactive
• • Performs tasks

5. Components of Web Development
• • Front-End Development
• • Back-End Development
• • Database Systems

6. Web Development Roles
• • Front-End Developer
• • Back-End Developer
• • Full-Stack Developer
• • Web Designer
• • DevOps Engineer

7. Week 2: Web Architecture
• • Definition of Web Architecture
• • How web components interact
• • Importance of architecture

8. Client–Server Architecture
• Client:
• • Browser / App
• Server:
• • Processes requests
• • Sends responses

9. Request–Response Cycle
• 1. User enters URL
• 2. Browser sends request
• 3. Server processes request
• 4. Server sends response
• 5. Browser displays content

10. Stateless Nature of the Web
• • HTTP is stateless
• • Each request is independent
• • Solutions:
• – Cookies
• – Sessions
• – Tokens

11. Multi-Tier Architecture
• • Presentation Layer (Client)
• • Application Layer (Server)
• • Data Layer (Database)

12. Advantages & Limitations
• Advantages:
• • Scalability
• • Security
• • Centralized data
• Limitations:
• • Server dependency
• • Network dependency