Introduction to AngularJS

Introduction to AngularJS online course
Course Name

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.
Course Books
No book is required for this class.
Course Price
  • Member Price: $140 US
  • Non-Member Price: $240.00 US
[Register Now]

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 migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, 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. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.


Register Now

Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.

4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course