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 `
- 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