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.
Table of Contents (11 chapters)

Developing the Sample Trello application using NativeScript

Now, let's look at how we can convert our Sample Trello application into a mobile platform application. Our Sample Trello application has the following functionalities:

  • The home page, which shows all the Boards present and their task counts
  • We can also create a new Board on the home page
  • The Board page, which shows details of the tasks and subtasks
  • We can add new tasks and subtasks on the Board page
  • We can edit existing tasks, subtasks, and Board titles

For our native app, we will focus on a subset of these functionalities and will try to show the features of NativeScript. Our application will have the following functionalities:

  • The home page, which will show all the Boards and their respective task counts
  • On selecting a specific Board, we will see the list of tasks and subtasks

We have two options to develop...