Free JavaScript Courses & Tutorials

JavaScript Logo - Free Courses

JavaScript is a popular programming language on the Web. JavaScript (JS) is a lightweight, interpreted, programming language with first-class functions. It is a high-level, prototype-based, multi-paradigm, dynamic scripting and interpreted programming language – supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. — While, generally speaking, HTML is for content and CSS is for presentation, JavaScript is for interactivity.

Free JavaScript Courses

HTML Dog – Beginner, intermediate, and advanced JavaScript tutorials.

JS and the DOM – Putting JS in a Webpage

Intro to JS: Drawing & Animation
Learn how to use the JavaScript language and the Processing JS library to create fun drawings and animations.
Intro to programming
Drawing basics
Coloring
Variables
Animation basics
Interactive programs
Bonus: Resizing with variables
Text and strings
Functions
Logic and if Statements
Debugging programs
Looping
Writing clean code
Arrays
Objects
Object-Oriented Design
Becoming a better programmer

HTML/JS: Making webpages interactive with jQuery

Advanced JS: Games & Visualizations
Once you’ve taken Intro to JS, go here to learn techniques to help you make multi-scene programs, 3d graphics, button menus, and scored games.
Intro to Games & Visualizations
Scene management
Buttons
Transformations
3D Shapes
Making a Side Scroller: Hoppy Beaver
Making a Memory Game

Advanced JS: Natural Simulations
Once you’ve taken Intro to JS, you can go through this course to learn how to combine JS, ProcessingJS, and mathematical concepts to simulate nature in your programs. This course is a derivative of “The Nature of Code” book by Daniel Shiffman (natureofcode.com), used under CC BY-NC.
Intro to Natural Simulations
Randomness
Noise
Vectors
Forces
Angular Movement
Oscillations
Particle Systems

HTML/JS: Making Webpages Interactive
Once you’ve taken both Intro to JS and Intro to HTML/CSS, take this course to learn how use HTML/CSS with the JavaScript DOM API to make your webpages interactive.
Get ready to make your webpages interactive
JS and the DOM
DOM access methods
DOM modification
DOM events
DOM animation
Using JS libraries in your webpage
Further learning

HTML/JS: Making Webpages Interactive with jQuery
Learn how to use jQuery, the world’s most popular JS browser library, to add interactivity to your webpages.
Welcome to jQuery
DOM access with jQuery
DOM modification with jQuery
jQuery techniques
DOM events with jQuery
Form processing with jQuery
DOM animation & effects with jQuery
Further learning

%d bloggers like this: