TypeScript Basic: Type System, Interfaces, Types, Generics

Name: TypeScript Basic: Type System, Interfaces, Types, Generics
Rating: 4.0 (175 reviews)

Learn basic of Typescript, Run Typescript + Webpack and Babel in 2 hour

Created byNick Ovchinnikov

Last updated 1/2022

English

English [Auto],

What you'll learn

Understand the benefits of Type Safety and leverage them to build better programs
Review of app configuration with Webpack + Babel
TypeScript in a Nutshell - Generics, Interfaces, Types
Project init, create configudations for TypeScript app

Course content

3 sections • 14 lectures • 1h 59m total length

Project init5:37
Code-style and Eslint6:26
Learn to set up eslint for a typescript react project, choose airbnb style, install plugins, configure parser and rules, and use lint fix to enforce consistent quotes.
Prettier2:57

Typescript basic12:51
learn type system basics in TypeScript, including primitive types, interfaces, type aliases, and generics, and see how TypeScript compiles to JavaScript while enforcing structure and extension rules.
Parametric types with generics6:33
Interfaces, Types and Union8:21
Explore how interfaces merge and extend in TypeScript, compare with type aliases, and build basic and advanced user types through intersections, unions, and generics, including permissions like admin and manager.
Unknown, never and Tuple8:44
UtilityTypes12:03
Utility types challenge
Minesweeper basic types8:43
Define Minesweeper cell states in TypeScript as a union from 0 to 12; 0 empty, 1–8 surrounding bombs, 9 a bomb, 10–12 hidden/flags; model a 2D field with coordinates.

Ecma TC39 and Babel9:46
Webpack intro10:51
Webpack dev server9:05
Configure and run a webpack dev server to build a React app, adding plugins, loaders (style-loader, url-loader, file-loader), and live reloading for JS, CSS, and images.
Create React App8:27
Set up a modern React app quickly with Create React App, using the TypeScript template, and learn how react-scripts orchestrates build, start, and test tasks.
Minesweeper and Github repo2:42
Check out the full curriculum and free preview videos. Join the course risk-free with 30-day money-back guarantee!
https://www.udemy.com/course/hands-on-reactjs/

Requirements

Basic programming skills are required
ES6+ JavaScript knowledge is good but not necessary

Description

TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for the development of large applications and transcompiles to JavaScript. As TypeScript is a superset of JavaScript, existing JavaScript programs are also valid TypeScript programs.

TypeScript may be used to develop JavaScript applications for both client-side and server-side execution (as with Node.js or Deno). There are multiple options available for transcompilation. Either the default TypeScript Checker can be used, or the Babel compiler can be invoked to convert TypeScript to JavaScript.

TypeScript is JavaScript with syntax for types.

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

On the course we quickly create a basic project and then review the most common features

Who this course is for:

Professional Developers that are looking to keep current by learning the latest programming language of the web development world
Backend Developers doing a transition to full stack development
Frontend Developers that want to improve their frontend skills
Javascript Developers in general that use node as a backend server and would like to learn how to write node in Typescript
Javascript Developers looking to learn Typescript

Who this course is for:

Students who want to learn Typescript

TypeScript Basic: Type System, Interfaces, Types, Generics

What you'll learn

Explore related topics

Course content

Intro3 lectures • 15min

Typescript basic6 lectures • 57min

Webpack and Babel5 lectures • 41min

Requirements

Description

Who this course is for: