Module 1 – Introduction to Web Development

• Introduction to websites and web applications
• Understanding frontend and backend development
• How websites work
• Introduction to web browsers and web servers
• Static and dynamic websites
• Introduction to HTML, CSS and JavaScript
• Setting up a web development environment

Module 2 – HTML Fundamentals

• Introduction to HTML
• HTML document structure
• HTML tags and elements
• Headings and paragraphs
• Line breaks and horizontal rules
• HTML attributes
• Creating and saving HTML documents

Module 3 – HTML Text Formatting and Lists

• Text formatting tags
• Bold, italic and underline elements
• Superscript and subscript
• Ordered lists
• Unordered lists
• Description lists
• Nested lists

Module 4 – HTML Links and Images

• Creating hyperlinks
• Internal and external links
• Linking web pages
• Opening links in new tabs
• Adding images to web pages
• Image attributes and alternative text
• Creating image-based navigation

Module 5 – HTML Tables

• Introduction to HTML tables
• Table rows and columns
• Table headings and data cells
• Cell padding and spacing
• Rowspan and colspan
• Table borders and styling
• Creating structured data tables

Module 6 – HTML Forms and Input Elements

• Introduction to HTML forms
• Form action and method
• Text and password fields
• Radio buttons and checkboxes
• Dropdown lists and text areas
• Submit and reset buttons
• Form validation attributes

Module 7 – HTML5 Semantic Elements

• Introduction to HTML5
• Header and footer elements
• Navigation and section elements
• Article and aside elements
• Main and figure elements
• Audio and video elements
• Semantic webpage structure

Module 8 – Introduction to CSS

• Introduction to Cascading Style Sheets
• Importance of CSS in web design
• Inline, internal and external CSS
• CSS syntax and selectors
• Element, class and ID selectors
• Comments and CSS rules
• Linking external stylesheets

Module 9 – CSS Properties and Styling

• Text and font properties
• Text alignment and decoration
• Background colours and images
• Border and border-radius properties
• Width and height
• Margin and padding
• Opacity and visibility

Module 10 – CSS Box Model and Positioning

• Understanding the CSS box model
• Content, padding, border and margin
• Box sizing
• Display properties
• Static, relative and absolute positioning
• Fixed and sticky positioning
• Z-index and element layering

Module 11 – CSS Layout Techniques

• Introduction to CSS layouts
• Float and clear properties
• Flexbox fundamentals
• Flex direction and alignment
• Justify-content and align-items
• CSS Grid fundamentals
• Creating multi-column layouts

Module 12 – Responsive Web Design

• Introduction to responsive web design
• Mobile-first design approach
• Viewport and responsive units
• CSS media queries
• Responsive navigation menus
• Flexible images and containers
• Designing websites for mobile, tablet and desktop

Module 13 – CSS Transitions, Animations and Effects

• Introduction to CSS transitions
• Transform properties
• Hover and focus effects
• CSS animations
• Keyframes and animation properties
• Shadows and gradients
• Creating interactive visual effects

Module 14 – Introduction to JavaScript

• Introduction to JavaScript
• Role of JavaScript in web development
• Adding JavaScript to HTML
• Internal and external JavaScript
• Variables using var, let and const
• Data types and operators
• JavaScript comments and statements

Module 15 – JavaScript Conditions and Loops

• Arithmetic and comparison operators
• Logical operators
• If, else and else-if statements
• Switch statements
• For loops
• While and do-while loops
• Break and continue statements

Module 16 – JavaScript Functions and Arrays

• Introduction to functions
• Function declaration and expression
• Parameters and return values
• Arrow functions
• Introduction to arrays
• Array methods
• Introduction to objects and object properties

Module 17 – DOM Manipulation and Events

• Introduction to Document Object Model (DOM)
• Selecting HTML elements
• Changing text and HTML content
• Modifying CSS using JavaScript
• Creating and removing elements
• Event handling and event listeners
• Click, input, submit and keyboard events

Module 18 – JavaScript Forms and Interactive Features

• Form handling using JavaScript
• Client-side form validation
• Working with input values
• Displaying error and success messages
• Show and hide elements
• Creating interactive buttons
• Building dropdown menus and tabs

Module 19 – Advanced JavaScript Fundamentals

• Scope and variable hoisting
• Template literals
• Destructuring basics
• Array iteration methods
• JSON fundamentals
• Introduction to localStorage and sessionStorage
• Introduction to asynchronous JavaScript, promises and fetch API

Module 20 – Website Development Projects

• Planning and designing a website
• Creating a multi-page website using HTML
• Applying CSS layouts and responsive styling
• Adding JavaScript functionality
• Creating a registration and contact form
• Developing an interactive portfolio website
• Testing, debugging and final project presentation