Practical CreateJS – Building Rich Interactive Web App
Practical CreateJS – Building Rich Interactive Web App
$9.99
Minimum price
$12.99
Suggested price
Practical CreateJS – Building Rich Interactive Web App

This book is 5% complete

Last updated on 2015-04-16

About the Book

This book follows a stey-by-step format. It demonstrates how we can make use of canvas tag to build rich interactive web app and web design project.

Table of Contents

    • About author
      • Books by Makzan
    • Thanks
    • Preface
      • Code Example
  • Preparation
    • Tools we need in this book
      • Operating system
      • Required software
      • Optional
      • CoffeeScript compiling tools
    • Pre-Request
      • HTML and CSS
      • JavaScript
      • CoffeeScript
    • Why CreateJS?
      • Quick demo – advertisement animation
  • Example projects
    • Project 1 – Basic app with animated transitions
      • Mission Checklist
      • Project Preparation
      • 1. Setting up the project and GulpJS
      • 2. Setting up the canvas and CreateJS library
      • 3. Defining scene as container inheritance
      • 4. Adding static stylish menu
      • 5. Displaying another scene after menu selection
      • 6. Animating transition between scenes
      • 7. Optimizing for retina display
      • Further challenges
    • Project 1B – DOM-based app with animated transitions
      • Mission Checklist
      • Project Preparation
      • 1. Defining DOM elements
      • 2. Page Transition Manager
      • 3. Positioning the canvas transition
      • 4. Falling back in old browser
      • 5. Fine tuning the styles
      • 6. Supporting retina display
    • Project 2 – Rain or Not?
      • Mission Checklist
      • 1. Setup the project
      • 2. Data module
      • 3. Mocking API
      • 4. View
      • 5. CanvasView
      • 6. Moving the canvas in
      • 7. Aligning with FlexBox
      • 8. Device Rotation
      • Summary
    • Project 3 – Solar System
      • Why is this project awesome?
      • Preparation
      • HTML
      • Planet buttons
      • The solar system
      • Showing the planets
      • Detail Panel
    • Project 4 – Countries Area
      • Why is this project awesome?
      • Preparing the project
      • Step 1 – Building the app layout with flex
      • Step 2 – Listing the countries data
      • Step 3 – Basic list selection and calculation
      • Step 4 – Styling the radio and checkbox list
      • Step 5 – Drawing the chart
      • Step 6 – Adding the info panel and global app style
      • Summary
    • Project 4B – Drawing charts on canvas
      • Mission Checklist
      • Preparation
      • Animated Bar Chart
      • Animated tiles chart
      • Static pie chart
      • Animated pie chart
      • Summary
      • Further challenges
    • Change Log
      • Todos
      • What have done

About the Author

Makzan
Makzan

Makzan has trained award-winning students in the past 10 years. His students won several medals of high-standard international competitions, including a gold medal in a 4-day WorldSkills Web Design and Development competition. 

He has written 5 books and 2 video course on building a multiplayers virtual world, creating games with HTML5 and web development with latest web standards.

The Leanpub 45-day 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms...

Write and Publish on Leanpub

Authors and publishers use Leanpub to publish amazing in-progress and completed ebooks, just like this one. You can use Leanpub to write, publish and sell your book as well! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub