× {{alert.msg}} Never ask again
Class time and plan

Live Mentor

Small Group

Hands-On Learning

“In 4 weeks, you will learn how to create a Single Page Application with Angular through building a project; you will also know what to expect in Angular2.”

Kevin Farst

Kevin Farst is a software engineer with over 6 years of experience in web development. Working primarily as a full-stack Ruby on Rails developer, he has since switched to AngularJS, helping to build a large production application from the ground up. He has a passion for helping others and is dedicated to "paying back" those who have helped him develop his career by building the skills of others as a mentor and teacher. Additionally, Kevin has contributed to many open source projects and continues building his skills to in turn help others as the development landscape changes.

Learn AngularJS with Prerecorded Classes + Live Q&A

Who is this class for?

Students entering this course should be familiar with the principles of Front-end Web Development with HTML / CSS and browser-based Javascript. Students should also be familiar with the JQuery library and Document Object Model (DOM).

What will you learn?

Students that have completed this course will be able to create a Single Page Application (SPA) with Angular ui-router module, routes and controllers.

Codementor Beginner AngularJS Class: Syllabus

Lesson 1

Introduction to Angular and Modules

  • Overview of AngularJS

    • ⁃  What is Angular JS?

    • ⁃  What problems was Angular designed to solve

    • ⁃  A brief history of data-binding and web applications

    • ⁃  Comparison of Angular to other modern front-end frameworks

  • Angular Modules

    • ⁃  Creating a New Angular Module

    • ⁃  Retrieving an Existing Angular Module

    • ⁃  Bootstrapping an Angular Module using the ng-app directive

    • ⁃  Bootstrapping an Angular Module manually

    • ⁃  Dependency Injection and Using Other Angular Modules

    • ⁃  Methods for Structuring Angular Modules

    • ⁃  Angular Module Lifecycle and the Digest Loop 


The live Q&A session for this class will be held at 6PM PDT, July 14.

Lesson 2

Controllers, Services and Factories​

  • Angular Controllers

    • ⁃  Introduction to Angular Controllers

    • ⁃  Adding an Angular Controller to an HTML Element

    • ⁃  The $scope variable and 2-way data binding using ng-model

  • Angular Services and Factories

    • ⁃  Injecting Services Into Controllers

    • ⁃  Using the Built-In Angular Services

      • ⁃  $http

      • ⁃  $q

      • ⁃  $resource

    • ⁃  Creating a new Angular Service using a Factor

    • ⁃ Demonstration Wrapping the currency.js Library

    • ⁃ Configuring services using Providers 


The live Q&A session for this class will be held at 6PM PDT, July 21.

Lesson 3


  • Angular Directives

    • ⁃  Introduction to Web Components

    • ⁃  Creating a new Angular Directive

      • ⁃  Structure of an Angular Directive Descriptor

      • ⁃  The “link”, “compile”, and “controller” functions

      • ⁃  Injecting Services into an Angular Directive

    • ⁃  Using JQuery within an Angular Directive

    • ⁃  Using Directives from Other Modules

    • ⁃  Built-In Directives

      • ⁃  ng-click

      • ⁃  ng-change

      • ⁃  ng-checked

      • ⁃  ng-repeat

      • ⁃  ng-href

      • ⁃  ng-class

      • ⁃  ng-style 

      • ⁃  ng-if

      • ⁃  ng-disabled

    • ⁃ Forms and Validation Directives

      • ⁃  ng-maxlength

      • ⁃  ng-minlength

      • ⁃  ng-required

      • ⁃  ng-form

      • ⁃  ng-submit 

      • ⁃  ng-cloak

      • ⁃  ng-show/ng-hide

      • ⁃  ng-src


The live Q&A session for this class will be held at 6PM PDT, July 28.

Lesson 4

Single Page Applications and Angular 2

  • Single Page Applications Using the ui-router Module

    • ⁃  Module Config Functions

    • ⁃  Configuring the ui-router using the $stateProvider

    • ⁃  Angular ui-router States

    • ⁃  Adding Routes using the Config Object

    • ⁃  Using Templates in a Route

    • ⁃  Using the ui-view Directive

    • ⁃  Using the ui-sref Directive to Link to States

    • ⁃  Adding a Controller to a State

    • ⁃  Angular Named Views 

  • A look toward the future: Angular 2 and typescript


The live Q&A session for this class will be held at 6PM PDT, Aug 4.


You Will Get

4 Hours of Live Q&A Sessions

Touch base with your mentor every week and get the advice you need as you learn core concepts and work on exercises at your own pace.

Hands-on Exercises

Get practical coding experience through hands-on projects, with guidance given by your mentor during the weekly live Q&As.

Unlimited Class + Q&A Playbacks

Need to pause and think through a concept before moving forward? You can watch and review all prerecorded classes whenever you like. All live Q&A sessions will also be recorded for your convenience.

Frequently Asked Questions

How is this different from other courses?

For only $99, you’ll get to learn AngularJS live with a real online mentor. This includes 4 prerecorded classes and 4 weekly live Q&A sessions with instant feedback and hands-on exercises. Having live interaction with a mentor makes learning much easier than just watching recorded video tutorials.

What do I need to know before the class?

To get the most out of this class, it would be great for you to be familiar with HTML5, CSS3, Bootstrap, Javascript, and jQuery and the DOM.

What if I miss a live Q&A session?

All sessions will be recorded and you‘ll have access to the recordings at any time. You can also ask questions in our Slack channel and get help from other members of the community.

What is a Delayed Live Class?

Delayed Live Class is for those who couldn't make it for the live sessions. With Delayed Live Classes, you'll be able to watch recordings uploaded within 24 hours after each session, and have access to our Slack community to ask questions and discuss with your peers and the instructor.