Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

In-Person Training
Developing Angular web apps with TypeScript

Yakov Fain (Farata Systems)
Monday, June 11 & Tuesday, June 12, 9:00am - 5:00pm
Location: 211 C
Average rating: ****.
(4.00, 2 ratings)

Participants should plan to attend both days of this 2-day training course. Platinum and Training passes do not include access to tutorials on Tuesday.

Join expert web development trainer and consultant Yakov Fain to learn best practices for building end-to-end applications with the latest version of Angular. Along the way, you’ll also familiarize yourself with a TypeScript development environment to ensure you make the most of the new features of the framework.

What you'll learn, and how you can apply it

By the end of this two-day training, you’ll understand:

  • How to jumpstart a new project with the Angular CLI
  • How to arrange the client-side navigation in single-page applications
  • How to arrange loosely coupled component communication
  • How to communicate with servers using HTTP

And you’ll be able to:

  • Write code in TypeScript with the Angular framework and deploy it in any modern web browser
  • Create a modern-looking UI with Angular Material components
  • Automate the building and deployment processes using npm scripts

This training is for you because...

  • You're an Angular developer looking to level up your skills with the latest version of Angular and TypeScript.
  • You're a busy frontend or backend web developer trying to keep your web development skills up to date.

Prerequisites:

  • A working knowledge of JavaScript and HTML syntax
  • No knowledge of AngularJS 1.x required

Hardware and/or installation requirements:

  • A laptop with the Chrome browser, WebStorm IDE (trial version is fine) or Visual Studio Code, and Node.js installed

Join expert web development trainer and consultant Yakov Fain to learn best practices for building end-to-end applications with the latest version of Angular. Along the way, you’ll also familiarize yourself with a TypeScript development environment to ensure you make the most of the new features of the framework.

This course is not just a lecture; it includes plenty of demos and hands-on activities to immerse you in all that Angular has to offer.

Outline

Day 1

First steps with Angular

  • Introduction to Angular architecture
  • Brief introduction to TypeScript
  • Generating a new project with the Angular CLI
  • Templates and bindings
  • An overview of a sample online auction app

Client-side navigation and intercomponent communications

  • Configuring client-side navigation with the router
  • Guarding routes and lazy loading
  • Intercomponent communications
  • Implementing the mediator pattern

Dependency injection

  • Dependency injection
  • Providers and injectors

Introduction to Angular Material

  • Creating modern-looking UI with Angular Material components
  • Code review of the online auction (hands-on)

Day 2

Reactive programming and observable streams

  • RxJS basics
  • Reactive programming in Angular

Working with forms and the component lifecycle

  • Basic forms with ngModel
  • Template-driven forms
  • Reactive forms
  • Form validation

Change detection and component lifecycle

  • The component lifecycle and hooks
  • How change detection works

Communicating with a server via the HTTP

  • Creating a simple HTTP server with the Node.js and Express frameworks
  • Working with the HttpClient service
  • Deploying Angular apps in web servers
  • Building, and deploying the online auction (hands-on)

About your instructor

Photo of Yakov Fain

Yakov Fain is managing director at IT consultancy Farata Systems, where he develops web apps for various clients. Yakov is the coauthor of Angular 2 Development with TypeScript (1st and 2nd editions) and Enterprise Web Development. A Java Champion, he has taught multiple classes and workshops on web and Java-related technologies, presented at international conferences, and published more than a thousand blog posts.

Twitter for yfain

Conference registration

Get the Platinum pass or the Training pass to add this course to your package.