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.

Related Content you might be interested in

Current Title:

Small book image
TypeScript 2.x By Example
Sachin Ohri
Dec, 2017 | 372 pages
Small book image
Learning Angular
Pablo Deeleman | Aristeidis Bampakos
Sep, 2020 | 430 pages
Small book image
Learning Angular 4 for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Small book image
Expert Angular
Mathieu Nayrolles | Alexandru Vasile Pop | Rajesh Gunasundaram | Sridhar Rao Chivukula
Jul, 2017 | 454 pages
Table of Contents (11 chapters)
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
Our First Application – Sports News Combinator
Our First Application – Sports News Combinator
Sports News Combinator (SNC)
Type System
Classes in TypeScript
SNC – 101
Creating our model
First component – NewsComponent
Summary
2
Sports News Combinator – Adding Features
Sports News Combinator – Adding Features
Functions
Classes in TypeScript
Interfaces
Adding features to SNC
Summary
3
Sports News Combinator – the Final Version
Sports News Combinator – the Final Version
Decorators
Additional features in SNC
Final product
Summary
4
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
Summary
5
Trello - Adding Features
Trello - Adding Features
Iterators
Asynchronous programming using TypeScript
Adding features to Sample Trello app
Functional implementation
Data formatting in Angular
Understanding dependency injection in Angular
Summary
6
Testing the Trello Application
Testing the Trello Application
Fundamentals
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
Summary
7
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
Summary
8
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
Summary
9
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
Summary
10
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
Playground
Summary

TypeScript to-do list application

It's time to create our to-do list application. In this application, we will have the following features:

  • Add a new item with its description to the to-do list
  • View all the items in the list

The application is very simple, as our focus is on looking at how TypeScript helps build better web applications. With this application, we intend to show you how to create an application with TypeScript, showcase the basic features of TypeScript, show you how to debug TypeScript code in the browser, and give you an overview of the JavaScript code that's generated by TypeScript.

You can find the source code on GitHub at https://github.com/sachinohri/TypeScriptTodo.git.

The following screenshot shows what the application looks like:

The application has no dependencies on any JavaScript library and is purely written in TypeScript. In this application...

Previous Section
End of Section 9
Next Section