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-7 Revision & Mid-Sem
Week 8 Servlets & JSP Intro
Week 9 JSP Advanced & MVC
Week 10 Spring Framework
Week 11 Spring Boot & Data
Week 12 REST & Final Project

How to Use This Section

For each week:

  1. Read the assigned materials listed on each content page
  2. Watch the video lectures (if available) to understand key concepts
  3. Review the slides and examples to see how concepts are applied
  4. Complete the lab exercises to get hands-on practice
  5. Start the assignments early to have time for questions
  6. 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 8-9: Servlets, JSP & MVC
    • Servlet Architecture & Life Cycle
    • HTTP GET & POST Requests
    • Session Tracking & Cookies
    • Java Server Pages (JSP) Basics
    • JSP Implicit Objects & Actions

Module 5: Spring Framework (Weeks 10-12)

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.