If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Main content

Computer programming - JavaScript and the web

Unit 1: Intro to JS: Drawing & Animation

Intro to programming: Intro to JS: Drawing & AnimationDrawing basics: Intro to JS: Drawing & AnimationColoring: Intro to JS: Drawing & AnimationVariables: Intro to JS: Drawing & AnimationAnimation basics: Intro to JS: Drawing & AnimationInteractive programs: Intro to JS: Drawing & AnimationBecoming a community coder: Intro to JS: Drawing & AnimationBonus: Resizing with variables: Intro to JS: Drawing & AnimationText and strings: Intro to JS: Drawing & Animation
Functions: Intro to JS: Drawing & AnimationLogic and if Statements: Intro to JS: Drawing & AnimationDebugging programs: Intro to JS: Drawing & AnimationLooping: Intro to JS: Drawing & AnimationWriting clean code: Intro to JS: Drawing & AnimationArrays: Intro to JS: Drawing & AnimationObjects: Intro to JS: Drawing & AnimationObject-Oriented Design: Intro to JS: Drawing & AnimationBecoming a better programmer: Intro to JS: Drawing & Animation

Unit 2: Intro to HTML/CSS: Making webpages

Intro to HTML: Intro to HTML/CSS: Making webpagesIntro to CSS: Intro to HTML/CSS: Making webpagesMore HTML tags: Intro to HTML/CSS: Making webpagesCSS text properties: Intro to HTML/CSS: Making webpages
Web development tools: Intro to HTML/CSS: Making webpagesCSS layout: Intro to HTML/CSS: Making webpagesMore CSS selectors: Intro to HTML/CSS: Making webpagesOther ways to embed CSS: Intro to HTML/CSS: Making webpagesFurther learning: Intro to HTML/CSS: Making webpages

Unit 3: Intro to SQL: Querying and managing data

SQL basics: Intro to SQL: Querying and managing dataMore advanced SQL queries: Intro to SQL: Querying and managing dataRelational queries in SQL: Intro to SQL: Querying and managing data
Modifying databases with SQL: Intro to SQL: Querying and managing dataFurther learning in SQL: Intro to SQL: Querying and managing data

Unit 4: Advanced JS: Games & Visualizations

Intro to Games & Visualizations: Advanced JS: Games & VisualizationsScene management: Advanced JS: Games & VisualizationsButtons: Advanced JS: Games & VisualizationsMaking a side scroller: Hoppy Beaver: Advanced JS: Games & Visualizations
Making a memory game: Advanced JS: Games & VisualizationsTransformations: Advanced JS: Games & Visualizations3D shapes: Advanced JS: Games & VisualizationsAdvanced development tools: Advanced JS: Games & Visualizations

Unit 5: Advanced JS: Natural Simulations

Intro to Natural Simulations: Advanced JS: Natural SimulationsRandomness: Advanced JS: Natural SimulationsNoise: Advanced JS: Natural SimulationsVectors: Advanced JS: Natural Simulations
Forces: Advanced JS: Natural SimulationsAngular Movement: Advanced JS: Natural SimulationsOscillations: Advanced JS: Natural SimulationsParticle Systems: Advanced JS: Natural Simulations

Unit 6: HTML/JS: Making webpages interactive

Get ready to make your webpages interactive: HTML/JS: Making webpages interactiveJS and the DOM: HTML/JS: Making webpages interactiveDOM access methods: HTML/JS: Making webpages interactiveDOM modification: HTML/JS: Making webpages interactive
DOM events: HTML/JS: Making webpages interactiveDOM animation: HTML/JS: Making webpages interactiveUsing JS libraries in your webpage: HTML/JS: Making webpages interactiveFurther learning: HTML/JS: Making webpages interactive

Unit 7: HTML/JS: Making webpages interactive with jQuery

Welcome to jQuery: HTML/JS: Making webpages interactive with jQueryDOM access with jQuery: HTML/JS: Making webpages interactive with jQueryDOM modification with jQuery: HTML/JS: Making webpages interactive with jQueryjQuery techniques: HTML/JS: Making webpages interactive with jQuery
DOM events with jQuery: HTML/JS: Making webpages interactive with jQueryForm processing with jQuery: HTML/JS: Making webpages interactive with jQueryDOM animation & effects with jQuery: HTML/JS: Making webpages interactive with jQueryFurther learning: HTML/JS: Making webpages interactive with jQuery

Unit 8: Meet the professional

Meet the professional: Meet the professional
Create a new program

Browse projects

Community