Learn TypeScript 3 by Building Web Applications

coverpage

Title Page

Copyright and Credits

Learn TypeScript 3 by Building Web Applications

Dedication

About Packt

Why subscribe?

Foreword

Contributors

About the authors

About the reviewers

Packt is searching for authors like you

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Download the color images

Conventions used

Get in touch

Reviews

Introduction to TypeScript

TypeScript in a few words

JavaScript

JavaScript's history in a nutshell

ECMAScript

ECMAScript evolution and support

JavaScript gotchas

How can TypeScript help?

Enhanced JavaScript

Future JavaScript today

Static typing

Structural typing

Types for JavaScript libraries

.NET and Java developers will feel at home

What you'll need to install

Text editor

Version control system

Shell

JavaScript runtime

Package manager

TypeScript

Installing VS Code

Windows

Windows (shell)

Linux (GUI)

Linux (shell)

Extensions

Installing and configuring Git

Windows

Linux (shell)

Configuring git

Downloading the book samples

Installing Node.js and npm

Windows

Git BASH

Linux (shell)

Updating npm

Linux

Windows

Installing TypeScript

Hello world with TypeScript

Creating the project

Hello (Type/Java)Script!

Compiling manually using the TypeScript compiler

Variables declaration

Basic TypeScript types

A tiny bit of type safety can't hurt

Summary

Further reading about ECMAScript

Building TodoIt - Your Own Web Application with TypeScript

What will you build?

Creating the project using npm

Introducing npm

package.json

Installing dependencies with npm

Installing dependencies with npm and package.json

The node_modules folder content

Updating dependencies with npm

package-lock.json

Defining and executing npm scripts

When not to install packages globally

Adding TypeScript to the project

Configuring the TypeScript compiler

Creating the TodoIt application

Opening the project in VS Code

Defining the basic application structure

Leveraging VS Code support for TypeScript

Building from the Terminal

Using Browsersync to refresh automatically

Implementing the user interface

Loading the TodoIt code and checking the browser console

Creating the todo list with TypeScript arrays

Getting hold of inputs and casting using the as operator

Adding todo items to the list

Listing existing todo items using lambda expressions

Listing existing todo items using loops

Filtering existing todo items using the ES2015 TypeScript support

Removing a single todo item

Debugging your code in the web browser