Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 510
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/logging.php on line 54
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/logging.php on line 60
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/init.php on line 481
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 74
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 76
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 85
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 86
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 93
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/func/func.core.php on line 1836
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/cron.php on line 105
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 49
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 79
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 86
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/get_language.php on line 165
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/product.php on line 82
INVALID SQL: 1064 : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_BIG_SELECTS=1' at line 1
SQL QUERY FAILURE:SET OPTION SQL_BIG_SELECTS=1
INVALID SQL: 1064 : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_BIG_SELECTS=1' at line 1
SQL QUERY FAILURE:SET OPTION SQL_BIG_SELECTS=1
eClasses.org�::�Course Catalog�::�Introduction to AngularJS
eClasses.org :: Course Catalog :: Introduction to AngularJS

Introduction to AngularJS (P301)

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

Outline
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
Prerequisites
  • This is an intermediate level course, students need a very solid understanding of HTML, CSS and JavaScript to take this class.
Requirements
  • A modern browser: Firefox, Chrome or a modern web browser
  • A web host (a free one is fine too!) to post assignments.

Books:
 No book is required for this class.

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.

Student CenterStudent Center
Cart is empty
Introduction to AngularJS
Price: $240.00
Item No.: P301
Instructor: Frank Stepanski
Open Courses: No other sessions are scheduled for this course. You can add to your wish list and you will be notified when other sessions are scheduled.

Instructor's ProfileInstructor
Frank 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.
 

Testimonials

No testimonial available!