Web Development
Shanawar Ali↗
Lesson 9: Event Handling
Learn how event listeners work, capture user input, and handle form submissions dynamically.
Shanawar AliYOUR SELECTED TOPIC
Web Development
Web DevelopmentShanawar Ali↗
Step-by-Step Guide: How I Built a Multi-User Collaborative Canvas Using WebSockets and Yjs
A comprehensive technical guide on building a resilient, conflict-free collaborative drawing canvas using Node.js, WebSockets, and Yjs.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 1: Required Software Setup and Introduction to HTML Structure
Learn how to download and configure Visual Studio Code, set up modern live-reloading tools, and construct the basic anatomical boilerplate of a modern HTML document.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 2: Basic HTML Tags and Structural Layout Tags
Learn how to replace outdated div-heavy layouts with accessible, search-engine-friendly tags like header, nav, section, article, and footer.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 3: Working with HTML Text, Headings, Paragraphs, Lists, and Links
Dive deep into text styling mechanics, learn how to manage content headings, structure orderly and unordered lists, and craft powerful relative and absolute hyperlinks.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 4: HTML Forms, Input Elements, Buttons, and Tables
Learn how to collect data via standard web forms using fields, checkboxes, drop-downs, and submit buttons, alongside structuring data cleanly with HTML tables.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 5: Building a Complete Step-by-Step Sample HTML Web Page Project
Put your HTML knowledge to the test by coding a comprehensive, highly accessible personal bio page from scratch, using headers, layouts, lists, and interactive forms.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 1: CSS Syntax, Linking Methods, and Selectors
Set up your development workspace with VS Code and master the fundamentals of CSS rulesets, declarations, and cascading priority.
Shanawar Ali
Web DevelopmentShanawar Ali↗
Lesson 2: The CSS Box Model and Layout Fundamentals
Learn how browsers compute element dimensions and spatial placement using the box model, logical properties, and sizing controls.
Shanawar Ali