Front-end Development with Angular JS (40 Hours)
Philippine Center for Creative Imaging
in partnership with
Bootstrap Dojo
presents
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
- 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
- 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
- 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
- Actual Project - E-commerce website using AngularJS
- Products
- Creation
- Product List
- Product View
- Login
- Shopping cart
- Checkout
Day 2
Day 3
Day 4
Day 5
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.
Schedule
September 9-10, 16-17, and 23 (5 days, 40 hours). 9:00 am to 5:00 pm.
Location
Philippine Center for Creative Imaging (PCCI), 2247 Don Chino Roces Avenue, Makati City
DATE(S):
- to be announced
TIME:
9 AM to 5 PM
INSTRUCTOR(S):
FEE:
PhP 25,000 (USD 500)
Includes materials, lunch and snacks.
Be sure to read the Registration Info before registering.