Course #:WA2425 AngularJS Training: AngularJS Programming Download Sample Labs 02/01/2021 - 02/03/2021 USD$1,995.00 Instructor Led Virtual 03/15/2021 - 03/17/2021 USD$1,995.00 Instructor Led Virtual 03/29/2021 - 03/31/2021 USD$1,995.00 Instructor Led Virtual Courseware: Available for sale Web Age Solutions AngularJS training introduces the AngularJS framework, which has become a popular JavaScript framework for the development of "single page" Rich Internet Applications. The AngularJS framework augments applications with the "model-view-controller" pattern which makes applications easier to develop and test because there is a separation of responsibilities within the code. Although there are many benefits to using the AngularJS framework it is fairly different than the way "typical" web applications involving JavaScript have been designed. This AngularJS training course will provide an introduction to the benefits of AngularJS, so course participants can start to develop responsive applications quickly using the framework. Objectives In this training, attendees will learn how to: Create single page web applications using the MVC pattern of AngularJS Understand the programming model provided by the AngularJS framework Define Angular controllers and directives Control Angular data bindings Prerequisites Attendees should have some prior understanding of web development, HTML, AJAX, and JavaScript. Duration 3 Days Outline of AngularJS Training: AngularJS Programming Chapter 1. Advanced Objects and Functionality in JavaScript Basic Objects Constructor Function More on the Constructor Function Object Properties Deleting a Property Object Properties Constructor and Instance Objects Constructor Level Properties Namespace Functions are First-Class Objects Closures Closure Examples Private Variables with Closures Immediately Invoked Function Expression (IIFE) Prototype Inheritance in JavaScript The Prototype Chain Traversing Prototype Property Hierarchy Prototype Chain Summary Chapter 2. Introduction to AngularJS What is AngularJS? Why AngularJS? Scope and Goal of AngularJS Using AngularJS A Very Simple AngularJS Application Building Blocks of an AngularJS Application Use of Model View Controller (MVC) Pattern A Simple MVC Application The View The Controller Data Binding Basics of Dependency Injection (DI) Other Client Side MVC Frameworks Summary Chapter 3. AngularJS Module What is a Module? Benefits of Having Modules Life Cycle of a Module The Configuration Phase The Run Phase Module Wide Data Using Value Module Wide Data Using Constant Module Dependency Using Multiple Modules in a Page Summary Chapter 4. AngularJS Controllers Controller Main Responsibilities About Constructor and Factory Functions Defining a Controller Using the Controller Controller Constructor Function More About Scope Example Scope Hierarchy Using Scope Hierarchy Modifying Objects in Parent Scope Modified Parent Scope in DOM Handling Events Another Example for Event Handling Storing Model in Instance Property Summary Chapter 5. AngularJS Expressions Expressions Operations Supported in Expressions AngularJS Expressions vs JavaScript Expressions AngularJS Expressions are Safe to Use! What Is Missing in Expressions Considerations for Using src and href Attributes in Angular Examples of ng-src and ng-href Directives Summary Chapter 6. Basic View Directives Introduction to AngularJS Directives Controlling Element Visibility Adding and Removing an Element Dynamically Changing Style Class The ng-class Directive Example Use of ng-class Setting Image Source Setting Hyperlink Dynamically Preventing Initial Flash Summary Chapter 7. Advanced View Directives The ng-repeat Directive Example Use of ng-repeat Dynamically Adding Items Special Properties Example: Using the $index Property Scope and Iteration Event Handling in Iterated Elements The ng-switch Directive Example Use of ng-switch Inserting External Template using ng-include Summary Chapter 8. Working with Forms Forms and AngularJS Scope and Data Binding Role of a Form Using Input Text Box Using Radio Buttons Using Checkbox Using Checkbox - Advanced Using Select Using Select – Advanced Disabling an Input Reacting to Model Changes in a Declarative Way Example of Using the ng-change Directive Summary Chapter 9. Formatting Data with Filters in AngularJS What Are AngularJS Filters? The Filter Syntax Angular Filters Using Filters in JavaScript Using Filters A More Complex Example The date Filter The date's format Parameter Examples of Using the date Filter The limitTo Filter Using limitTo Filter The 'filter' Filter Filter Performance Considerations Summary Chapter 10. AngularJS $watch Scope Function The $watch Function The $watch Function Signature The $watch Function Details Canceling the Watch Action Example of Using $watch Items of Note More Items of Note Performance Considerations Summary Chapter 11. Communicating with Web Servers The $http AngularJS Service The Promise Interface The $http Service Using $http Service Shortcut Functions Complete List of Shortcut Functions Using $http.get() Using $http.post() Combining $http POST Request Data with URL Parameters Direct $http Function Invocation Request Configuration Properties Setting Up HTTP Request Headers Caching Responses Disabling Caching in IE9 Setting the Request Timeout The then() Function of the Promise Object The Response Object Working with JSON Response Using success() and error() For Callbacks Making Parallel Web Service Calls Combining Multiple Promises into One Wait for the Combined Promise Summary Chapter 12. Custom Directives What are Directives? Directive Usage Types Directive Naming Convention Defining a Custom Directive Using the Directive Scope of a Directive Isolating Scope Creating a Scope for the Directive Copying Data to a Directive's Scope Using External Template File Manipulating a DOM Element The Link Function Event Handling from a Link Function Wrapping Other Elements Accepting a Callback Function Supplying Callback Function Supplying Argument to Callback Summary Chapter 13. AngularJS Services Introduction to Services Defining a Service The factory() Method Approach The service() Method Approach Using a Service The provider() Method Approach About Configuring a Service using its Provider Configuring a Service using its Provider Summary Chapter 14. Testing JavaScript with Jasmine What Is Jasmine? Supported Integrations Jasmine in Standalone Mode Jasmine Folder Structure The Spec Runner Page Viewing Test Results Test Suites Specs (Unit Tests) Expectations (Assertions) Matchers More on Matchers Examples of Using Matchers Using the not Property Test Failures Setup and Teardown in Unit Test Suites Example of beforeEach and afterEach Functions Disabling Test Suites and Specs Method Stubbing and Call Tracking with Spies A Spy Example spyOn Setup Variations Simulating Exceptions Asynchronous Calls Summary Chapter 15. Unit Testing AngularJS Code Introduction The ngMock Module Creating the Spec Runner HTML Testing a Service Unit Test Specification for a Service Better Injected Variable Names Testing a Controller Unit Test Specification for a Controller Testing a "this" Based Controller End-to-End Testing with Protractor Installing Protractor Testing a Web Page How the Page Works Write a Simple Test Specification Create a Configuration File Run the Test Locating Elements by AngularJS Model Locating Elements by Binding Sending User Input Summary Chapter 16. Introduction to Single Page Application What is a Single Page Application (SPA)? How Is It Any Different? Why Create SPA? It's Not All or Nothing Challenges to SPA Implementing SPA Using AngularJS Simple SPA Using Visibility Control Dynamic Templates Using ng-include Example of Dynamic Template SPA Using the $route Service Summary Chapter 17. The Route Service Introduction to the Route Service Downloading the Route Service Code Using the Route Service Setting up the Route Table URL Fragment Identifier Showing the Views Navigation The $location Service Programmatic Navigation Controllers for the Views Example Controllers for Views Passing URL Parameters Accessing Query Parameters Configuring Route Parameters Accessing Route Parameters HTML5 Mode Using the HTML5 Mode Bookmarking HTML5 Mode URL Summary Chapter 18. Advanced Form Handling Introduction to Form Validation Validation and Model Binding Input Type Validation Validation Directives A Note About "required" Detecting Validation State Showing Error Message Other Status Variables Styling Input Fields Styling Other Areas Summary Chapter 19. The Promise API Introduction The Core API Waiting for Multiple Ajax Calls Changing Result Data Promise Chaining Caching Ajax Calls in Memory Cache Ajax Calls on Disk Caveat Summary Chapter 20. Angular 2 Preview Two Versions of Angular Shared Features In Angular JS but not in Angular 2 Changed in Angular 2 New in Angular 2 Directive Types Built-In Directives - Differences Data and Event Binding Differences What is TypeScript Other TypeScript Features TypeScript Advantages / Disadvantages TypeScript Compilation Programming Editor TypeScript Support Angular 2 Development Setup Basic Application Architecture Files Components Services Moving from Angular JS to Angular 2 Summary Lab Exercises Lab 1. Setting Up the Lab EnvironmentLab 2. Objects in JavaScriptLab 3. Getting Started with AngularJSLab 4. MVC with AngularJSLab 5. AngularJS ExpressionsLab 6. Working with Class and Style DirectivesLab 7. The ng-repeat DirectiveLab 8. Working with Form Inputs Lab 9. Data Formatting with Filters Lab 10. Using the $watch FunctionLab 11. Communicating with Web ServersLab 12. Reading Complex Data Sets From Web ServersLab 13. Custom DirectivesLab 14. Creating and Using ServicesLab 15. TestingLab 16. Basic Single Page Application (SPA)Lab 17. Using the Route ServiceLab 18. Form ValidationLab 19. Server Side Input ValidationLab 20. Ajax Caching We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC. View Course Outline Share This Request On-Site or Customized Course Info Lab Setup Guide REGISTER FOR A COURSEWARE SAMPLE x Sent First Name Last Name Email Request On-Site or Customized Course Info x Sent First Name Last Name Phone Number Company Name Email Question
Course #:WA2425 AngularJS Training: AngularJS Programming Download Sample Labs 02/01/2021 - 02/03/2021 USD$1,995.00 Instructor Led Virtual 03/15/2021 - 03/17/2021 USD$1,995.00 Instructor Led Virtual 03/29/2021 - 03/31/2021 USD$1,995.00 Instructor Led Virtual Courseware: Available for sale Web Age Solutions AngularJS training introduces the AngularJS framework, which has become a popular JavaScript framework for the development of "single page" Rich Internet Applications. The AngularJS framework augments applications with the "model-view-controller" pattern which makes applications easier to develop and test because there is a separation of responsibilities within the code. Although there are many benefits to using the AngularJS framework it is fairly different than the way "typical" web applications involving JavaScript have been designed. This AngularJS training course will provide an introduction to the benefits of AngularJS, so course participants can start to develop responsive applications quickly using the framework. Objectives In this training, attendees will learn how to: Create single page web applications using the MVC pattern of AngularJS Understand the programming model provided by the AngularJS framework Define Angular controllers and directives Control Angular data bindings Prerequisites Attendees should have some prior understanding of web development, HTML, AJAX, and JavaScript. Duration 3 Days Outline of AngularJS Training: AngularJS Programming Chapter 1. Advanced Objects and Functionality in JavaScript Basic Objects Constructor Function More on the Constructor Function Object Properties Deleting a Property Object Properties Constructor and Instance Objects Constructor Level Properties Namespace Functions are First-Class Objects Closures Closure Examples Private Variables with Closures Immediately Invoked Function Expression (IIFE) Prototype Inheritance in JavaScript The Prototype Chain Traversing Prototype Property Hierarchy Prototype Chain Summary Chapter 2. Introduction to AngularJS What is AngularJS? Why AngularJS? Scope and Goal of AngularJS Using AngularJS A Very Simple AngularJS Application Building Blocks of an AngularJS Application Use of Model View Controller (MVC) Pattern A Simple MVC Application The View The Controller Data Binding Basics of Dependency Injection (DI) Other Client Side MVC Frameworks Summary Chapter 3. AngularJS Module What is a Module? Benefits of Having Modules Life Cycle of a Module The Configuration Phase The Run Phase Module Wide Data Using Value Module Wide Data Using Constant Module Dependency Using Multiple Modules in a Page Summary Chapter 4. AngularJS Controllers Controller Main Responsibilities About Constructor and Factory Functions Defining a Controller Using the Controller Controller Constructor Function More About Scope Example Scope Hierarchy Using Scope Hierarchy Modifying Objects in Parent Scope Modified Parent Scope in DOM Handling Events Another Example for Event Handling Storing Model in Instance Property Summary Chapter 5. AngularJS Expressions Expressions Operations Supported in Expressions AngularJS Expressions vs JavaScript Expressions AngularJS Expressions are Safe to Use! What Is Missing in Expressions Considerations for Using src and href Attributes in Angular Examples of ng-src and ng-href Directives Summary Chapter 6. Basic View Directives Introduction to AngularJS Directives Controlling Element Visibility Adding and Removing an Element Dynamically Changing Style Class The ng-class Directive Example Use of ng-class Setting Image Source Setting Hyperlink Dynamically Preventing Initial Flash Summary Chapter 7. Advanced View Directives The ng-repeat Directive Example Use of ng-repeat Dynamically Adding Items Special Properties Example: Using the $index Property Scope and Iteration Event Handling in Iterated Elements The ng-switch Directive Example Use of ng-switch Inserting External Template using ng-include Summary Chapter 8. Working with Forms Forms and AngularJS Scope and Data Binding Role of a Form Using Input Text Box Using Radio Buttons Using Checkbox Using Checkbox - Advanced Using Select Using Select – Advanced Disabling an Input Reacting to Model Changes in a Declarative Way Example of Using the ng-change Directive Summary Chapter 9. Formatting Data with Filters in AngularJS What Are AngularJS Filters? The Filter Syntax Angular Filters Using Filters in JavaScript Using Filters A More Complex Example The date Filter The date's format Parameter Examples of Using the date Filter The limitTo Filter Using limitTo Filter The 'filter' Filter Filter Performance Considerations Summary Chapter 10. AngularJS $watch Scope Function The $watch Function The $watch Function Signature The $watch Function Details Canceling the Watch Action Example of Using $watch Items of Note More Items of Note Performance Considerations Summary Chapter 11. Communicating with Web Servers The $http AngularJS Service The Promise Interface The $http Service Using $http Service Shortcut Functions Complete List of Shortcut Functions Using $http.get() Using $http.post() Combining $http POST Request Data with URL Parameters Direct $http Function Invocation Request Configuration Properties Setting Up HTTP Request Headers Caching Responses Disabling Caching in IE9 Setting the Request Timeout The then() Function of the Promise Object The Response Object Working with JSON Response Using success() and error() For Callbacks Making Parallel Web Service Calls Combining Multiple Promises into One Wait for the Combined Promise Summary Chapter 12. Custom Directives What are Directives? Directive Usage Types Directive Naming Convention Defining a Custom Directive Using the Directive Scope of a Directive Isolating Scope Creating a Scope for the Directive Copying Data to a Directive's Scope Using External Template File Manipulating a DOM Element The Link Function Event Handling from a Link Function Wrapping Other Elements Accepting a Callback Function Supplying Callback Function Supplying Argument to Callback Summary Chapter 13. AngularJS Services Introduction to Services Defining a Service The factory() Method Approach The service() Method Approach Using a Service The provider() Method Approach About Configuring a Service using its Provider Configuring a Service using its Provider Summary Chapter 14. Testing JavaScript with Jasmine What Is Jasmine? Supported Integrations Jasmine in Standalone Mode Jasmine Folder Structure The Spec Runner Page Viewing Test Results Test Suites Specs (Unit Tests) Expectations (Assertions) Matchers More on Matchers Examples of Using Matchers Using the not Property Test Failures Setup and Teardown in Unit Test Suites Example of beforeEach and afterEach Functions Disabling Test Suites and Specs Method Stubbing and Call Tracking with Spies A Spy Example spyOn Setup Variations Simulating Exceptions Asynchronous Calls Summary Chapter 15. Unit Testing AngularJS Code Introduction The ngMock Module Creating the Spec Runner HTML Testing a Service Unit Test Specification for a Service Better Injected Variable Names Testing a Controller Unit Test Specification for a Controller Testing a "this" Based Controller End-to-End Testing with Protractor Installing Protractor Testing a Web Page How the Page Works Write a Simple Test Specification Create a Configuration File Run the Test Locating Elements by AngularJS Model Locating Elements by Binding Sending User Input Summary Chapter 16. Introduction to Single Page Application What is a Single Page Application (SPA)? How Is It Any Different? Why Create SPA? It's Not All or Nothing Challenges to SPA Implementing SPA Using AngularJS Simple SPA Using Visibility Control Dynamic Templates Using ng-include Example of Dynamic Template SPA Using the $route Service Summary Chapter 17. The Route Service Introduction to the Route Service Downloading the Route Service Code Using the Route Service Setting up the Route Table URL Fragment Identifier Showing the Views Navigation The $location Service Programmatic Navigation Controllers for the Views Example Controllers for Views Passing URL Parameters Accessing Query Parameters Configuring Route Parameters Accessing Route Parameters HTML5 Mode Using the HTML5 Mode Bookmarking HTML5 Mode URL Summary Chapter 18. Advanced Form Handling Introduction to Form Validation Validation and Model Binding Input Type Validation Validation Directives A Note About "required" Detecting Validation State Showing Error Message Other Status Variables Styling Input Fields Styling Other Areas Summary Chapter 19. The Promise API Introduction The Core API Waiting for Multiple Ajax Calls Changing Result Data Promise Chaining Caching Ajax Calls in Memory Cache Ajax Calls on Disk Caveat Summary Chapter 20. Angular 2 Preview Two Versions of Angular Shared Features In Angular JS but not in Angular 2 Changed in Angular 2 New in Angular 2 Directive Types Built-In Directives - Differences Data and Event Binding Differences What is TypeScript Other TypeScript Features TypeScript Advantages / Disadvantages TypeScript Compilation Programming Editor TypeScript Support Angular 2 Development Setup Basic Application Architecture Files Components Services Moving from Angular JS to Angular 2 Summary Lab Exercises Lab 1. Setting Up the Lab EnvironmentLab 2. Objects in JavaScriptLab 3. Getting Started with AngularJSLab 4. MVC with AngularJSLab 5. AngularJS ExpressionsLab 6. Working with Class and Style DirectivesLab 7. The ng-repeat DirectiveLab 8. Working with Form Inputs Lab 9. Data Formatting with Filters Lab 10. Using the $watch FunctionLab 11. Communicating with Web ServersLab 12. Reading Complex Data Sets From Web ServersLab 13. Custom DirectivesLab 14. Creating and Using ServicesLab 15. TestingLab 16. Basic Single Page Application (SPA)Lab 17. Using the Route ServiceLab 18. Form ValidationLab 19. Server Side Input ValidationLab 20. Ajax Caching We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC. View Course Outline Share This Request On-Site or Customized Course Info Lab Setup Guide REGISTER FOR A COURSEWARE SAMPLE x Sent First Name Last Name Email Request On-Site or Customized Course Info x Sent First Name Last Name Phone Number Company Name Email Question
