Module/Week 2: Advanced Logic & Forms

Module 5: JS Deep Dive & SPA

Programme

Frontend Developer Internship

Module Number

5

Module Title

JavaScript Deep Dive & SPA Development

Duration

1 Week (18–20 Hours)

Level

Intermediate → Advanced

Prerequisites

Module 1 – Web Fundamentals, Module 2 – Responsive Design & Layouts, Module 3 – UI Components & Styling, Module 4 – Forms & User Input Handling

Tools Required

Visual Studio Code, Google Chrome, Live Server, Chrome DevTools

Overview

This module focuses on advanced JavaScript concepts required to build dynamic, scalable, and interactive web applications without using any frameworks. Learners will understand state management, Single Page Application (SPA) architecture, and CRUD-based applications using Vanilla JavaScript. This module strengthens logical thinking and prepares learners for real-world frontend challenges.

Objectives

  • Deepen understanding of JavaScript execution and logic
  • Work with advanced DOM manipulation
  • Implement state management in JavaScript
  • Build Single Page Applications without frameworks
  • Develop a Task Tracker application
  • Persist application data using browser storage

Course Content

8 Topics

Hands-on Tasks

  • SPA navigation without page reload
  • Clean state management
  • Data persistence using localStorage
  • Responsive and interactive UI
  • index.html
  • style.css
  • script.js

Learning Outcomes

  • Write advanced JavaScript logic
  • Manipulate DOM dynamically
  • Manage application state
  • Build Single Page Applications
  • Create CRUD-based applications
  • Persist data using browser storage
  • **Difficulty Level**: Medium → Hard (M–H)
  • **Module Type**: Core JavaScript & Application Logic