Intertech Angular 2 Training

Angular 2 Training
Not bad for 3 days and $2,225

https://www.intertech.com/Training/Web-Dev/AngularJS/AngularJS/Angular-2-Training
Course ID: WAS-2533 Duration: 3 Days  Request More Information
Upcoming Classes  Description  Course Outline  Related Course  Free Resources  Search More Courses  Return To Top
Upcoming Classes  
Start Date Time Location Price Classroom Live Online
Feb 06, 2017 9:00 AM - 5:00 PM CST Eagan, MN $2,225.00 Enroll Enroll
Apr 24, 2017 9:00 AM - 5:00 PM CST Eagan, MN $2,225.00 Enroll Enroll
Jun 05, 2017 9:00 AM - 5:00 PM CST Eagan, MN $2,225.00 Enroll Enroll
Nov 08, 2017 9:00 AM - 5:00 PM CST Eagan, MN $2,225.00 Enroll Enroll Click  to get an alert on class status. See if a class is Guaranteed to Run (GTR) or get notified when it is GTR.
On Site/Private
Can't find a class that fits right for you? Contact us to inquire about scheduling your own private class

Contact Us
Description
Angular 2 is a complete rewrite of the Angular framework, incorporating the latest standards in JavaScript and unifying many of the diverse elements found in AngularJS 1.x. The new Angular 2 training course includes a comprehensive introduction to AngularJS version 2.0, introduction to TypeScript and ES6, Components, Form Handling, Data Binding and much more. See full details below.

Our Angular 2 training is offered as Instructor led in classroom, live online, and onsite. Contact us now at 651.288.7109 or reach us through the Request More Information button at the top right to reserve a seat in one of our upcoming classes or schedule our instructors for a private class at your site.

Bring This Course To You
For groups of 5 or more, let Intertech bring this course to your location. Customized versions tailored towards your objectives are also available. Learn More
Course Outline
Introduction to Angular 2

 What is Angular 2?
 Why Angular 2?
 Scope and Goal of Angular 2
 Installing and using Angular 2
 Building Blocks of an Angular 2  Application
 A simple application
Introduction to TypeScript and ES6

 Introduction to TypeScript
 The type system
 Defining class and interface
 Defining a module
 Importing a module
 Generics
Components

 What is a component?
 Developing a simple component.
 Templates for a component.
 Component lifecycle
Data Binding

 What is data binding
 One way data binding
 Two way data binding
 Event binding
Working with Forms

 Using Input Text Box
 Using Radio Buttons
 Using Checkbox
 Using Checkbox - Advanced
 Using Select
 Using Select – Advanced
 Disabling an Input
 Detecting model changes using getter and setter
Basic Directives

 What are directives?
 Controlling Element Visibility
 Adding and Removing an Element
 Dynamically Changing Style Class
 Setting Image Source
 Setting Hyperlink Dynamically
Advanced Directives

 Looping using ngFor
 Conditional rendering using ngSwitch
 ngSwitchWhen
Service and Dependency Injection

 What is a service?
 Defining a service
 Injecting a service to a component
 Application wide dependency injection
 @Injectable classes
 Multiple service instances
 @Optional and @Host
HTTP Client

 The HTTP providers
 Injecting the providers
 Making a GET call
 Handling error
 More about Observables
 Making a POST request
 Working with headers
 Making sequential calls
 Making parallel calls
Introduction to Custom Directives

 Types of directives - component, structural and attribute
 Creating a basic attribute directive
 Using the attribute directive
 Handling event from an attribute directive
 Binding input to an attribute directive
Advanced Custom Directives

 About structural directives
 Understand how ngIf works
 Using the <template> tag
 Using asterisk
 Creating your own structural directive
 Using the structural directive
 Binding input to a structural directive
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
Pipe

 What is a pipe?
 Example pipe usage.
 Passing parameters to a pipe
 Chaining pipes
 DatePipe
 NumberPipe
 CurrencyPipe
 UpperCasePipe and LowerCasePipe
 DecimalPipe
 Developing a custom pipe
 Change detection from a pipe
 Pure and Impure Pipes
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 Angular 2
 Simple SPA Using Visibility Control
 SPA using Dynamic Templates for a Component
 Example of Dynamic Template
 SPA Using Routing
Routing

 Why use routing?
 Defining a route table
 Navigation using hyperlink
 Navigation using code
 Supplying parameters to a route URL

Alternatives to Native Mobile App Development

A look at five frameworks for building cross-platform mobile applications and how they stack up against each other.

https://auth0.com/blog/alternatives-to-native-mobile-app-development/

Ionic is perhaps the most widely known cross-platform mobile framework. It allows developers to build iOS and Android applications with web technologies such as HTML, CSS, and JavaScript. Ionic is built on top of Cordova which enables access to various device features such as geolocation, push notifications, camera, and others. Ionic 1.x utilizes Angular 1.x, while Ionic 2, the latest version of the framework, utilizes Angular 2+.

PhoneGap is very similar to Ionic in many respects. It too allows developers to build cross-platform mobile applications with web technologies and is built on top of Cordova. PhoneGap is not tied to any specific JavaScript framework, so developers have more choice in how they build their applications. PhoneGap boasts an ecosystem comprised of a desktop app, mobile app, and a cloud service called PhoneGap Build for building and deploying an application.

Xamarin comes from Microsoft and takes a unique approach to cross-platform app development. Xamarin applications are written entirely in C#. Xamarin then compiles the C# code into native iOS and Android distributions. The underlying layer on which Xamarin is built on top of is Mono and this enables cross-platform development. The benefit of building applications with Xamarin compared to Cordova-based frameworks is that apps built with Xamarin make use each platform's native API's. This means that Xamarin apps compile down to native iOS and Android applications and behave as such.

Xamarin is not a code once, run everywhere solution. While you can achieve a high level of code shareability, you will more than likely need to write specific code for iOS and Android versions of your app.

Progressive Web Apps aim to make web applications behave like their native counterparts. This project comes to us from Google and presents a very interesting proposition. Progressive Web Apps aim to be reliable, fast, and engaging. This means that apps should load fast, present an engaging and fluid user experience, and support native features like push notifications or offline access. The PWA spec will add new features and functionality over time. Developers can then choose how many features they wish to implement, possibly making PWA the most flexible way to reach mobile users.

React Native comes to us from Facebook and presents a framework for building cross-platform mobile applications with React. React Native is comparable to Xamarin, wherein apps created with React Native are indistinguishable from native iOS and Android apps written in Objective-C or Java.

Cross-Platform Mobile Applications with React Native

React Native, an open-source framework from Facebook, builds on the popular React JavaScript framework, allowing developers to create cross-platform iOS and Android applications using JavaScript.

differs from other cross-platform frameworks that use JavaScript (such as PhoneGap, Titanium, etc.) because, although the application logic runs in JavaScript, the resulting application UI is 100% native. This means that you don’t have to deal with many of the compromises usually associated with managing an HTML5-based UI.

http://www.codemag.com/article/1701071

Authentication with Hybrid App Frameworks

Mobile applications present various user and identity challenges. Luckily, Auth0has your back. Our identity solution is platform agnostic and we have plenty of resources to get you up and running as quickly as possible. Sign up for a free Auth0 account, and then follow any of these guides to get user authentication for your app in no time at all:

• Ionic - Quickstart (Ionic), Quickstart (Ionic 2), Tutorial
• PhoneGap - Quickstart
• Xamarin - Quickstart, Tutorial
• React Native - Quickstart (iOS), Quickstart (Android)
• Progressive Web Apps - Tutorial

Blog » General » Building a Universal Windows Platform (UWP) Application (Part 1) – Using Template10 Building a Universal Windows Platform (UWP) Application (Part 1) – Using Template10

Building a Universal Windows Platform (UWP) Application (Part 1) – Using Template10

• By Ed Glogowski+
• September 29, 2016
 
• 0 Comments
 
• 

I just rolled off a client recently that needed to build a Universal Windows Platform (UWP) application as part of their hardware and software solution.  For those who aren’t yet familiar with UWP, you can check out this article by Tyler Whitney.

As many of you developers out there are aware, sometimes you have to build or bring with you a number of application infrastructure items before you can even get started with the core application logic.  For example, you might need some helpers, services and base classes that make your job easier or allow you to start with your base patterns, such as, MVC, MVVM, etc. (continued in link)