Fundamentals of Web Development Syllabus

Day 0: Virtual Orientation (Jan 2)

• Workshop Overview
• Introduction to Web Development Tools
• Installation of Required Software (VS Code, Browsers, Extensions)
• Meet Link will be provided in Discord and registered email.

---

Participants with verified registration will be able to attend the physical event.
Verify your registration now at: https://csitabmc.com/ch/registration

---

Workshop Details:

• Dates: January 3 – January 8, 2025 (19th Poush - 24th Poush)
• Time: 2:00 PM – 4:00 PM
• Location: Butwal Multiple Campus

---

Day 1: HTML/CSS

HTML:

• Tags, Semantic Tags
• Attributes and Values

CSS:

• Inline CSS, Internal CSS, External CSS
• Box Model (Border, Margin, Padding)
• Units (px, rem, em, vw, vh, %)

---

Day 2: HTML/CSS Advanced

HTML:

• Forms and Input Types
• Table Elements
• Multimedia Elements (Audio, Video, iframe)

CSS:

• Flexbox Basics
• Grid Layout Basics
• Positioning (static, relative, absolute, fixed)
• Pseudo-classes and Pseudo-elements

---

Day 3: JavaScript Basics

• Variables (var, let, const)
• Data Types and Operators
• Conditional Statements (if/else, switch)
• Loops (for, while, do-while)
• Functions (Declaration, Expression, Arrow Functions)

---

Day 4: JavaScript Advanced

• DOM Manipulation (getElementById, querySelector)
• Events and Event Listeners
• Array Methods (map, filter, reduce)
• ES6 Features (Destructuring, Spread, Template Literals)
• Fetch API (GET request basics)

---

Day 5: Project 1

Goal:

Build a Responsive Portfolio Page and deploy it on a PaaS (e.g., Vercel).

Skills:

• HTML: Semantic structure
• CSS: Flexbox, Grid, Media Queries
• Git & GitHub: Very Basics
• Vercel Deployment

---

Day 6: Project 2

Goal:

Create a To-Do List Application and deploy it on a PaaS.

Skills:

• JavaScript: DOM manipulation, Event Handling
• CSS: Styling and Layout Design
• Git & GitHub: Very Basics
• Vercel Deployment

---

Join us to learn the Fundamentals of Web Development and build real-world projects! 🚀