TypeScript: Modern JavaScript Development

Leverage the features of TypeScript to boost your development skills and create captivating applications

About This Book

• Learn how to develop modular, scalable, maintainable, and adaptable web applications by taking advantage of TypeScript
• Explore techniques to use TypeScript alongside other leading tools such as Angular 2, React, and Node.js
• Focusing on design patterns in TypeScript, this step-by-step guide demonstrates all the important design patterns in practice

Who This Book Is For

This Learning Path is for intermediate-level JavaScript developers who want to use TypeScript to build beautiful web applications and fun projects. No prior knowledge of TypeScript is required, but a basic understanding of jQuery is expected. This Learning Path is also for experienced TypeScript developers who want to take their skills to the next level, and also for web developers who wish to make the most of TypeScript.

What You Will Learn

• Understand the key TypeScript language features and runtime
• Install and configure the necessary tools in order to start developing an application
• Create object-oriented code that adheres to the SOLID principles
• Develop robust applications with testing (Mocha, Chai, and SinonJS)
• Apply GoF patterns in an application with a testing approach
• Identify the challenges when developing an application
• Migrate JavaScript codebases to TypeScript to improve your workflow
• Utilize System.JS and Webpack to load scripts and their dependencies
• Develop high performance server-side applications to run within Node.js

In Detail

TypeScript is an open source and cross-platform typed superset of JavaScript that compiles to plain JavaScript that runs in any browser or any host. TypeScript adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications. Through this three-module learning path, you’ll learn the ins-and-outs of TypeScript for building more robust software.

The first module gets you started with TypeScript and helps you understand the basics of TypeScript and automation tools. Get a detailed description of function, generics, callbacks, and promises, and discover the object-oriented features and memory management functionality of TypeScript.

The next module starts by explaining the current challenges when designing and developing an application and how you can solve these challenges by applying the correct design pattern and best practices. You will be introduced to low-level programming concepts to help you write TypeScript code, as well as working with software architecture, best practices, and design aspects.

The final module will help you build a complete single page app with Angular 2, create a neat mobile app using NativeScript, and even build a Pac Man game with TypeScript. As if the fun wasn’t enough, you’ll also find out how to migrate your legacy codebase from JavaScript to TypeScript.

By the end of this Learning Path, you will be able to take your skills up a notch and develop full-fledged web applications using the latest features of the TypeScript.

This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:

• Learning TypeScript by Remo H. Jansen
• TypeScript Design Patterns by Vilic Vane
• TypeScript Blueprints by Ivo Gabe de Wolff

Style and approach

This is a step-by-step, practical guide covering the fundamentals of TypeScript with practical examples. The end-to-end projects included in this book will give you ready-to-implement solutions for your business scenario, showcasing the depth and robustness of TypeScript.

Table of Contents

Module 1: Learning TypeScript
Chapter 1: Introducing TypeScript
Chapter 2: Automating Your Development Workflow
Chapter 3: Working with Functions
Chapter 4: Object-Oriented Programming with TypeScript
Chapter 5: Runtime
Chapter 6: Application Performance
Chapter 7: Application Testing
Chapter 8: Decorators
Chapter 9: Application Architecture
Chapter 10: Putting Everything Together

Module 2: TypeScript Design Patterns
Chapter 1: Tools and Frameworks
Chapter 2: The Challenge of Increasing Complexity
Chapter 3: Creational Design Patterns
Chapter 4: Structural Design Patterns
Chapter 5: Behavioral Design Patterns
Chapter 6: Behavioral Design Patterns: Continuous
Chapter 7: Patterns and Architectures in JavaScript and TypeScript
Chapter 8: SOLID Principles
Chapter 9: The Road to Enterprise Application

Module 3: TypeScript Blueprints
Chapter 1: TypeScript 2.0 Fundamentals
Chapter 2: A Weather Forecast Widget with Angular 2
Chapter 3: Note-Taking App with a Server
Chapter 4: Real-Time Chat
Chapter 5: Native QR Scanner App
Chapter 6: Advanced Programming in TypeScript
Chapter 7: Spreadsheet Applications with Functional Programming
Chapter 8: Pac Man in HTML5
Chapter 9: Playing Tic-Tac-Toe against an AI
Chapter 10: Migrate JavaScript to TypeScript