reed.co.uk Courses

Header

Angular 2 Crash Course with TypeScript


Stone River eLearning

Summary

Price
£300 inc VAT
Study method
Online, self-paced
Duration
5 Hours
Qualification
No formal qualification

Add to basket or enquire

Overview

There’s no way around it. If you want to gain a competitive edge in UI/UX design, web development, or anything to do with mobile and desktop web apps, then you need to know Angular JS. Better yet, you need to know Angular 2, the latest version. This Angular 2 crash course will refresh your memory and get you updated on the essentials of the latest version. And if you’re just getting started with Angular JS, don’t worry, this is the perfect introduction too.

Get Up to Speed with Angular 2

  • Understand Angular 2 and how it can help you as a developer
  • Code an Angular 2 project with an online IDE
  • Get to grips with Angular 2’s many powerful features
  • Improve your UI/UX design and development skills
  • Discover what’s new in the latest version of Angular

Upgrade your Programming Skills

With 71 lectures and 5 hours of content, this Angular 2 online course will give you a thorough understanding of how Angular 2 solutions are designed, administered, and developed. If you’re a web, mobile or service app developer, architect, UI designer, tester or administrator, or if you just want to know how to get Angular 2 projects up and running, then this is the course for you.

You don’t need any Angular 1 or UI experience to take this course, although if you’re familiar with creating web UIs with normal JavaScript tools (jQuery, Bootstrap, etc.), or object-oriented scripting languages like Java, C#, Python etc., you’ll already have a head start.

The course will begin with an introduction to TypeScript, the Cloud9 IDE and using Angular 2 modules. Then you’ll get stuck into Angular 2’s components, building a UI and binding your data. After that things get a little more challenging with a breakdown of advanced component concepts and component composition. From there you’ll jump into services, web services, and routing before setting up Angular 2 from scratch.

By the end of this course you’ll be able to set up and get going on your own Angular 2 projects quickly, easily, and efficiently.

About Angular JS

Angular is a development platform for building mobile and desktop web applications. It’s a structural framework that allows you to use HTML as your template language, and is JavaScript based. It has many high-power features like data binding and dependency injection that eliminates huge chunks of coding for the developer, making the process much more efficient and streamlined. It’s mostly maintained by Google and a wide network of users. Angular 2 is the latest version of the framework, first released in September 2014.

What Will I Learn?

  • Code an Angular2 Project with an Online IDE
  • Learn to code with TypeScript and use it's data typing features
  • Understand and use Angular2's Component paradigm
  • Use Angular2's powerful data binding features
  • Use Angular2's improved Pipes to transform displayed data
  • Implement Interfaces in Angular2
  • Compose Components with Angular2's Component Nesting capabilities
  • Implement Services in an Angular2 application
  • Use Dependency Injection to keep an Angular2 application lean
  • Integrate with Web Services using Reactive Extension's Observables
  • Implement Routing in Angular2
  • Understand what Angular2 is, and how it can help you as a developer ... and much, much more!

Description

Class Curriculum

Introducing Angular 2

Preview

Section Introduction (2:00)

Preview

Say Hello To Angular 2 (4:10)

Preview

How This Course Works (3:02)

Preview

Overview of the Course Project (2:00)

Start

Section Summary (0:52)

Pack Our Lunch

Start

Section Introduction (0:59)

Preview

Why Typescript In Angular2 (3:56)

Start

Getting the Cloud9 Online IDE (3:57)

Start

Setting Up the Cloud9 IDE (2:02)

Start

Setting Up The Course Project (8:06)

Start

Using Angular 2 Modules (4:03)

Start

Section Summary (1:26)

Angular 2 Components

Start

Section Introduction (1:14)

Start

The Component Defined (2:23)

Start

The Component Parts (4:52)

Preview

Tying a Component Together (1:59)

Start

The App Component (4:28)

Start

Bootstrapping An Angular 2 App (6:57)

Start

Section Summary (4:00)

Building Angular2 UI

Preview

Section Introduction (2:40)

Start

The Component Template (5:47)

Start

Create A Template (2:44)

Start

The Directive Component (4:25)

Preview

Interpolation (4:08)

Start

Angular2 Built-In Directives (9:27)

Start

Section Summary (3:09)

Binding in Angular2

Start

Section Introduction (1:47)

Start

Property Binding (3:42)

Start

Event Binding (3:49)

Start

Data Binding (2:09)

Start

Formatting Bound Data (3:20)

Start

Section Summary (2:08)

Advanced Component Concepts

Start

Section Introduction (2:18)

Start

Interfaces and Components (5:08)

Start

Styling Components (4:02)

Start

Component Lifecycle Events (3:55)

Start

Pipe Transform Interface (7:55)

Start

Section Summary (3:11)

Component Composition

Start

Section Introduction (1:58)

Start

Parent-Child Components (5:10)

Start

More Parent-Child Components (2:24)

Start

Property Binding with Input (2:40)

Start

Event Binding with Output (5:38)

Start

Section Summary (2:13)

Services

Start

Section Introduction (1:39)

Start

Angular2 Dependency Injection (2:11)

Start

Creating Services (3:14)

Start

Using Services (2:55)

Start

Service Injection (4:36)

Start

Section Summary (2:03)

Web Services

Start

Section Introduction (1:21)

Start

Observables vs Promises (2:06)

Start

Using Reactive Extensions (2:11)

Start

HTTP Requests (6:14)

Start

Implementing Observables (2:26)

Start

Section Summary (2:04)

Angular 2 Routing

Start

Section Introduction (5:27)

Start

Route Configuration (3:17)

Start

Routes and Actions (4:53)

Start

Routes and Views (1:50)

Start

Routes and Parameters (5:35)

Start

Routes and Code (2:32)

Start

Section Summary (4:08)

Setting up Angular 2 from Scratch

Start

Section Introduction (0:28)

Start

Configuring the Compiler (2:45)

Start

Project Dependencies (2:57)

Start

Core Libraries (0:53)

Start

Section Summary (0:36)

Course Summary

Start

Section Introduction (0:33)

Start

Review of Concepts (1:37)

Start

Beyond This Course (0:46)

Start

Course Finale (1:22)

Who is this course for?

  • This course was built for web developers who design and build UI/UX solutions for mobile and the web. This course is designed for those developers who want to design with Angular2 as easily as they can with other JavaScript frameworks. Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how Angular2 is designed and used in a complete web solution.

Requirements

Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) JavaScript development of complete client-side solutions. ANGULAR1 EXPERIENCE IS NOT REQUIRED!!

Career path

Web Programmer

Questions and answers

Currently there are no Q&As for this course.Be the first to ask a question.

Rating and reviews

There haven't been any reviews for this course yet.

Leave a review

Modals