Switch to the store?

Angular Fundamentals with TypeScript [Video]

More Information
  • What Angular components are and how to create them
  • How to write better code with directives
  • Move from loose types to predictable strict types
  • Create new Angular project using CLI
  • Build simple and fully interactive forms in Angular
  • Create simple page routing in Angular
  • Learn how to debug code with useful tools
  • Replace mocked data with remote data with Angular HttpClient

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. Angular empowers developers to build applications that live on the web, mobile, or the desktop. Angular is written in TypeScript - an open source and cross-platform typed superset of JavaScript that compiles to plain JavaScript that runs in any browser or any host. TypeScript adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications.

This video 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 is a dependency injection, 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.

Style and Approach

This step-by-step tutorial-based guide will help you learn the features of Angular features with TypeScript and solve your problems by following examples.

  • Leverage the power of TypeScript for developing large-scale Angular applications
  • Take advantage of the cutting edge features of Angular for building high performing, maintainable applications
  • Explore Angular implementation of directives, services, forms and much more
Course Length 2 hours 13 minutes
ISBN 9781788391009
Date Of Publication 28 Nov 2017


Bartlomiej Potaczek

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.