Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Singapore
Country selected
country flag Hungary
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag South Korea
Country selected
country flag Turkey
Country selected
country flag Switzerland
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Chile
Country selected
country flag Norway
Country selected
country flag Ecuador
Country selected
country flag Indonesia
Country selected
country flag New Zealand
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag Austria
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag South Africa
Country selected
country flag Malaysia
Country selected
country flag Japan
Country selected
country flag Slovakia
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Home > Programming > Programming Language > Learn TypeScript 3 by Building Web Applications
Learn TypeScript 3 by Building Web Applications
Learn TypeScript 3 by Building Web Applications

Learn TypeScript 3 by Building Web Applications: Gain a solid understanding of TypeScript, Angular, Vue, React, and NestJS

Arrow left icon
Profile Icon Dubois Profile Icon Georges
Arrow right icon
€35.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (4 Ratings)
Paperback Nov 2019 804 pages 1st Edition
eBook
€8.99 €28.99
Paperback
€35.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Dubois Profile Icon Georges
Arrow right icon
€35.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (4 Ratings)
Paperback Nov 2019 804 pages 1st Edition
eBook
€8.99 €28.99
Paperback
€35.99
Subscription
Free Trial
Renews at €18.99p/m
eBook
€8.99 €28.99
Paperback
€35.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

Learn TypeScript 3 by Building Web Applications

Building TodoIt - Your Own Web Application with TypeScript

In this chapter, we are going to build our first application together. It won't take over the world (yet), but it will certainly help you to become more familiar with TypeScript's basic features.

Building this first concrete application will give us the chance to look at many TypeScript concepts.

We'll also take the opportunity to learn about npm with its package.json configuration file, as well as tsc (the TypeScript compiler) and the tsconfig.json configuration file.

What will you build?

It has now become a rite of passage for developers learning new programming languages and frameworks, so we will abide and build a todo (that is, task) management web application that we'll call TodoIt.

TodoIt will have the following features:

  • Add a new todo item
  • List existing todo items
  • Filter the list of existing todo items
  • Remove a single todo item
  • Remove all todo items

Creating the project using npm

First things first, let's create the project as follows:

  1. Open your favorite shell.
  2. Create a new folder called todoit-v1.
  3. Go into the newly created folder.
  4. Create the project using the npm init command.

When you execute the following npm init command, npm will request some input to properly configure the project:

$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

Execute `npm help json` to get a more comprehensive description of these fields.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
...

The following are the different inputs that npm will request. Just press the Enter key multiple times as we will not need to change the defaults:

package name: ...

Introducing npm

As we saw in the first chapter, npm (or yarn if you prefer that alternative package manager) will become one of your best friends. With it, you will be able to manage the dependencies of your projects, install and update them, and execute scripts as well.

package.json

When you work on a project, usually, you simply don't want to create a long document explaining how to download/install each and every dependency. Instead, you want to have a simple way to install everything at once.

As explained in the official documentation (https://docs.npmjs.com/getting-started/using-a-package.json), a package.json file does the following:

  • Lists the packages that your project depends on
  • Allows you to specify the versions...

Adding TypeScript to the project

Now that you're more familiar with npm, let's add TypeScript to our project. As discussed in the last section, we'll add it to the package.json file and then we will also add a script to invoke it easily.

First, add the devDependencies section and add TypeScript to those dependencies (since TypeScript is a tool and is only necessary at build time):

"devDependencies": {
    "typescript": "3.4.4"
},
As we've already mentioned before, you can search for npm packages on the official website: https://www.npmjs.com. In the case of TypeScript, the package is located here: https://www.npmjs.com/package/typescript.

Next, replace the scripts section with the following:

"scripts": { 
    "compile": "tsc" 
},

With this script, we will be able to easily invoke the TypeScript version...

Configuring the TypeScript compiler

Now that everything is set up with npm, we can turn our focus to TypeScript.

Typically, the first thing to do in any TypeScript project is to create the compiler configuration file. So, indeed, at this point, you need to be aware of the fact that the TypeScript compiler can be configured through a file called tsconfig.json. The presence of a tsconfig.json file in a folder tells TypeScript that the folder is the root of a TypeScript project.

Through tsconfig.json, you can precisely configure the compiler, adapting it to your project and its specific needs.

To get started, create a default configuration file using npm run compile -- --init.

Do you remember npm <script_name> -- <arguments>? This is how you can pass arguments to the programs executed by your npm scripts. If you don't like that approach, then you can...

Creating the TodoIt application

You should now have a good starting point with both npm and TypeScript configured. If you're not sure or something went wrong, then you can start here with the initial code that we have provided with the book's sample code. You can find it in the Chapter02 folder (corresponding to the second chapter) and in the todoit-v1-initial folder.

In the initial project, we've called the compile script tsc for simplicity, but you can name it as you prefer. This is why we use npm run tsc in the following examples instead of npm run compile.

Ready? Great, let's write our application and learn some more together!

Opening the project in VS Code

Go to the project's folder and open VS...

Debugging your code in the web browser

Usually, you shouldn't get into a lot of trouble while coding the examples in this book. But, of course, in the typical day of any software developer, there will be many times where things go awry and where a good debugging session will help.

Let's see how you can debug web applications. This is a must-have skill for any developer out there, and there are many tools and solutions to help you figure out what your programs are doing.

The most basic debugging tool at your disposal is simply the console.log function, which you can use to log variables while your program executes. Although, it clearly isn't a panacea and far from a best practice, so you should use it sparingly for small checks. When your code reaches production, you don't want it to be cluttered with console.log statements. Debugging and logging are two separate...

Debugging your code in VS Code

Another interesting alternative to debug your code is to make use of the VS Code debugger.

As with Chrome, you can define breakpoints by clicking next to a line:

Once done, you can start debugging by going to Debug | Start Debugging or by pressing F5:

The first time that you do so, VS Code will create a .vscode/launch.json file for you. This file tells VS Code what to do when it starts a debugging session. In our case, we can leverage the fact that we have Browsersync running in the background and adapt the configuration to let VS Code open Chrome (or another browser) and go to http://localhost:3000 instead of the default 8080 port. Once adapted, the file should look as follows:

{ 
    // Use IntelliSense to learn about possible attributes. 
    // Hover to view descriptions of existing attributes. 
    // For more information, visit: https:...

Generating source maps for easier debugging

One thing that you might have noticed while we were using the debugging in the web browser before is that we only had access to the JavaScript code (as opposed to the TypeScript code when debugging with VS Code directly). In our case, with TodoIt, it is okay because the program is very simple, and so it remains intuitive. But in larger applications, this will simply not be usable.

This is why a feature called source maps is really, really valuable. Source maps are mapping files that create the link between lines in the JavaScript sources and the corresponding ones in the original source code (TypeScript source code, in our case).

Source maps can either be stored in the JavaScript files themselves, in which case, they are called inline source maps or in the separate (that is, external) .map files.

We won't dive much more into the...

Summary

In this chapter, you have built your very first web application with TypeScript.

TodoIt is quite basic, but by building it you should now have a better understanding of how useful TypeScript is during development and how easy it is to configure its compiler through tsconfig.json. Along the way, you have learned about some additional TypeScript concepts, such as type declarations, type annotations, arrays handling, the null special type, the as cast operator, lambda expressions, and the different types of loops supported in TypeScript.

Also, you should now have a good understanding of npm, package.json, dependency management, and defining and executing scripts with npm.

We have explained what Browsersync is and how to integrate it into your project to get live reloading during development.

In addition, we have seen how to use VS Code to develop with TypeScript and how to...

Left arrow icon

Page 1 of 11

Right arrow icon
Download code icon Download Code

Key benefits

  • Create modern Web applications to help businesses around the world benefit from better quality applications
  • Learn the latest features of TypeScript 3 and use them wisely
  • Explore TDD practices, OOP techniques, and industry best practices to create high-quality and modular apps

Description

TypeScript is a superset of the JavaScript programming language, giving developers a tool to help them write faster, cleaner JavaScript. With the help of its powerful static type system and other powerful tools and techniques it allows developers to write modern JavaScript applications. This book is a practical guide to learn the TypeScript programming language. It covers from the very basics to the more advanced concepts, while explaining many design patterns, techniques, frameworks, libraries and tools along the way. You will also learn a ton about modern web frameworks like Angular, Vue.js and React, and you will build cool web applications using those. This book also covers modern front-end development tooling such as Node.js, npm, yarn, Webpack, Parcel, Jest, and many others. Throughout the book, you will also discover and make use of the most recent additions of the language introduced by TypeScript 3 such as new types enforcing explicit checks, flexible and scalable ways of project structuring, and many more breaking changes. By the end of this book, you will be ready to use TypeScript in your own projects and will also have a concrete view of the current frontend software development landscape.

Who is this book for?

This book is for software developers who are willing to discover what TypeScript is and how to leverage it to write great quality software. Developers that are already familiar with TypeScript will find this book useful by learning the languages featured introduced by most recent releases. Basic knowledge of the JavaScript programming is expected.

What you will learn

  • Understand and take advantage of TypeScript s powerful Type System
  • Grasp the key concepts and features of Angular, React, Vue.js, and NestJS
  • Handle asynchronous processes using Promises, async/await, Fetch, RxJS, and more
  • Delve into REST, GraphQL and create APIs using Apollo
  • Discover testing concepts, techniques, and tools like TDD, BDD, E2E, Jest
  • Learn Object-Oriented and Functional Programming concepts and leverage those with TypeScript
  • Explore design practices and patterns such as SOLID, MVC, DI and IoC, LoD, AOP, and more
Estimated delivery fee Deliver to Belgium

Premium delivery 7 - 10 business days

€17.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Nov 22, 2019
Length: 804 pages
Edition : 1st
Language : English
ISBN-13 : 9781789615869
Vendor :
Microsoft
Category :
Programming
Languages :
Typescript
Concepts :
Programming Language
Tools :
Angular

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to Belgium

Premium delivery 7 - 10 business days

€17.95
(Includes tracking information)

Product Details

Publication date : Nov 22, 2019
Length: 804 pages
Edition : 1st
Language : English
ISBN-13 : 9781789615869
Vendor :
Microsoft
Category :
Programming
Languages :
Typescript
Concepts :
Programming Language
Tools :
Angular

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Advanced TypeScript Programming Projects
Advanced TypeScript Programming Projects
Read more
Jul 2019 416 pages
Full star icon 5 (2)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €32.99
€8.99 €26.99
€32.99
Learn TypeScript 3 by Building Web Applications
Learn TypeScript 3 by Building Web Applications
Read more
Nov 2019 804 pages
Full star icon 5 (4)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €35.99
€8.99 €28.99
€35.99
The JavaScript Workshop
The JavaScript Workshop
Read more
Nov 2019 802 pages
Full star icon 4 (8)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €32.99
€8.99 €26.99
€32.99
Stars icon
Total € 101.97
Advanced TypeScript Programming Projects
€32.99
Learn TypeScript 3 by Building Web Applications
€35.99
The JavaScript Workshop
€32.99
Total € 101.97 Stars icon
Banner background image

Table of Contents

14 Chapters
Introduction to TypeScript Chevron down icon Chevron up icon
Introduction to TypeScript
TypeScript in a few words
JavaScript
How can TypeScript help?
What you'll need to install
Installing VS Code
Installing and configuring Git
Downloading the book samples
Installing Node.js and npm
Updating npm
Installing TypeScript
Hello world with TypeScript
Compiling manually using the TypeScript compiler
Variables declaration
Summary
Further reading about ECMAScript
Building TodoIt - Your Own Web Application with TypeScript Chevron down icon Chevron up icon
Building TodoIt - Your Own Web Application with TypeScript
What will you build?
Creating the project using npm
Introducing npm
Adding TypeScript to the project
Configuring the TypeScript compiler
Creating the TodoIt application
Debugging your code in the web browser
Debugging your code in VS Code
Generating source maps for easier debugging
Summary
Improving TodoIt with Classes and Interfaces Chevron down icon Chevron up icon
Improving TodoIt with Classes and Interfaces
About programming paradigms
Basic OOP principles and nomenclature
Bonus: UML
JavaScript and OOP
Overview of the TypeScript support for OOP
TypeScript classes
Fluent APIs
Custom types
TypeScript interfaces
Starting point
Designing the domain model of TodoIt v2
Implementing the new domain model
Implementing the view
Implementing the controller layer
Initializing TodoIt
Isolating the utility function
Updating the HTML page
Job done, congratulations!
Summary
Leveraging Generics and Enums Chevron down icon Chevron up icon
Leveraging Generics and Enums
What will you build?
Generics
Enums
The never keyword
String literal types
Union and intersection types
Type guards
Creating the project
Designing the model
Implementing the domain model
Defining the media service interface
Storing data on the client side
Implementing the media service
Implementing the view
Defining the view interface
Implementing the HTMLMediaManView class
Creating the controller layer
Initializing the application
Summary
Coding WorldExplorer to Explore the Population of the World Chevron down icon Chevron up icon
Coding WorldExplorer to Explore the Population of the World
Understanding modules
Loading and bundling modules
Exploring TypeScript modules
Introducing module resolution
What will you build?
Bonus: REST, RESTful and web APIs
World Bank Open Data APIs
Understanding the Fetch API
Using the unknown keyword
Chaining promises
Understanding async/await and generators
Adding runtime type checks
Creating the project
Designing the model
Implementing the domain model
Implementing the population service
High-level design
Implementing the view layer
Implementing the controller layer
Initializing our application
Leveraging TypeScript path mappings
Summary
Further reading
Introduction to Testing Chevron down icon Chevron up icon
Introduction to Testing
Introducing testing
Testing the population service of WorldExplorer
Summary
Discovering Angular, Angular Material, and RxJS Chevron down icon Chevron up icon
Discovering Angular, Angular Material, and RxJS
Learning about modern web applications
Understanding TypeScript decorators
Exploring Angular
Learning the Angular application architecture
Exploring core Angular concepts
Bonus: Angular Console
Bonus: Augury
Introducing RP and RxJS
Exploring Angular forms
Introducing Material Design and Angular Material
Summary
Further reading
Rewriting MediaMan Using Angular and Angular Material Chevron down icon Chevron up icon
Rewriting MediaMan Using Angular and Angular Material
What will you build?
Creating the project
Integrating the shared logic
Implementing the book module
Revisiting the user interface with Angular Material
Summary
Introducing Vue.js Chevron down icon Chevron up icon
Introducing Vue.js
Vue.js
Hello Vue!
Understanding Vue concepts
Vue developer tools
The Vue CLI
Bonus – creating a new project using the Vue CLI
TypeScript support
Dependency injection
User interface component libraries
Routing
State management for modern web applications
Summary
Further reading
Creating LyricsFinder with Vue.js Chevron down icon Chevron up icon
Creating LyricsFinder with Vue.js
What will you build?
High-level design and technical stack
Getting started
Getting a MusixMatch API key
Configuring InversifyJS
Creating the home view
Implementing the basic layout of the application
Creating the search component and using Vue slots
Handling search using the MusicService
Creating and using the songs list component
Creating and using the lyrics view
Summary
Further reading
Diving into React, NestJS, GraphQL, and Apollo Chevron down icon Chevron up icon
Diving into React, NestJS, GraphQL, and Apollo
Introducing React
Understanding JSX
React elements
Components and props
Rendering lists
Exploring React hooks
The React developer tools
Taking advantage of the Create React App (CRA) tool
Leveraging TypeScript with React
Discovering NestJS in a jiffy
Introducing GraphQL
Summary
Further reading
Revisiting LyricsFinder Chevron down icon Chevron up icon
Revisiting LyricsFinder
What will you build?
High-level design and technical stack
Getting started
Backend – adding the necessary dependencies
Backend – implementing the GraphQL API with a first resolver
Backend – importing and configuring the GraphQL NestJS module
Backend – testing the API using the GraphQL playground
Backend – adding support for artists and lyrics
Frontend – installing React Bootstrap
Frontend – installing React Router
Frontend – creating the home view skeleton
Frontend – creating the search component
Frontend – integrating with the backend API
Frontend – creating and using the songs list component
Frontend – loading lyrics and redirecting to the lyrics page
Frontend – implementing the lyrics page
Summary
What's Next? Chevron down icon Chevron up icon
What's Next?
Retrospective – first half
Retrospective – second half
Where to go next and what to learn
Summary
Other Books You May Enjoy Chevron down icon Chevron up icon
Other Books You May Enjoy
Leave a review - let other readers know what you think

Recommendations for you

Left arrow icon
Fundamentals of Object-Oriented Programming - C++
Fundamentals of Object-Oriented Programming - C++
Read more
Feb 2023 7hrs 6mins
Video
Video
  • Video Video €8.99
€8.99 €22.99
Debunking C++ Myths
Debunking C++ Myths
Read more
Dec 2024 226 pages
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €29.99
€8.99 €23.99
€29.99
Go Recipes for Developers
Go Recipes for Developers
Read more
Dec 2024 350 pages
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €29.99
€8.99 €23.99
€29.99
50 Algorithms Every Programmer Should Know
50 Algorithms Every Programmer Should Know
Read more
Sep 2023 538 pages
Full star icon 4.5 (67)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €37.99
€8.99 €29.99
€37.99
Mastering JavaScript Variable Declarations - Insights into VAR, LET, and CONST in 2025
Mastering JavaScript Variable Declarations - Insights into VAR, LET, and CONST in 2025
Read more
Dec 2024 5hrs 19mins
Video
Video
  • Video Video €8.99
€8.99 €82.99
Asynchronous Programming with C++
Asynchronous Programming with C++
Read more
Nov 2024 424 pages
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €31.99
€8.99 €25.99
€31.99
Modern CMake for C++
Modern CMake for C++
Read more
May 2024 502 pages
Full star icon 4.6 (11)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €37.99
€8.99 €29.99
€37.99
Learn Python Programming
Learn Python Programming
Read more
Nov 2024 616 pages
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €29.99
€8.99 €23.99
€29.99
Learn to Code with Rust
Learn to Code with Rust
Read more
Nov 2024 37hrs 6mins
Video
Video
  • Video Video €8.99
€8.99 €22.99
Modern Python Cookbook
Modern Python Cookbook
Read more
Jul 2024 818 pages
Full star icon 4.9 (18)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €41.99
€8.99 €32.99
€41.99
Right arrow icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Full star icon 5
(4 Ratings)
5 star 100%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
Paul Feb 12, 2020
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Très bon livre.
Amazon Verified review Amazon
Nicolas Bruyère Jan 02, 2020
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I really, really enjoyed this book. I came away feeling both knowledgeable and enthusiastic about TypeScript.1. It's perfectly paced for the seasoned programmer who wants to learn TypeScript fast, without getting bogged down in basic programming concepts.2. The explanations are clear. There were times when I had to read a section a couple of times to understand it, particularly around advanced concepts; but this was generally due to the material itself, not to the manner in which it was communicated.3. It was very thorough. I came away feeling that I had all the language and ecosystem-related knowledge required to use TypeScript confidently in production.4. It covered not only the language, but also the ecosystem. The build system for TypeScript projects is inherently more complicated than for many other languages. There are many knobs and levers that can be adjusted. This book provides very clear and helpful advice about how to configure your build based on the requirements of your project.5. The author has an enthusiastic writing style which contains just the right amount things.6. For those who wants to cry out loud they're hanging out with typescript, this bible (800+ pages) is massive and will be the king on his thrown in your library.
Amazon Verified review Amazon
Christopher Cortes Dec 09, 2019
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I am very pleased to present this Learn Typescript 3 by Building Web Applications book, in which I have gladly participated as technical reviewer. As such, I would like to share how extremely valuable I believe a developer will find it and why I consider it to be a must-read.This book will provide any front-end developer with in depth knowledge on the latest features available in this language, that will definitely help him/her to improve the quality of his/her code by making it type-safe, flexible and, at the same time, scalable. Not only he/she will find in this manual the advanced features of Typescript that make it such a great language, so clearly explained, but also several sample applications that, apart from illustrating the different concepts, could be applicable in real life.The added value of this book is that it provides strong foundations on design patterns, techniques, libraries and tooling around Typescript and the front-end ecosystem in general, that are nowadays a must for every developer (front-end, full-stack and even back-end).On top of that, it also offers a basic introduction to the most popular frameworks, such as Angular, React and Vue for the front-end, and NestJS for the back-end, as well as libraries such as Redux, GraphQL and Apollo.I can only recommend it to any developer eager to discover the latest features of Typescript while having fun building nice and realistic applications and, at the same time, using the latest standards and technologies.
Amazon Verified review Amazon
M. Aug 04, 2021
Full star icon Full star icon Full star icon Full star icon Full star icon 5
One of the best overview I have seen explaining clearly the different ways to do with Typescript. I recommend it.
Amazon Verified review Amazon

People who bought this also bought

Left arrow icon
50 Algorithms Every Programmer Should Know
50 Algorithms Every Programmer Should Know
Read more
Sep 2023 538 pages
Full star icon 4.5 (67)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €37.99
€8.99 €29.99
€37.99
Event-Driven Architecture in Golang
Event-Driven Architecture in Golang
Read more
Nov 2022 384 pages
Full star icon 4.9 (11)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €37.99
€8.99 €29.99
€37.99
The Python Workshop Second Edition
The Python Workshop Second Edition
Read more
Nov 2022 600 pages
Full star icon 4.6 (21)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €38.99
€8.99 €31.99
€38.99
Template Metaprogramming with C++
Template Metaprogramming with C++
Read more
Aug 2022 480 pages
Full star icon 4.6 (14)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €35.99
€8.99 €28.99
€35.99
Domain-Driven Design with Golang
Domain-Driven Design with Golang
Read more
Dec 2022 204 pages
Full star icon 4.4 (19)
eBook
eBook
  • eBook eBook €8.99
  • Paperback Paperback €33.99
€8.99 €26.99
€33.99
Right arrow icon

About the authors

Left arrow icon
Profile icon Dubois
Dubois
Github icon
Sebastien Dubois is a passionate software craftsman and FOSS contributor with many years of experience as a senior developer and technical team leader. He is an entrepreneur, IT consultant/coach, and owner of DeveloPassion, a Belgian IT firm. Over the years, Sbastien has worked on backend systems, web applications, architecture, and IT security for various organizations. He has used different programming languages, which gives him a broad perspective on modern software development. He has also been using, teaching, and advocating TypeScript since 2015. You can find him on Twitter as @dSebastien, on Medium as @dSebastien, or on his personal blog: dsebastien.
Read more
See other products by Dubois
Profile icon Georges
Georges
Github icon
Alexis Georges is a developer who is passionate about software development, but also about everything related to IT: open source, system administration, respect for privacy, and many others. During his studies in programming and networking, he learned the basics of programming and system administration. Alexis has some experience in JavaScript, PHP, Java, C, and (obviously) TypeScript. He discovered the TypeScript programming language when he began his career as a software engineer in Sebastien's team. Later, he participated in the migration of the Stark framework from AngularJS to Angular. You can find him on Twitter as @Super_ITMan and on his blog: SuperITMan.
Read more
See other products by Georges
Right arrow icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela