Intro to Angular2 (Part II of II) - Starts July 1st

Skill Level:
6 Weeks

Angular2 (Part II of II). This course is a follow-up to Intro to Angular2. You will learn how to build single-page web applications using angular 2 and typescript. By the end of the class, you’ll be able to author a new application from scratch. Must have completed Intro to Angular2 (part I) before enrolling in this course.
*All ages welcome. Contact us with any questions.


  • Week 1: Introduction to Angular Development
    • Introduction to single page web applications
    • Introduction to component-based applications and MVC
    • JavaScript refresher exercise - manipulate that DOM, old school
    • Introduction to data-binding and interpolation
    • Plunkr Angular 1 exercise
    • Introduction to TypeScript
    • OOP discussion (classes, interfaces, decorators, static type)
    • Plunkr Angular 2 exercise
    • Introduction to GIT, Node, class tools, etc. Get set up for a class project from scratch.
  • Week 2: Components, Modules, and Routing
    • Components, modules, and NgModules (conceptual introduction)
    • Bootstrapping Angular 2 from scratch
    • Angular 2 routing… the URL vs. traditional web applications
    • Practice: Design components that are routed components, including a navigation component; the rest may be placeholders to demonstrate a path to them
    • Route parameters: snapshots and observables, let’s explore
    • App routing modules and routed components
    • Introduction to Angular services; mock up a login service in class
  • Week 3: Services
    • Learn more about templates, data binding, interpolation, and basic Angular 2 directives
    • Design a login component which uses our login service
    • Route guarding services (practice: design CanActivate guard and protect a route with it)
    • Introduction to forms in Angular
    • Practice: design a routed room reservation component using Angular forms, protect it from un-logged in users
    • Practice: design a room service
    • Practice: use room service in navigation component/room form component
  • Week 4: Building a Bigger App
    • Introduction to feature modules
    • Refactor: create a “rooms” feature module which will include several components for reserving rooms, listing room reservations, etc. This will consist of the component from week three, warranting a refactor.
    • Practice: Guard these assets against users who aren’t logged in
    • Practice: Design “login needed” UI when a user attempts to access a guarded route and is denied
    • Introduction to lazy loading modules
    • Brief talk and exercise: Angular2 animations
  • Week 5: Asynchronous JavaScript, RXJS and Http
    • Route guarding services (practice: design CanDeactivate guard)
    • Practice: Implement CanDeactivate guard on room reservation form
    • Firebase! Let’s talk about Firebase a little.
    • Class chore: Install AngularFire2, confirm it’s working with a shared class Firebase project
    • Writing asynchronous code in JavaScript… some patterns and best practices
    • Talk about component-based, REST, WebSockets
    • Refactor: Login service should use Firebase and AngularFireAuthModule; allow users to login with their GitHub accounts, Facebook, etc.
  • Week 6: Finishing the App
    • Refactor: Room service should use Firebase to storerooms, reservations, etc.
    • Firebase! Let’s talk about DB security rules.
    • Practice: Only allow users to delete THEIR OWN reservations.
    • Class review, pizza, feats of strength and airing of grievances


Bring your Laptop. No Chromebooks

Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course.

  • July 1st - August 7th
  • 6 Weeks
  • Monday, Wednesday
    6:00p - 9:00p

Ready to get started?

Fill out the form below to register for this class.

  • Student Information
  • Confirm Class
  • Payment
  • Confirmation

Intro to Angular2 (Part II of II) - Starts July 1st

Dates: July 1st - August 7th
Course Length: 6 Weeks
Days: Monday, Wednesday
Time: 6:00p - 9:00p
Class Selection: Intro to Angular2 (Part II of II) - Starts July 1st
Total Cost: $250.00
Registering for

Intro to Angular2 (Part II of II) - Starts July 1st

All sales are final. Refunds will not be provided for any enrollment.