Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Hands-On TypeScript for C# and .NET Core Developers

By : Francesco Abbruzzese

2.5 (2)

Hands-On TypeScript for C# and .NET Core Developers

2.5 (2)

By: Francesco Abbruzzese

Overview of this book

Writing clean, object-oriented code in JavaScript gets trickier and complex as the size of the project grows. This is where Typescript comes into the picture; it lets you write pure object-oriented code with ease, giving it the upper hand over JavaScript. This book introduces you to basic TypeScript concepts by gradually modifying standard JavaScript code, which makes learning TypeScript easy for C# ASP.NET developers. As you progress through the chapters, you'll cover object programming concepts, such as classes, interfaces, and generics, and understand how they are related to, and similar in, both ES6 and C#. You will also learn how to use bundlers like WebPack to package your code and other resources. The book explains all concepts using practical examples of ASP.NET Core projects, and reusable TypeScript libraries. Finally, you'll explore the features that TypeScript inherits from either ES6 or C#, or both of them, such as Symbols, Iterables, Promises, and Decorators. By the end of the book, you'll be able to apply all TypeScript concepts to understand the Angular framework better, and you'll have become comfortable with the way in which modules, components, and services are defined and used in Angular. You'll also have gained a good understanding of all the features included in the Angular/ASP.NET Core Visual Studio project template.

Preface

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Introduction to TypeScript

Introduction to TypeScript

Basics and installation

Adding TypeScript to your web projects

TypeScript compiler options

Basic types

Declarations and scoping

Summary

Questions

Further reading

Complex Types and Functions

Complex Types and Functions

Technical requirements

Arrays and tuples

Interfaces and type inference

Operations on types

Destructuring and spreads

Functions

Summary

Questions

Further reading

DOM Manipulation

DOM Manipulation

Technical requirements

DOM types

Basic DOM operations

Declaration files and JavaScript libraries

DOM operations with jQuery

Summary

Questions

Further reading

Using Classes and Interfaces

Using Classes and Interfaces

Technical requirements

Classes

Static members and static parts of a class

Inheriting from a class and implementing interfaces

Advanced type-compatibility

Summary

Questions

Further reading

Generics

Generics

Technical requirements

Generic functions and interfaces

Generic classes

Generic constraints

The keyof constraints

Summary

Questions

Namespaces and Modules

Namespaces and Modules

Technical requirements

Namespaces

Pitfalls of namespaces and ES6 modules

Loading modules

Writing declaration files

Summary

Questions

Further reading

Bundling with WebPack

Bundling with WebPack

Technical requirements

Bundling TypeScript and JavaScript

Integrating WebPack in ASP.NET Core middleware

Optimizing bundles

Production and development configurations

Bundling CSS, images, and HTML

Summary

Questions

Further reading

Building TypeScript Libraries

Building TypeScript Libraries

Technical requirements

Using VS Code

Building your library

Installing a test framework – Jasmine

Testing your library with Jasmine

Summary

Questions

Further reading

Decorators and Advanced ES6 Features

Decorators and Advanced ES6 Features

Technical requirements

Symbols

Iterators, iterables, and generators

Promises and async/await notation

Decorators and metadata

Summary

Questions

Further reading

Angular ASP.NET Core Project Template

Angular ASP.NET Core Project Template

Technical requirements

Creating an Angular project

Project structure

Angular architecture

Modules, components, and data binding

Configuring and building an Angular application

Summary

Questions

Input and Interactions

Input and Interactions

Technical requirements

Template life cycle events

Component interaction

Forms

Pipes

Summary

Questions

Further reading

Angular Advanced Features

Angular Advanced Features

Technical requirements

Attribute directives

Content projection and structural directives

Animations

Summary

Questions

Navigation and Services

Navigation and Services

Technical requirements

Services and Dependency Injection

Client-server communication

Routing and navigation

Testing

Summary

Questions

Further reading

Assessments

Assessments

Chapter 1

Chapter 2

Chapter 3

Chapter 4

Chapter 5

Chapter 6

Chapter 7

Chapter 8

Chapter 9

Chapter 10

Chapter 11

Chapter 12

Chapter 13

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

2.5 (2)

5 star

0

4 star

0

3 star

50%

2 star

50%

1 star

0

Technical requirements

We need the following tools and packages in this chapter:

Node.js and npm package manager
VS Code

Node.js and npm are both contained in Node.js installation packages, which you may find at https://nodejs.org/en/. Please select the recommended version and follow the simple steps contained at the beginning of the Installation of Node.js-based TypeScript compiler sub-section of Chapter 1, Introduction to TypeScript, in order to verify that both Node.js and npm were properly installed.

The VS Code installer may be found at https://code.visualstudio.com/. Please download it, run the installer, and follow the simple installation instructions.

All the code used in this chapter can be downloaded from the following GitHub link: https://github.com/PacktPublishing/Hands-On-TypeScript-for-CSharp-and-.NET-Core-Developers.

Check out the following video to see the Code...

Search

Your notes and bookmarks