TypeScript is a typed superset of JavaScript. In other words, it adds types to JavaScript. But why would you want these types? What benefits do they bring? Do you need to rewrite your entire codebase to take advantage of them? Those questions, and more, will be answered in this TypeScript tutorial.

Build an App with TypeScript and the Pexels API

Preface

You've probably heard of TypeScript — the language created and maintained by Microsoft that's had a huge impact on the Web, with many prominent projects embracing and migrating their code to TypeScript. TypeScript is a typed superset of JavaScript. In other words, it adds types to JavaScript — and hence the name. But why would you want these types? What benefits do they bring? And do you need to rewrite your entire codebase to take advantage of them? Those questions, and more, will be answered in this TypeScript tutorial for beginners.

A Step-by-Step TypeScript Tutorial for Beginners

In the previous chapter, we explored and demonstrated the power of TypeScript by adding it to some existing JavaScript code, and we looked at the types of issues it could spot and prevent. In this tutorial, we’ll take the next step and look at building our application from scratch using TypeScript files and taking full advantage of the TypeScript ecosystem.

Build an Application with TypeScript from Scratch

In the previous chapter, we started to put together our application by leveraging TypeScript to write type-safe code to fetch data from our API and render it using lit-html. In this final installment, we'll finish this series of tutorials by adding more functionality to our site. Users will be able to search for photos or videos and star them as a favorite. We'll store these favorites in local storage and see how we can interact with browser APIs whilst benefiting from TypeScript's type safety.

Unlock This Title

Community Questions