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

Front-end Development with Angular JS (40 Hours)

Philippine Center for Creative Imaging

in partnership with

Bootstrap Dojo


Front-end Development with Angular JS


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.

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
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.


September 9-10, 16-17, and 23 (5 days, 40 hours). 9:00 am to 5:00 pm.


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


  • Sep 9–10, 16–17, 23 (Sat and Sun). Five (5) days, 40 hours

9 AM to 5 PM


PhP 25,000 (USD 500)

Includes materials, lunch and snacks.

Be sure to read the Registration Info before registering.


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