One-Stop Guide to Angular Development with TypeScript:2-in-1

Course details

Angular is a client-side framework that makes it easy to build applications with the web. It contains tons of useful features such as components, directives, services and more and integrates best practices to solve development challenges similarly TypeScript 2.x adds optional static types, classes, and modules to JavaScript, giving you great tools and enabling you to structure of large JavaScript applications better.

This course well teach you how to leverage the exciting features of TypeScript while working on Angular projects to build scalable, data-intensive web applications. You'll start with intro to TypeScript where you will install and run TypeScript compiler, & learn the basics of TypeScript language, along with bunch of practical examples with variables, arrays, functions. Then you will go through Angular Routing, you will create a simple application routing, you will learn how to add Router navigation links and how to handle routes. Following that, you will work with real hosted data where you will replace mocked data with remote data using Angular HTTP module. Finally diving into creating a reactive form, handle the form and validate the data.

Contents and Overview

This training program includes 2 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Learn TypeScript for Angular Development begin with an introduction to TypeScript and Angular framework, where you will install the TypeScript compiler and learn the most important secrets of the TypeScript language such as types, functions, classes, interfaces and start working in the Angular environment. Than you will be introduced to components in the Angular framework using TypeScript. Using Angular CLI, you will create your first component, learn how to compose components, learn lifecycle methods in Angular, and respond to the user actions with events. The third section describes the services in the Angular framework. The next section describes modules, directives, pipes and two-way data binding, where you will learn about modules in the Angular framework. In the next section, you will learn how to create a reactive form, handle the form and validate the data. The sixth section describes the routing strategies, where you will create an example routing configuration, add links thanks to which it will be possible to navigate without reloading the page, handle routing.

The second course, Angular Fundamentals with TypeScript teaches you how to leverage the exciting features of Angular and TypeScript while working on the Angular framework. At the beginning of the course, you will be introduced into TypeScript where you will install and run TypeScript compiler, and you will learn the basics of TypeScript language, and do a bunch of practical examples with variables, arrays, functions, and so on. Next, you will start working with Angular, you will install Angular-CLI, and do first hello world using Angular-CLI. Then, you will work with components and events where you will create your first component, and you will learn how to listening to the events. Following that, you will learn the basics of Angular Directives and you will create your own. Going forward you will learn and create an interactive form with Angular Reactive Forms and you will learn how to add form validation. Next, you will learn what a dependency injection is, you will create and inject a service into a component and into another service. Then you will go through Angular Routing, you will create a simple application routing, you will learn how to add Router navigation links and how to handle routes. Following that, you will work with real hosted data where you will replace mocked data with remote data using Angular HTTP module. At the end of this course, you will learn how you can easily debug your code and run tests with Angular-CLI.

By the end of the course, you will have complete knowledge about various features of Angular with TypeScript along with debugging your code and run tests with Angular-CLI with ease.

About the Authors:

Bartlomiej Potaczek is a software engineer who works for Schibsted Tech Polska and programs mostly in JavaScript. He is a big fan of everything related to the React world, functional programming, and data visualization. He founded and created a portal that allows users to learn programming in a pair-programming fashion called InitLearn. InitLearn help users find an appropriate teacher that will devote all of their time especially to their student. Lessons are conducted in a pair-programming fashion, using tools that allow them to teach and learn programming in a collaborative way (such as Screenhero). He was involved in building the frontend of InitLearn, which is built on React-Redux technologies. Besides programming, he practices football and CrossFit. Currently, he is working on rewriting the frontend for tv. nu, the most complete Swedish TV guide for over 200 channels. He has also recently worked on technologies such as React, React Router, and Redux.