Skip to content

Datascienceclubusthb/web-dev-fundamentals-session-01

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Development Fundamentals — Session 01

Web Concepts & Mental Models

Instructor: M. Souhil Organization: Data Science Club — USTHB Track: Dev Web Core Team


Overview

This session introduces the fundamental concepts behind how the web works. No coding — focus is on building strong mental models before writing code.


🎥 Session Recording

👉 Watch the full session here: https://drive.google.com/file/d/15PnuFEgDot8EHF2djgJb1fBPMn6Kiweu/view?usp=sharing


📄 Presentation Slides

👉 Download Presentation


Learning Objectives

After this session, you should be able to:

  • Understand the difference between Internet vs Web
  • Read and analyze a URL
  • Explain how DNS works
  • Understand the request–response cycle
  • Know the role of the browser
  • Identify the purpose of HTML, CSS, JavaScript
  • Understand static vs dynamic websites

Key Concepts Covered

1. Internet vs Web

  • Internet = infrastructure (network)
  • Web = service running on top (HTTP/HTTPS)

2. URLs, Domains, DNS

  • URL structure: protocol, domain, path, query
  • Domains → human-readable names
  • DNS → converts domain to IP address

3. How the Web Works

  • Client (browser) sends request
  • Server responds with resources (HTML, CSS, JS)
  • This is the request–response cycle

4. HTTP Basics

  • Methods: GET, POST, PUT, DELETE

  • Status codes:

    • 200 → OK
    • 404 → Not Found
    • 500 → Server Error

5. Browser Role

  • Parses HTML → DOM
  • Applies CSS → styling
  • Executes JS → behavior
  • Renders final page

6. Web Languages

  • HTML → structure
  • CSS → styling
  • JavaScript → behavior

7. Static vs Dynamic Websites

Static Dynamic
Pre-built files Generated per request
Fast More complex
No database Uses database

8. Developer Tools

  • Browser DevTools (F12)
  • VS Code
  • Git & GitHub

Mini Challenges

  • Internet vs Web classification
  • URL breakdown
  • DNS roleplay

Recommended Resources


Author

M. Souhil Dev Web Core Team — Data Science Club USTHB


About the Club

The Data Science Club at USTHB provides hands-on training in:

  • Web Development
  • Data Science
  • AI
  • Software Engineering

Notes

  • This session is conceptual only
  • Coding starts from next sessions
  • Strong fundamentals = faster progress later

Contribution

If you're a club member:

  • Fork the repo
  • Add notes or improvements
  • Share resources

Contact


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages