WDF Camp - Detailed Curriculum

Dive deep into the 130+ topics covered in our intensive 6-week Web Development Fundamentals Camp. Click each week, then each module, to explore the topics.

Week 1: Introduction

HTML Module 1: Introduction to HTML & the Web

  • Topic 1.1: What is HTML?
  • Topic 1.2: How the Web Works
  • Topic 1.3: Basic HTML Document Structure
  • Topic 1.4: Elements, Tags, and Attributes
  • Topic 1.5: HTML Comments & Best Practices
  • Topic 1.6: Introduction to Developer Tools
  • Topic 1.7: Building Your First Web Page

CSS Module 1: CSS Fundamentals

  • Topic 1.1 Introduction to CSS
  • Topic 1.2 Integrating CSS with HTML
  • Topic 1.3 Basic Selectors
  • Topic 1.4 Developer Tools
  • Topic 1.5: Styling Your First Web Page

JS Module 1: JavaScript Fundamentals

  • Topic 1.1 Introduction to JavaScript
  • Topic 1.2 Setting Up the Environment
  • Topic 1.3 Comments in JavaScript
  • Topic 1.4: Introduction to JavaScript Interaction
  • Topic 1.5: Making Your First Web Page Interactive

Week 2: HTML in Detail

HTML Module 2: Core HTML Structure & Text Content

  • Topic 2.1: Headings
  • Topic 2.2: Paragraphs and Breaks
  • Topic 2.3: Basic Text Formatting (Inline Semantics)
  • Topic 2.4: Unordered and Ordered Lists
  • Topic 2.5: Description Lists
  • Topic 2.6: Preformatted Text & Code
  • Topic 2.7: Quotes

HTML Module 3: Links & Navigation

  • Topic 3.1: The Anchor Element (`<a>`)
  • Topic 3.2: URL Paths
  • Topic 3.3: Link Targets & Fragments
  • Topic 3.4: Special Link Types
  • Topic 3.5: Basic Navigation Structures

HTML Module 4: Images & Multimedia

  • Topic 4.1: Adding Images
  • Topic 4.2: Image Formats & Usage
  • Topic 4.3: Figures and Captions
  • Topic 4.4: Responsive Images (Basic)
  • Topic 4.5: Embedding Audio
  • Topic 4.6: Embedding Video

HTML Module 5: HTML Tables

  • Topic 5.1: Basic Table Structure
  • Topic 5.2: Table Headers, Body, and Footer
  • Topic 5.3: Spanning Rows and Columns
  • Topic 5.4: Table Captions & Accessibility

HTML Module 6: HTML Forms

  • Topic 6.1: The `
    ` Element
  • Topic 6.2: Basic Input Fields
  • Topic 6.3: Labels and Accessibility
  • Topic 6.4: Buttons
  • Topic 6.5: Text Areas
  • Topic 6.6: Dropdown Select Lists
  • Topic 6.7: Radio Buttons and Checkboxes
  • Topic 6.8: Other Input Types (HTML5)
  • Topic 6.9: Fieldsets and Legends
  • Topic 6.10: Basic Form Validation

HTML Module 7: Semantic HTML

  • Topic 7.1: Importance of Semantics
  • Topic 7.2: Page Structure Elements
  • Topic 7.3: Content Sectioning Elements
  • Topic 7.4: Text-Level Semantics Revisited
  • Topic 7.5: Introduction to WAI-ARIA (Accessibility)

Week 3: CSS Basics

CSS Module 2: Styling Core Elements

  • Topic 2.1 Color Values & Application
  • Topic 2.2 Background Basics
  • Topic 2.3 Background Sizing & Positioning
  • Topic 2.4 Units and Values

CSS Module 3: Typography and Text Styling

  • Topic 3.1 Core Font Properties
  • Topic 3.2 Importing Web Fonts
  • Topic 3.3 Other Font Properties
  • Topic 3.4 Text Alignment & Spacing
  • Topic 3.5 Text Decoration & Control

CSS Module 4: The Box Model

  • Topic 4.1 Box Model Concepts
  • Topic 4.2 Element Dimensions
  • Topic 4.3 Controlling Box Sizing
  • Topic 4.4 Padding
  • Topic 4.5 Border Styling
  • Topic 4.6 Border Shape
  • Topic 4.7 Margin Basics
  • Topic 4.8 Understanding Margin Collapsing
  • Topic 4.9 Element Display

CSS Module 5: Selectors, Cascade, Specificity & Inheritance

  • Topic 5.1 Combinators
  • Topic 5.2 Attribute Selectors
  • Topic 5.3 User Interaction Pseudo-Classes
  • Topic 5.4 Focus Styling
  • Topic 5.5 Link & State Pseudo-Classes
  • Topic 5.6 Positional Structural Pseudo-Classes
  • Topic 5.7 Indexed Structural Pseudo-Classes
  • Topic 5.8 Other Pseudo-Classes
  • Topic 5.9 Pseudo-Elements
  • Topic 5.10 The Cascade
  • Topic 5.11 Calculating Specificity
  • Topic 5.12 Specificity Control Pseudo-Classes
  • Topic 5.13 Basic Inheritance
  • Topic 5.14 Controlling & Resetting Inheritance

CSS Module 6: Page Position & floating

  • Topic 6.1 Position Property
  • Topic 6.2 Position Control & Z-Index
  • Topic 6.3 Stacking Contexts
  • Topic 6.4 Floating Elements (Legacy & Specific Uses)

Week 4: Advanced CSS

CSS Module 6: Page Flex & Grid

  • Topic 6.5 Flex Container Setup
  • Topic 6.6 Flex Container Alignment
  • Topic 6.7 Flex Item Sizing
  • Topic 6.8 Flex Item Control
  • Topic 6.9 Grid Container Setup
  • Topic 6.10 Explicit Grid Placement
  • Topic 6.11 Grid Alignment (Container)
  • Topic 6.12 Grid Alignment (Item)
  • Topic 6.13 Implicit Grid & Auto Flow
  • Topic 6.14 Named Grid Areas
  • Topic 6.15 Grid Functions

CSS Module 7: Responsive & Adaptive Design

  • Topic 7.1 RWD Principles
  • Topic 7.2 Media Query Syntax
  • Topic 7.3 RWD Strategies
  • Topic 7.4 User Preference Media Features
  • Topic 7.5 Styling for Print

CSS Module 8: Visual Effects

  • Topic 8.1 CSS Transitions
  • Topic 8.2 Defining Animations
  • Topic 8.3 Controlling Animations
  • Topic 8.4 2D Transforms
  • Topic 8.5 Advanced Transforms
  • Topic 8.6 CSS Filters
  • Topic 8.7 Blend Modes

Week 5: Basic JS Programming

JS Module 2: Variables, Data Types & Scope

  • Topic 2.1 Declaring Variables & Constants
  • Topic 2.2 Primitive Data Types
  • Topic 2.3 Numeric Operations
  • Topic 2.4 Working with Strings
  • Topic 2.5 Advanced String Methods
  • Topic 2.6 Type Checking & Coercion
  • Topic 2.7 Understanding Scope
  • Topic 2.8 Hoisting

JS Module 3: Conditional Logic

  • Topic 3.1 Comparison Operators
  • Topic 3.2 Logical Operators
  • Topic 3.3 `if`/`else` Statements
  • Topic 3.4 `switch` Statements
  • Topic 3.5 Truthy and Falsy Values
  • Topic 3.6 Ternary Operator

JS Module 4: Iteration (Loops)

  • Topic 4.1 `for` Loops
  • Topic 4.2 Looping Over Arrays & Strings
  • Topic 4.3 `while` and `do...while` Loops
  • Topic 4.4 Loop Control Statements

Week 6: Intermediate JS Programming

JS Module 5: Functions

  • Topic 5.1 Defining and Calling Functions
  • Topic 5.2 Parameters and Arguments
  • Topic 5.3 Return Values
  • Topic 5.4 Arrow Functions (ES6)
  • Topic 5.5 Rest Parameters & Spread Syntax (ES6)
  • Topic 5.6 Closures
  • Topic 5.7 Immediately Invoked Function Expressions (IIFE)

JS Module 6: Objects

  • Topic 6.1 Object Basics
  • Topic 6.2 Object References vs. Values
  • Topic 6.3 Object Methods & `this` Keyword
  • Topic 6.4 Object Iteration
  • Topic 6.5 Object Constructors & new

JS Module 7: Data Structures Arrays, Sets & Maps

  • Topic 7.1 Arrays - Creation & Basic Manipulation
  • Topic 7.2 Arrays - Intermediate Methods
  • Topic 7.3 Arrays - Iteration Methods
  • Topic 7.4 Arrays - Other Useful Methods
  • Topic 7.5 Array Destructuring (ES6)
  • Topic 7.6 Sets (ES6)
  • Topic 7.7 Maps (ES6)

Ready to Master 130+ Topics & Build 8+ Projects?

Enroll in our WDF Camp today and start your transformation into a web developer!

Enroll Now via WhatsApp