Real-World Projects with TypeScript 3

Simpliv

Course

Online

£ 15 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

A step-by-step practical guide to building real-world projects using TypeScript 3When it comes to writing clean, object-oriented code in JavaScript, its complexity grows with the size of the project. Typescript helps alleviate this by allowing you to write clean, typed, object-oriented code in order to keep your projects neat, organized, and easy to understand and maintain.This course is thoroughly engaging and practical, focusing on building four applications using TypeScript 3. We begin by demonstrating networking by creating a chat application (using WebSockets and Node.js) and a blog application (using TypeScript with a C# backend); we then enhance a blog website by wiring it up to a SQL database. The course builds on existing concepts while simultaneously introducing new ones. You will then make a bill pay tracking desktop application using Electron 5 and then an Android phonebook application using Cordova. You'll learn how to take advantage of various TypeScript features that comply with the most recent standards and design principles.Throughout the course, you will also learn how to enhance code quality using linting; how to perform unit tests and implement code coverage; and how to implement a continuous integration setup to ensure every code commit is as high-quality as possible.By the end of the course, you'll be confident about designing and building a series of practical and user-friendly TypeScript 3 apps.The code bundle for this course is available at About the Author
.
Travis Vroman is a software engineer who has been developing for over 20 years and working professionally for 11 of them. Making video games (or just writing code in general) is a passion which makes him want to get up every morning and go to work. Currently a lead developer, he is responsible for the design and development of both server and client-side products

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Use Typescript to create a variety of applications including a chat application, a blog website, a bill pay tracking application, and an Android phonebook application
Use TypeScript with a variety of tool chains and IDEs (VS Code, Visual Studio, and Node with NPM)
Create a real-time application (a game) using TypeScript and the PIXI.js library
Create a client and server using WebSockets and Node.js
Integrate a TypeScript front-end with a server back-end powered by C# and SQL
Ensure code quality by setting up unit tests, code coverage reports, and linting
Set up continuous integration using GitLab

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Networking
  • Object oriented training
  • Server
  • Object-oriented training
  • HTML
  • Network
  • Quality
  • Design
  • Image
  • Web
  • Project
  • Writing
  • Quality Training
  • Network Training

Course programme

Networking: Creating a Chat Application in TypeScript 6 lectures 34:08 The Course Overview This video will give you an overview about the course. Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Networking: Creating a Chat Application in TypeScript - Quiz Networking: Creating a Chat Application in TypeScript 6 lectures 34:08 The Course Overview This video will give you an overview about the course. Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Networking: Creating a Chat Application in TypeScript - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Overview and Setup for the Client and Server Projects In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
In this video, we will get an overview and configure the client and server projects.
  • Look at the overview of the project and folder structure setup
  • Create and configure client project
  • Create and configure server project
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Client (Front-End) as a Web Page In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
In this video, we will create a front-end, which allows users to log-in and chat.
  • Create a ServerConnection class to manage the connection
  • Create the core client application, including utility classes
  • Tie events to index.html web page
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Creating the Server (Back-End) Using Node.js In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
In this video, we will create a back-end which handles requests from multiple users on the front-end.
  • Enhance the ClientConnection to manage the connection to clients
  • Create a UserManager class to handle users
  • Create the core server application, including utility classes
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Bringing Client and Server Together In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
In this video, we will run both sides of the application and review network traffic.
  • Run both the server and client sides
  • Examine network activity
  • Test multi-user/disconnection scenarios
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Enhancing the Experience with Chat Attachments (Pictures) In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
In this video, we will allow users to insert pictures into a chat.
  • Perform UI enhancements to allow for more space
  • Implement complex tag replacement using regular expressions
  • Append image tags to chat messages
Networking: Creating a Chat Application in TypeScript - Quiz Networking: Creating a Chat Application in TypeScript - Quiz Networking: Creating a Chat Application in TypeScript - Quiz Networking: Creating a Chat Application in TypeScript - Quiz Blog Website: Creating a Blog Application Using TypeScript. 5 lectures 22:11 Project Overview and Scaffolding Using Visual Studio Community 2017 In this video, we will start off the project by providing an overview and creating the solution in Visual Studio 2017.
  • Review project architecture
  • Create and configure the project
  • Run the project, to ensure that everything is hooked up properly
Creating the Article Fetching System in TypeScript The first thing this project requires is a way of asking for article information from the client side using TypeScript. This video sets the same up.
  • Create a DocumentHelper class, to help creation of HTML elements
  • Create an ArticleManager class to retrieve articles
  • Utilize both in the main application
Creating the Back-End Page and Article Manager A back-end portion is required to answer the client requests for article information. This video walks through the creation process of the same, using C#.
  • Create a page to handle incoming requests for article information
  • Create structures for article information and also an ArticleManager
  • Create an interface for an article data provider
Creating a Temporary Data Provider to Return Blog Article Info In this video, a temporary data provider will be created and hooked up to provide some hardcoded testing data for a short term. This data provider will be replaced further down the road e
  • Add a call to load article information to this...

    • Additional information

    Use Typescript to create a variety of applications including a chat application, a blog website, a bill pay tracking application, and an Android phonebook application Use TypeScript with a variety of tool chains and IDEs (VS Code, Visual Studio, and Node with NPM) Create a real-time application (a game) using TypeScript and the PIXI.js library Create a client and server using WebSockets and Node.js Integrate a TypeScript front-end with a server back-end powered by C# and SQL Ensure code quality by setting up unit tests, code coverage reports, and linting Set up continuous integration using GitLab

    See related categories

    Real-World Projects with TypeScript 3

    £ 15 VAT inc.

    The best Other Education courses

    See all

    See all