Introduction to AngularJS

AngularJS is an open source JavaScript framework that lets you create amazing Ajax-based web apps. Generally, the complexity involved in building large-scale and complex Ajax apps is tremendous. AngularJS aims to minimize this complexity by offering a great environment for development, as well as the means to test your apps.

The two-way data binding is probably the coolest and most useful feature in AngularJS. Put simply, data binding is automatic synchronization of data between your view (HTML) and model (simple JavaScript variables).

In AngularJS we create templates and bind different components with specific models. So, whenever the model value changes, the view is automatically updated, and whenever the value of any view component changes (e.g the value of input text) the bound model is also updated. In other words you can carry out operations on the model, change their values, and AngularJS guarantees that the view will be updated to reflect the changes.

By using AngularJS, you're going to build solid, well-structured, and fully testable apps in no time. This not only saves you from maintenance nightmares, but makes your (and your Project Manager's) life much easier.

Lastly, Single Page Apps (SPAs) are everywhere nowadays. With the advent of HTML5 and its related APIs, we don't want to redirect our users to a new page every time they click on something. Instead, we want to load the content asynchronously on the same page and just change the URL in the browser to reflect it.

This class will not only explain all the basic componets of the AngularJS framework in each lesson, but also guide students through creating your own real-word web application step-by-step. This class only covers AngularJS 1.x.
    Objectives for this class are:
  • Understand how a SPA (Single Page Application) works.
  • What are the components of a MVC (Module View Controller) application.
  • How a MVW (Module View Whatever) differs from MVC.
  • Understand the basic components of an AngularJS application: binding, code structure, routing, templating, directives, factories, services and testing.
  • Improve your JavaScripting code skills by using refined object oriented techniques.
  • Learn how to develop complex web applications.

Applicable Job Roles: Front-end web developer, web developer, software engineer, programmer

Week 1: Getting To Know the AngularJS Framework
  • Understanding AngularJS framework
  • Installation options (CDN vs web server)
  • Anatomy of an AngularJS app
  • Review of the components of AngularJS: Views, Directives, Filters, Controllers, Scope, Modules, Services and Routing
  • Data binding overview
  • Directives overview
Week 2: Data binding, Controllers and $scopeDirectives
  • Data-binding
  • Iterating over datasorting and formatting
  • Using Filters: numberlimitTocurrency
  • Creating a custom filter
  • The role of Controllers
  • Using $scope
Week 3: Routing
  • What is routing?
  • ngRoutengView
Week 4: AngularJS Service Types
  • Multiple Views and Routing
  • Services
  • Dependency Injection
  • Advantages
  • Order of Injection
  • Minification issues
  • Safe Style Dependency Injection
Week 5: Animation
  • Adding animation classes
  • ngAnimate
  • Creating CSS animations and transitions
  • Using Animation classes
Week 6: Building a Weather Forecast App
  • Review of all the components of AngularJS in creating a weather forecast app.
Week 7: Testing Overview
  • What is Unit Testing?
  • Common Unit Testing Tools in AngularJS (Jasmine, QUnit, Mocha)
  • Simple testing functions
  • This is an intermediate level course, students need a very solid understanding of HTML, CSS and JavaScript to take this class.
  • A modern browser: Firefox, Chrome or a modern web browser
  • A web host (a free one is fine too!) to post assignments.

Additional information:

Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our Terms and Refund Policy before registering for this course.

Additional Cost: Book and software might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

How eClasses Work:Instructors post lectures (text-based, no video or audio), reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class.


Price: $240.00
WITI Price: $180.00
Course No.: P301
Instructor Frank Stepanski
CEUs 3
Duration 7 weeks
Open Courses:

Sorry, no other session is scheduled for this course. You can add this course to your wish list and we will notify you when other sessions are scheduled.

Instructor's Profile:
InstructorFrank Stepanski has over 10 years experience in the IT field as a Web Developer. Frank has worked with technologies such as PHP, MySQL, ASP.NET, SQL Server as well as HTML, CSS and JavaScript. He has a Masters Degree in Software Engineering from Penn State University. He has also taught web programming classes at a local community college.
Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.


Sorry, no testimonial has been posted for this course!