Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying TypeScript Blueprints
  • Table Of Contents Toc
TypeScript Blueprints

TypeScript Blueprints

By : de Wolff
Buy this Book
close
close
TypeScript Blueprints

TypeScript Blueprints

By: de Wolff
Buy this Book

Overview of this book

TypeScript is the future of JavaScript. Having been designed for the development of large applications, it is now being widely incorporated in cutting-edge projects such as Angular 2. Adopting TypeScript results in more robust software - software that is more scalable and performant. It's scale and performance that lies at the heart of every project that features in this book. The lessons learned throughout this book will arm you with everything you need to build some truly amazing projects. You'll 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 fun wasn't enough, you'll also find out how to migrate your legacy codebase from JavaScript to TypeScript. This book isn't just for developers who want to learn - it's for developers who want to develop. So dive in and get started on these TypeScript projects.
Table of Contents (11 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. TypeScript 2.0 Fundamentals
Icon
1. TypeScript 2.0 Fundamentals
Icon
What is TypeScript?
Icon
Quick example
Icon
Learning modern JavaScript
Icon
Type checking
Icon
Summary
2
2. A Weather Forecast Widget with Angular 2
chevron up
Icon
2. A Weather Forecast Widget with Angular 2
Icon
Using modules
Icon
Setting up the project
Icon
Creating the first component
Icon
Adding conditions to the template
Icon
Using the component in other components
Icon
Showing a forecast
Icon
Creating the forecast component
Icon
The main component
Icon
Summary
3
3. Note-Taking App with a Server
Icon
3. Note-Taking App with a Server
Icon
Setting up the project structure
Icon
Getting started with NodeJS
Icon
Understanding the structural type system
Icon
Adding authentication
Icon
Testing the API
Icon
Adding CRUD operations
Icon
Writing the client side
Icon
Running the application
Icon
Summary
4
4. Real-Time Chat
Icon
4. Real-Time Chat
Icon
Setting up the project
Icon
Getting started with React
Icon
Writing the server
Icon
Connecting to the server
Icon
Creating the chat room
Icon
Comparing React and Angular
Icon
Summary
5
5. Native QR Scanner App
Icon
5. Native QR Scanner App
Icon
Getting started with NativeScript
Icon
Creating the project structure
Icon
Creating a Hello World page
Icon
Creating the main view
Icon
Adding a details view
Icon
Scanning QR codes
Icon
Adding persistent storage
Icon
Styling the app
Icon
Comparing NativeScript to alternatives
Icon
Summary
6
6. Advanced Programming in TypeScript
Icon
6. Advanced Programming in TypeScript
Icon
Using type guards
Icon
More accurate type guards
Icon
Checking null and undefined
Icon
Creating tagged union types
Icon
Comparing performance of algorithms
Icon
Summary
7
7. Spreadsheet Applications with Functional Programming
Icon
7. Spreadsheet Applications with Functional Programming
Icon
Setting up the project
Icon
Functional programming
Icon
Using data types for expressions
Icon
Writing unit tests
Icon
Parsing an expression
Icon
Defining the sheet
Icon
Using the Flux architecture
Icon
Creating actions
Icon
Writing the view
Icon
Advantages of Flux
Icon
Summary
8
8. Pac Man in HTML5
Icon
8. Pac Man in HTML5
Icon
Setting up the project
Icon
Using the HTML5 canvas
Icon
Designing the framework
Icon
Drawing on the canvas
Icon
Adding utility functions
Icon
Creating the models
Icon
Drawing the view
Icon
Handling events
Icon
Creating the time handler
Icon
Running the game
Icon
Adding a menu
Icon
Summary
9
9. Playing Tic-Tac-Toe against an AI
Icon
9. Playing Tic-Tac-Toe against an AI
Icon
Creating the project structure
Icon
Adding utility functions
Icon
Creating the models
Icon
Implementing the AI using Minimax
Icon
Creating the interface
Icon
Testing the AI
Icon
Summary
10
10. Migrate JavaScript to TypeScript
Icon
10. Migrate JavaScript to TypeScript
Icon
Gradually migrating to TypeScript
Icon
Adding TypeScript
Icon
Migrating each file
Icon
Refactoring the project
Icon
Summary

Chapter 2. A Weather Forecast Widget with Angular 2

In this chapter, we'll create a simple application that shows us the weather forecast. The framework we use, Angular 2, is a new framework written by Google in TypeScript. The application will show the weather of the current day and the next. In the following screenshot, you can see the result. We will explore some key concepts of Angular, such as data binding and directives.

A Weather Forecast Widget with Angular 2

We will build the application in the following steps:

  • Using modules
  • Setting up the project
  • Creating the first component
  • Adding conditions to the template
  • Showing a forecast
  • Creating the forecast components
  • The main component
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
TypeScript Blueprints
End of Section 2
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon