Web Technology I notes

9 chapter notes, in syllabus order. Each starts with the key points.

Unit 1 · 6 hrs

Introduction to Web Tech & Web Evolution: History, Models, and TrendsUnit 1 of Web Technology I introduces the foundational concepts of web technology, its evolution from Web 1.0 to Web 3.0, key models (client-server, peer-to-peer), and how the web functions as a global system of interconnected technologies.17 min read

Unit 2 · 8 hrs

HTML Fundamentals & Text Formatting: Tags, Structure & StylingUnit 2 of Web Technology I: teaches the core building blocks of HTML—tags, attributes, basic structure, and text formatting—with hands-on examples of how to create semantic, accessible, and visually organized web pages.15 min read

Unit 3 · 6 hrs

HTML5 Semantics & Sectioning: <header>, <footer>, <nav>, <article>, <section>Unit 3 of Web Technology I covers HTML5’s semantic elements—<header>, <footer>, <nav>, <article>, <section>—and how they improve accessibility, SEO, and document structure. Learn their definitions, use cases, and differences from generic <div>s, with real-world examples from eSewa, Daraz, and NEPSE.11 min read

Unit 4 · 8 hrs

CSS Selectors, Box Model & Styling: Layouts, Flexibility & DesignUnit 4 of Web Technology I: teaches how to use CSS selectors to target HTML elements, master the box model for precise layout control, and apply styling techniques to create responsive and visually appealing web pages.13 min read

Unit 5 · 8 hrs

JavaScript Basics: Data Types, Variables, Functions & LogicUnit 5 of Web Technology I introduces the core building blocks of JavaScript—data types, variables, functions, and basic logic—explaining how they work under the hood, their practical applications, and how they enable dynamic web interactions.14 min read

Unit 6 · 8 hrs

Form Handling & Client-Side Validation: Techniques, Events & SecurityUnit 6 of Web Technology I covers how to design interactive forms, process user input, validate data before submission, and implement client-side security—key skills for building secure, user-friendly web applications like eSewa’s payment forms or Daraz’s checkout.8 min read

Unit 7 · 6 hrs

XML vs JSON: Data Formats, Syntax, and Real-World Use CasesUnit 7 of Web Technology I covers XML (eXtensible Markup Language) and JSON (JavaScript Object Notation), their syntax, structure, and applications in web development, including data exchange, configuration files, and APIs. Learn how to read, write, and compare these formats with practical examples from Nepali and glob12 min read

Unit 8 · 6 hrs

Meta Tags, Cookies & Static Websites: How Websites Store Data & Load FastUnit 8 of Web Technology I covers meta tags for SEO and browser control, cookies for session management, and static websites for performance—essential tools for building efficient, user-friendly web pages.13 min read

Unit 9 · 6 hrs

JavaScript Libraries & Frameworks: jQuery, React, Vue, AngularUnit 9 of Web Technology I explores how JavaScript libraries (like jQuery) and frameworks (React, Vue, Angular) accelerate development, handle DOM manipulation, state management, and component-based architecture—with real-world examples from Nepalese apps and global tech giants.14 min read