Go to PCCI Institute of Photography Contact Us
The countrys premier digital arts training center

Front-end Development with Angular JS (40 Hours)

(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

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.


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


  • Oct 21, 28, Nov 4, 11, 12 (5 days)

9 AM to 5 PM


PhP 25,000 (USD 500). Register and pay on or before Sept 22, and get PhP2,000 discount.

Includes materials, lunch and snacks.

Be sure to read the Registration Info before registering.

Register Now

Note: Your seat is not confirmed until we receive a 50 percent down payment.

Course Date(s)

Deposit payment at your nearest Rizal Commercial Banking Corporation (RCBC) branch, in the name of Philippine Center for Creative Imaging, S/A 1-249-91545-5. Fax deposit slip to 892-5281 with your name and class details. Surrender deposit slip on first day of class to get official receipt.

Who's Paying?
Are you coming from outside Metro Manila?
Preferred Platform

Where did you hear about us?

Please specify:

If you get a browser-related error, email your details to registration@pcci.com.ph