Practical CreateJS – Building Rich Interactive Web App

Practical CreateJS – Building Rich Interactive Web App

Makzan
Buy on Leanpub

Table of Contents

Practical CreateJS – Building Rich Interactive Web App

  • About author
    • Books by Makzan
  • Preface
    • Code Example
  • Thanks
  • Preparation
  • Pre-Request
    • HTML and CSS
    • JavaScript
    • CoffeeScript
  • Tools we need in this book
    • Operating system
    • Required software
    • Optional
    • CoffeeScript compiling tools
  • Warming up
  • 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
Practical CreateJS – Building Rich Interactive Web App/overview

Practical CreateJS – Building Rich Interactive Web App

course_overview

count_chapters
begin_reading
download
p_implied_book_part_name

Practical CreateJS – Building Rich Interactive Web App16 chapters

Begin ›
  1. About author

  2. Preface

  3. Thanks

  4. Preparation

  5. Pre-Request

  6. Tools we need in this book

  7. Warming up

  8. Why CreateJS?

  9. Example projects

  10. Project 1 – Basic app with animated transitions

  11. Project 1B – DOM-based app with animated transitions

  12. Project 2 – Rain or Not?

  13. Project 3 – Solar System

  14. Project 4 – Countries Area

  15. Project 4B – Drawing charts on canvas

  16. Change Log