Book Image

TypeScript 2.x By Example

By : Sachin Ohri

Book Image

TypeScript 2.x By Example

By: Sachin Ohri

Overview of this book

The TypeScript language, compiler, and open source development toolset brings JavaScript development up to the enterprise level. It allows you to use ES5, ES6, and ES7 JavaScript language features today, including classes, interfaces, generics, modules, and more. Its simple typing syntax enables building large, robust applications using object-oriented techniques and industry-standard design principles. This book aims at teaching you how to get up and running with TypeScript development in the most practical way possible. Taking you through two exciting projects built from scratch, you will learn the basics of TypeScript, before progressing to functions, generics, promises, and callbacks. Then, you’ll get to implement object-oriented programming as well as optimize your applications with effective memory management. You’ll also learn to test and secure your applications, before deploying them. Starting with a basic SPA built using Angular, you will progress on to building, maybe, a Chat application or a cool application. You’ll also learn how to use NativeScript to build a cool mobile application. Each of these applications with be explained in detail, allowing you to grasp the concepts fast. By the end of this book, you will have not only built two amazing projects but you will also have the skills necessary to take your development to the next level.

Preface

What this book covers

What you need for this book

Who this book is for

Reader feedback

Customer support

Free Chapter

Our First Application – Sports News Combinator

Our First Application – Sports News Combinator

Sports News Combinator (SNC)

Classes in TypeScript

Creating our model

First component – NewsComponent

Sports News Combinator – Adding Features

Sports News Combinator – Adding Features

Classes in TypeScript

Adding features to SNC

Sports News Combinator – the Final Version

Sports News Combinator – the Final Version

Additional features in SNC

Application 2 – Trello

Application 2 – Trello

An introduction to the sample Trello application

TypeScript namespace and modules

TypeScript Generics

Sample Trello application

The Trello homepage

Trello – the board component

Trello - Adding Features

Trello - Adding Features

Asynchronous programming using TypeScript

Adding features to Sample Trello app

Functional implementation

Data formatting in Angular

Understanding dependency injection in Angular

Testing the Trello Application

Testing the Trello Application

Tools for testing

Folder and file structure for the test project

Writing test for pipes

Executing the test cases

Writing test cases for the services class

Writing test cases for isolated component

Writing the test cases for integrated components

Trello - Using Angular CLI

Trello - Using Angular CLI

Introducing Angular CLI

Generating an application with Angular CLI

Generating files for the application

Building an Angular app

Serving an Angular app

Linting an Angular application

Code coverage using Angular CLI

Trello Mobile – Using NativeScript

Trello Mobile – Using NativeScript

What is NativeScript?

Setting up your NativeScript environment

Developing the Sample Trello application using NativeScript

Developing the Homepage component

The application so far

Developing the Board component

NativeScript UI elements

Deploying Sample Trello on the Cloud Using Microsoft Azure

Deploying Sample Trello on the Cloud Using Microsoft Azure

Azure Cloud as a deployment platform

Deploying Sample Trello using a web app service – FTP

Deploying Sample Trello using a web app service – GitHub

Getting Started with TypeScript

Getting Started with TypeScript

The current state of JavaScript

The not-so-good parts of JavaScript

TypeScript to the rescue

Alternatives to TypeScript

TypeScript features

Installation and setup

TypeScript compiler

TypeScript to-do list application

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

TypeScript to the rescue

TypeScript is cross-platform language and works on Windows, Linux, and macOS. You can create TypeScript applications on any platform and an IDE of your choice. Modern web application frameworks also support TypeScript, with Angular one of the prominent ones. In fact, Angular 2 has been written in TypeScript by Google.

While developing any large-scale web applications, there is a lot of JavaScript that is involved for things such as validations, navigation, the workflow of the application, UI rendering, API calls, and so on. In my experience, any time JavaScript reaches a few thousand lines of code, it becomes overly complex, which causes unintended behavior and runtime errors. TypeScript provides features which help manage these complexities, such as static typing, encapsulation using modules and classes, custom types, interfaces, and much more.

...