Animate content with JavaScript and native web technologies. Explore how to configure and animate DOM elements, animate within the HTML5 canvas, and use the Web Animations API.

Learn about some more advanced JavaScript concepts—including managing propagation and binding—as you build a few interesting card games.

At the heart of every web application and framework (such as Angular or React) lies the DOM, the Document Object Model. In this course, instructor W. Scott Means explores the DOM from the bottom up. After a fast-paced introduction to the Node interface and DOM trees, Scott takes things to the next level by constructing a functioning HTML parser. He shows you how HTML source code is translated into a complete DOM tree, including comments, text nodes, and elements with attribute nodes. Then, Scott demonstrates how the resulting DOM tree can be traversed and transformed using DOM-specific maps and lists, tree references, and document fragments to produce pretty-printed HTML output. He concludes the course with advice on how you can practice what you’ve learned and get one step closer to mastering the DOM.

Learn about client-side storage solutions for JavaScript developers. Explore local storage, session storage, how to work with the IndexedDB API, and how to store large files.

Practice JavaScript programming—the fun way. Learn how to write more fast, efficient code by creating a mobile-friendly game using vanilla JavaScript.

Create app-like experiences for the mobile web. Learn how to create progressive web apps with nothing more than Vanilla JavaScript.

Learn how to use service workers in your applications. Create faster, more engaging web experiences with features like notifications, background syncing, and offline browsing.

Make the web faster and better. Learn how to use vanilla JavaScript and the Performance APIs to measure and optimize the performance of your websites and applications.

Optimize your web applications with JavaScript web workers. Learn how to enable multithreading with dedicated and shared web workers.

Learn to rig a car model in Autodesk Maya for use in animation, games, design visualization, and visual effects.

Start incorporating version control into other types of digital projects, such as graphic design, writing, photography, prototyping, and even lesson planning.

Learn practical techniques for making architectural renderings of buildings look as if they've been placed into an existing still image or full-motion video.

Take a deep dive into keying for visual effects in NUKE. Learn about green-screen, blue-screen, luma, and saturation keys; spill suppression; color correction; and edge refinement.

Learn how to create awesome 3D explosions and composite them with live-action footage using the free compositing software Fusion 7.

Learn how to composite a 3D animated flag into a live-action shot using After Effects and CINEMA 4D.

Learn how to composite a 3D-animated flag into a live-action shot using Nuke and CINEMA 4D.

Create awesome sci-fi laser gunfire and realistic set damage inside After Effects.

Learn to create Harry Potter–style smoke, fire, and explosions with particle systems in After Effects.

Recombine render-pass sequences of a space scene from Maya and add special effects in After Effects.

Shows how to build complex composites with After Effects and mocha, where motion graphics are mapped to live-action footage of an actor's face.