TypeScript Projects
3.3 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
27 students enrolled
Wishlisted Wishlist

Please confirm that you want to add TypeScript Projects to your Wishlist.

Add to Wishlist

TypeScript Projects

Learn how to use TypeScript with this project-based web development course, and start delivering even better software
3.3 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
27 students enrolled
Created by Packt Publishing
Last updated 8/2017
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build quirky and fun projects from scratch
  • Use TypeScript with a range of different technologies such as Angular 2 and React
  • Migrate JavaScript codebases to TypeScript to improve your workflow
  • Write maintainable and reusable code
  • UseSystem.JS and Webpack to load scripts and their dependencies
  • Develophighly-performantserver-side applications to run within Node.js
  • Review highly-performant Node.js patterns and manage garbage collection
View Curriculum
  • The video focuses on building projects from scratch. These end-to-end projects will give you ready-to-implement solutions for your business scenario, showcasing the depth and robustness of TypeScript.

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 course. The lessons learned throughout the course 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. This course 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.

About The Author

Ivo Gabe de Wolff has been a freelance developer under the name of ivogabe since 2012 and he is studying mathematics and computing sciences at Utrecht University. When he was eleven, he started programming in Game Maker. Currently, he uses TypeScript on a daily basis. Recently, he has used TypeScript in lots of different environments, including mobile apps, servers, and command-line tools. Now he mainly specializes in NodeJS programming.

Furthermore, he is the author of various open source projects, including gulp-typescript.

Who is the target audience?
  • This course is for web developers committed to building better software. It's for web developers that know writing code should be fun - and that fun and creativity are the foundations of better software products.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
A Weather Forecast Widget with Angular 2
7 Lectures 40:05

This video gives an overview of the entire course.

Preview 03:43

This video will let you explore modules and learn how to export declarations in modules. You will also be able to import other modules and libraries in a module. 

Using Modules

You need to work with directories and use HTML files in your project frequently. You also need to set up the project and configure TypeScript. Let us see how to do this in a smart way. 

Setting Up the Project

Let's now create a simple component, and then perform testing on it. In this video, you will learn how to perform interactions with it, and finally we will be able to use bindings to connect the template to definitions in the body. 

Creating the First Component

This video will walk you through directives and the use of the template tag. You will also see how to modify the about template and add conditions to the template and use the component in other components. 

Adding Conditions to the Template and Using the Component in Other Components

This video will make you understand how to show a forecast and use the API. You will eventually learn to create forecasts. 

Showing a Forecast and Creating the Forecast Component

Now that you have learnt to build a component and forescast, the next step is to build the main component. Let's see how we can do this! 

The Main Component
Real-Time Chat
5 Lectures 24:40

This video will show you how you could set up the project for creating a real-time chat. 

Preview 03:53

Through this video you will be able to create a component with JSX and also learn how to add props and state to a component. 

Getting Started with React

This video will walk you through writing the application and create connections, accept them, and type the API. You will also learn to store recent messages and handle a session. 

Writing the Server

This video will show you how to connect to the server. By the end of this video you will be able to send a message to the server and write the event handler. 

Connecting to the Server

This video will show you how to create a chat room and then we will explore the use of multiple ways to create components. 

Creating the Chat Room and Comparing React and Angular
Spreadsheet Applications with Functional Programming
9 Lectures 46:11

Let's create the foundation of our project. 

Preview 02:02

We'll dive into functional programming in this video. 

Functional Programming

This video will show you how to create data types, traverse data types, and validate an expression. 

Using Data Types for Expressions

A unit test is an automated test that checks whether a small piece of code is working. Let's see how to write it. 

Writing Unit Tests

Let's now dive into parsing expressions and perform various operations with them. 

Parsing an Expression

By the end of this video, you will be able to define a field as an expression/string and a sheet as a grid of fields. You will also learn to create a function that changes a field to a string. 

Defining the Sheet

Let's explore Flux architecture through this video. Here, we will create the store and the dispatcher. 

Using the Flux Architecture

This video will show you how to create actions, add a column or a row, and change the title of the state. You will also learn how to show the input popup and test the actions of state. 

Creating Actions

This video will let you write the view by rendering the grid and a field. You will also learn to show the popup and add styles. 

Writing the View
Pac Man in HTML5
8 Lectures 40:25

Let's set up the project for our game application. 

Preview 03:15

The HTML5 canvas is an HTML element which contains a drawing generated by JavaScript code. Let's quickly experiment with it. 

Using the HTML5 Canvas

This video will let you explore how to design the framework, create pictures, wrap other pictures, and create events. 

Designing the Framework

This video will show you how to draw on the canvas and utility functions to it. 

Drawing on the Canvas and Adding Utility Functions

This video will walk you through using enums, storing the level, and then creating models. 

Creating the Models

This video will take you through drawing the view. You will learn to render the background of a wall, the player and the enemy. 

Drawing the View

Let's see how to handle events and create the time handler. 

Handling Events and Creating the Time Handler

Let's now jump in and run the game. We will also add a menu to it, in this video. 

Running the Game and Adding a Menu
About the Instructor
Packt Publishing
3.9 Average rating
8,138 Reviews
58,594 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.