Course Content
Each class session has lecture materials, readings, and videos covering the week’s topics. Work through these materials before attempting the assignments and lab exercises.
Quick Access
| Week | Content Page | Lectures |
|---|---|---|
| Week 1-2 | HTML & Introduction | |
| Week 2-3 | HTML Elements & CSS | |
| Week 3-5 | CSS Styling & JavaScript | |
| Week 4 | JavaScript Functions & Events | |
| Week 5 | DOM & ES6+ | |
| Week 6 | Revision & Mid-Sem Prep | |
| Week 7 | Servlet Request Flow & Cookies | |
| Week 8 | Servlet Foundations | |
| Week 9 | Sessions & JSP | |
| Week 10 | Spring Core Foundations | |
| Week 11 | Spring Patterns & AOP | |
| Week 12 | Spring Boot & REST APIs |
How to Use This Section
For each week:
- Read the assigned materials listed on each content page
- Watch the video lectures (if available) to understand key concepts
- Review the slides and examples to see how concepts are applied
- Complete the lab exercises to get hands-on practice
- Start the assignments early to have time for questions
- Take the quiz for the topic in Interactive Quizzes to check understanding
Course Content by Week
Module 1: Web Fundamentals (Weeks 1-2)
- Week 1-2: HTML & Introduction
- Introduction to Web Designing
- History of Web & Internet
- HTML Basics & Structure
- HTML Grouping, Lists, Images, Tables, Forms
- Introduction to CSS
Module 2: CSS & Styling (Weeks 2-3)
- Week 2-3: HTML Elements & CSS
- HTML Lists & Images
- HTML Hyperlinks & Tables
- HTML Forms & Form Elements
- Introduction to CSS
- CSS Units, Selectors & Styling
- Week 3-5: CSS Styling & JavaScript
- CSS Box Model & Positioning
- Bootstrap Framework Basics
- JavaScript Introduction & Variables
- Data Types, Operators & Control Flow
- Functions & Callbacks
Module 3: JavaScript & DOM (Weeks 4-5)
- Week 4: JavaScript Functions & Events
- JavaScript Functions & Scope
- Control Flow & Loops
- Events & Event Handling
- Event Listeners & Callbacks
- Week 5: DOM & ES6+
- Document Object Model (DOM)
- Selecting & Modifying Elements
- Form Validation with JavaScript
- ES6+ Features & Modern JavaScript
Module 4: Server-Side Development (Weeks 8-9)
- Week 7: Servlet Request Flow & Cookies
- Handling HTTP GET and POST requests
- Redirecting requests and request dispatching
- Session tracking with cookies
- Week 8: Servlet Foundations
- Servlet architecture and container flow
- Servlet lifecycle methods
- HTTP GET and POST processing
- Request dispatching and redirects
- Week 9: Session Tracking & JSP
- Cookies and
HttpSession - JSP introduction and implicit objects
- JSP directives, actions, and custom tags
- Cookies and
Module 5: Spring Framework and Spring Boot (Weeks 10-12)
- Week 10: Spring Core Foundations
- Spring Core and dependency injection
- IoC container and bean lifecycle
- Bean scopes and annotation-based wiring
- Week 11: Spring Patterns & Configuration
- Design patterns in Spring
- Factory and Strategy pattern usage
- AOP and bean configuration styles
- Week 12: Spring Boot & REST APIs
- Spring Boot setup and annotations
- REST controllers and request mapping
- CRUD APIs and code structure
- Final integration and revision
Tips for Success
TipStudy Tips
- Don’t just read—practice! Type out the code examples yourself
- Experiment with variations of the examples to deepen your understanding
- Use browser developer tools to inspect and debug your code
- Build something real - apply what you learn to create actual web pages
- Ask questions if you’re stuck—web development has a steep learning curve!
WarningCommon Pitfalls to Avoid
- Skipping the fundamentals (HTML/CSS) to jump to JavaScript
- Not testing your code in multiple browsers
- Forgetting to close tags or use proper syntax
- Copying code without understanding what it does
- Not using version control (Git) for your projects
Additional Resources
For supplementary materials, tutorials, and reference documentation, visit the Resources section.