JavaScript Workshop

JavaScript Basics

• Slides

JavaScript Frameworks

• Slides

Modules with RequireJS

• 01 Basic Modul Definition
• 02 Module with Dependencies
• 03 Module with Require
• 04 Module with Conditional Dependencies
• 05 Module with Deferred
• 06 Object State Sharing
• 07 Object Communication with Mediator
• 08 Plugins
• 09 Multipage Build

Webdev Workflow and Toolbox

• Slides

Workflow with Yeoman and Grunt

Grunt

• 01 Install Grunt
• 02 Initial example with JSHint, concat and UglifyJS2
• 03 Static web server
• 04 File watcher and live reload
• 05 Unit testing with Jasmine
• 06 Multi and async task
• 07 Grunt task and helper
• 08 Build own grunt plugin
• 08 Build custom jquery

Bower

• 01 Basic usage
• 02 Set up own server
• 03 Create own package with version
• 04 Grunt and Bower

Yeoman

• 01 Basic usage
• 02 Build own generator
• 03 Modify build process

Animation with CSS3

• 01 Move the tile
• 02 Transition
• 03 Animate CSS Properties
• 04 Keyframe Animation
• 05 Walking Character
• 06 Rotating Cube
• 07 Carousel

Animation with Canvas

• 01 Start template
• 02 Animation
• 03 Movement
• 04 Wall Collision
• 05 Two Actor Collision
• 06 Multiple Actor Collision
• 07 Easing, spring
• 08 Chaining balls
• 09 Character animation
• 10 Particle system

Game Development

• Slides

Multiplayer Game Development

• 01 Basic Express Setup
• 02 Local Player Movement
• 03 Basic SocketIO Setup
• 04 Multiplayer Setup
• 05 RequireJS Refactoring
• 06 Grunt Build