Module/Week 1: Foundations & UI Design

Module 1: Web Fundamentals

Programme

Frontend Developer Internship

Module Number

1

Module Title

Web Fundamentals

Duration

1 Week (15–18 Hours)

Level

Beginner

Prerequisites

None

Tools Required

Visual Studio Code, Web Browser (Google Chrome), Live Server

Overview

This module introduces learners to the fundamental concepts of web development. It explains how the internet and web browsers function, how web pages are structured using HTML, styled using CSS, and made interactive using JavaScript. This module forms the base for all advanced frontend development concepts covered in later modules.

Objectives

  • Explain the basic working of the World Wide Web
  • Introduce HTML5 for structuring web pages
  • Teach CSS fundamentals for styling and layout
  • Introduce JavaScript for basic interactivity
  • Familiarize learners with DOM and browser behavior

Course Content

6 Topics

Hands-on Tasks

  • HTML page with name, image, and description
  • CSS styling using box model
  • JavaScript button with click event
  • index.html
  • style.css
  • script.js

Learning Outcomes

  • Describe how websites work
  • Write semantic HTML5 code
  • Apply basic CSS for styling
  • Add interactivity using JavaScript
  • Understand and manipulate the DOM