Book Image

Advanced TypeScript Programming Projects

By : Peter O'Hanlon
Book Image

Advanced TypeScript Programming Projects

By: Peter O'Hanlon

Overview of this book

With the demand for ever more complex websites, the need to write robust, standard-compliant JavaScript has never been greater. TypeScript is modern JavaScript with the support of a first-class type system, which makes it simpler to write complex web systems. With this book, you’ll explore core concepts and learn by building a series of websites and TypeScript apps. You’ll start with an introduction to TypeScript features that are often overlooked in other books, before moving on to creating a simple markdown parser. You’ll then explore React and get up to speed with creating a client-side contacts manager. Next, the book will help you discover the Angular framework and use the MEAN stack to create a photo gallery. Later sections will assist you in creating a GraphQL Angular Todo app and then writing a Socket.IO chatroom. The book will also lead you through developing your final Angular project which is a mapping app. As you progress, you’ll gain insights into React with Docker and microservices. You’ll even focus on how to build an image classification program with machine learning using TensorFlow. Finally, you’ll learn to combine TypeScript and C# to create an ASP.NET Core-based music library app. By the end of this book, you’ll be able to confidently use TypeScript 3.0 and different JavaScript frameworks to build high-quality apps.

Related Content you might be interested in

Current Title:

Small book image
Advanced TypeScript Programming Projects
Peter O'Hanlon
Jul, 2019 | 416 pages
Small book image
Web Development with Angular and Bootstrap
Aki Iskandar | Sridhar Rao Chivukula
Aug, 2019 | 492 pages
Small book image
Bootstrap 4 Cookbook
Ajdin Imsirovic
Jun, 2017 | 338 pages
Small book image
Learning Bootstrap 4 by Building Projects
Eduonix Learning Solutions
Aug, 2018 | 218 pages
Table of Contents (13 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Advanced TypeScript Features
Advanced TypeScript Features
Technical requirements
Building future-proof TypeScript with tsconfig
Introduction to advanced TypeScript features
Summary
Questions
2
Creating a Markdown Editor with TypeScript
Creating a Markdown Editor with TypeScript
Technical requirements
Understanding the project overview
Getting started with a simple HTML project
Writing a simple markdown parser
Summary
Questions
Further reading
3
A React Bootstrap Personal Contacts Manager
A React Bootstrap Personal Contacts Manager
Technical requirements
Understanding the project overview
Getting started with the components
Creating a React Bootstrap project with TypeScript support
Creating our mock layout
React using tsx components
Displaying the personal details interface
Validating user inputs and the use of validators
Applying validation in a React component
Creating and sending data to the IndexedDB database
Enhancements
Summary
Questions
Further reading
4
The MEAN Stack - Building a Photo Gallery
The MEAN Stack - Building a Photo Gallery
Technical requirements
The MEAN stack
Project overview
Getting started
Creating an Angular photo gallery with the MEAN stack
Summary
Questions
Further reading
5
Angular ToDo App with GraphQL and Apollo
Angular ToDo App with GraphQL and Apollo
Technical requirements
Understanding the GraphQL-to-REST relationship
Project overview
Getting started with the project
Creating a ToDo application with GraphQL and Angular
Summary
Questions
Further reading
6
Building a Chat Room Application Using Socket.IO
Building a Chat Room Application Using Socket.IO
Technical requirements
Long-running client/server communications using Socket.IO
Project overview
Getting started with Socket.IO and Angular
Creating a chat room application using Socket.IO, Angular, and Auth0
Summary
Questions
Further reading
7
Angular Cloud-Based Mapping with Firebase
Angular Cloud-Based Mapping with Firebase
Technical requirements
Modern applications and the move to cloud services
Project overview
Getting started with Bing mapping in Angular
Creating a Bing Maps application using Angular and Firebase
Summary
Questions
8
Building a CRM Using React and Microservices
Building a CRM Using React and Microservices
Technical requirements
Understanding Docker and microservices
Creating a microservices application with Docker
Summary
Questions
Further reading
9
Image Recognition with Vue.js and TensorFlow.js
Image Recognition with Vue.js and TensorFlow.js
Technical requirements
What is machine learning and how does TensorFlow fit in?
Project overview
Getting started with TensorFlow in Vue
Summary
Questions
Further reading
10
Building an ASP.NET Core Music Library
Building an ASP.NET Core Music Library
Technical requirements
Introducing ASP.NET Core MVC
Providing the project overview
Getting started creating a music library with ASP.NET Core, C#, and TypeScript
Summary
Questions
Further reading
11
Assessments
Assessments
Chapter 1
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10
12
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Building a CRM Using React and Microservices

In previous chapters where we used REST services, we concentrated on having a single site for dealing with REST calls. Modern applications frequently make use of microservices, potentially hosted inside a container-based system such as Docker.

In this chapter, we are going to look at how to create a set of microservices hosted in multiple Docker containers using Swagger to design our REST API. Our React client application will be responsible for drawing these microservices together to create a simple Customer Relationship Management (CRM) system.

The following topics will be covered in this chapter:

  • Understanding Docker and containers
  • What microservices are and what they are used for
  • Decomposing monolithic architectures down into microarchitectures
  • Sharing common server-side functionality
  • Using Swagger to design APIs
  • Hosting microservices...
Previous Section
End of Section 1
Next Section