Philippine Center for Creative Imaging

(a training course by Bootstrap Dojo in partnership with Philippine Center for Creative Imaging)

This class teaches students the an depth topic of Angular JS. One of the most recently and robust front end framework in the IT industry. For this class we are teaching AngularJS 1, not that we do not know AngularJS2 or AngularJS4 but we found the sooner to be premature technology and as not as robust as the later. Based from real-life big application Angular1 is easier to maintain as application grows.

Expectation After the Class

Students will be able to:

• Familiarize their selves to AngularJS framework
• The basic language, techniques, and patterns
• Build their own simple e-commerce exercise

Prerequisites

To gain the most from the class, you should already have knowledge in:

• Basic JavaScripting
• Basic CSS

What to bring

Each participant is required to bring his own laptop.

Location

Philippine Center for Creative Imaging (PCCI), 2247 Don Chino Roces Avenue, Makati City

Class Curriculum

Day 1

• Introduction
  • Class Objectives & Roadmap
  • Prerequisites Review
  • Student Background & Expectations
• What is SPA and What is AngularJS
  • Single Page Apps vs Conventional Web Applications
  • Where Angular Fits
• Angular Overview / Tutorial
  • Setup & Installation
  • Templating
  • Two-way Data Binding
  • Two-way Data Binding
  • Controllers
  • Scopes
  • HTTP / XHR
  • Dependency Injection
  • Routing & Multiple Views
  • Custom Filters
  • Event Handlers
  • Intro to Custom Services
  • Preview of Other Major Topics
• Controllers and Scopes
  • Side-by-Side Controllers
  • Nested Controllers
  • Controller As
  • Testing Controllers

Day 2

• Developing & Debugging
  • Recommended Tools
  • Techniques
  • Common Issues
• Digest Cycle & Watches
  • The "watch"
  • How It Works
  • $apply, $digest, etc.
  • Variations
  • Performance Considerations
• Form Validation
  • Using the Form Element
  • Naming Inputs
  • Utilizing Form Properties
  • Dynamic Styles
• Angular Services
  • What are they?
  • Why use them?
  • Constants & Values
• Services
  • Factories
  • When to use each kind?
  • Testing Services (etc.)
• Promises
  • Concepts & Definitions
  • The Problem with Callbacks
  • More Than Just Async
  • The Promises You Already Know
  • Essentials
  • Chaining Promises
  • Error Handling
  • Q and $q
  • The Deferred Object
  • Route Resolve
  • Testing with Promises

Day 3

• Set up a project workspace
  • Installing and Configuring Necessary Tools
  • Creating a Starter Application
• Modules
  • Purpose
  • Advantages
  • Warnings
  • Recommendations
• Directives
  • Concepts & Definitions
  • Why Directives?
  • Built-In Directives
  • Building Custom Directives
  • Reusability

Day 4

• Automated Testing - in more depth; testing is sometimes presented interleaved with other topics, and sometimes consolidated.
  • Unit Testing with Jasmine and Karma
  • Case study - Discussion of sample project, and selection of theme templates in the web

Day 5

• Actual Project - E-commerce website using AngularJS
  • Products
  • Creation
  • Product List
  • Product View
  • Login
  • Shopping cart
  • Checkout

About the instructor

Mark Martinez is a former Merit Scholar of Ateneo de Manila University and a graduate of its Electronics and Communications Engineering program. He is also an ECE board exam passer. However, his true calling is Software Development. For the past seven years, he has worked as a full-time Enterprise Java developer for Smart Communications (Makati), Citicorp Software and Technology Services (Shanghai), and most recently Exist Global (Ortigas).

Mark is an advocate of open source technologies - software that is constantly being improved and documented, and free to use. Mark has designed Bootstrap Dojo’s backend training modules to take advantage of these same technologies that are used in the industry in order to keep quality and security at a high standard while minimizing licensing and maintenance costs