Book Image

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

By : Francesco Abbruzzese
5 (1)
Book Image

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

5 (1)
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.

Related Content you might be interested in

Current Title:

Small book image
Hands-On TypeScript for C# and .NET Core Developers
Francesco Abbruzzese
Oct, 2018 | 460 pages
Small book image
Learning TypeScript 2.x
Remo H Jansen
Apr, 2018 | 536 pages
Small book image
TypeScript 2.x By Example
Sachin Ohri
Dec, 2017 | 372 pages
Small book image
Learning Angular 4 for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Table of Contents (16 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
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
2
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
3
DOM Manipulation
DOM Manipulation
Technical requirements
DOM types
Basic DOM operations
Declaration files and JavaScript libraries
DOM operations with jQuery
Summary
Questions
Further reading
4
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
5
Generics
Generics
Technical requirements
Generic functions and interfaces
Generic classes
Generic constraints
The keyof constraints
Summary
Questions
6
Namespaces and Modules
Namespaces and Modules
Technical requirements
Namespaces
Pitfalls of namespaces and ES6 modules
Loading modules
Writing declaration files
Summary
Questions
Further reading
7
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
8
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
9
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
10
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
11
Input and Interactions
Input and Interactions
Technical requirements
Template life cycle events
Component interaction
Forms
Pipes
Summary
Questions
Further reading
12
Angular Advanced Features
Angular Advanced Features
Technical requirements
Attribute directives
Content projection and structural directives
Animations
Summary
Questions
13
Navigation and Services
Navigation and Services
Technical requirements
Services and Dependency Injection
Client-server communication
Routing and navigation
Testing
Summary
Questions
Further reading
14
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
15
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Technical requirements

The requirements for this chapter are as follows:

  • Visual Studio 2017, with the latest ASP.NET Core tools
  • Visual Studio TypeScript SDK
  • A version of Angular CLI installed globally (version 6 or above)
  • Angular 6 CLI requires Node 8.9 or higher, together with npm 5.5.1 or higher

Angular CLI global installation is needed to update Angular to its latest version if the Visual Studio Angular template is not updated to the latest version of Angular. This is likely to occur since Angular versions are released more frequently than Visual Studio project templates.

Angular CLI is an NPM package. In order to install it globally, as a first step, let's verify the Node and npm versions by typing the following:

>node -v

The following also needs to be typed:

>npm -v

If the versions are below what is required, please install the latest recommended Node version...

Previous Section
End of Section 2
Next Section