A hands-on course giving you the basics of TypeScript while you build a real-world-style couchsurfing app.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
The benefits of TypeScript
Types
Typeof
String types
Boolean types
Object types
Array types
Tuple types
Enum types
Any types
Union types
Literal types
Function types
Void types
Interfaces
Modules
Classes
Compiling
01. Learn Primitive Types
- Introduction to TypeScript
- Course Outline
- Couch Surfing Website
- What is TypeScript?
- Frontend Career Path
- Types in JavaScript
- Using typeof (Mini-Challenge)
- Viewing TypeScript Prompts
- TypeScript Types
- Assigning Types
- Benefits of Using Typescript
- Number Types Mini-Challenge
- Strings Types Mini-Challenge
- Boolean Types Mini-Challenge
- Fixing the Website Mini-Challenge
- Type Assignment and Type Inference
02. Learn Structural Types
- Object Types
- Array Types
- Array Types Mini-Challenge
- Creating Our Property Object
- Property Challenge
- Adding Properties Results
- Add the Properties to Our Dashboard Challenge
- Tuple Types
- Tuple Types Challenge
- Enum Types
- Enum Types Mini-Challenge
- Any Type
- Union Types
- Union Types Challenge
- Literal Types
- Function Types + Void Types
- Function Types + Void Types Mini-Challenge
03. More Advanced TypeScript Features
- File Organisation
- Function Type Challenge
- Interfaces
- Modules
- Classes
- Interface and Class Exercise
- Add a New Property
04. Styling and Finishing Our App
- Styling
- Style Hover Button
- Style Hover Button Exercise
- Website Structure
- Color Consistency
- Moving Interfaces
- File Structure Exercise
- Where to Go Next?
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
The benefits of TypeScript
Types
Typeof
String types
Boolean types
Object types
Array types
Tuple types
Enum types
Any types
Union types
Literal types
Function types
Void types
Interfaces
Modules
Classes
Compiling
COURSE OUTLINE
01. Learn Primitive Types
- Introduction to TypeScript
- Course Outline
- Couch Surfing Website
- What is TypeScript?
- Frontend Career Path
- Types in JavaScript
- Using typeof (Mini-Challenge)
- Viewing TypeScript Prompts
- TypeScript Types
- Assigning Types
- Benefits of Using Typescript
- Number Types Mini-Challenge
- Strings Types Mini-Challenge
- Boolean Types Mini-Challenge
- Fixing the Website Mini-Challenge
- Type Assignment and Type Inference
02. Learn Structural Types
- Object Types
- Array Types
- Array Types Mini-Challenge
- Creating Our Property Object
- Property Challenge
- Adding Properties Results
- Add the Properties to Our Dashboard Challenge
- Tuple Types
- Tuple Types Challenge
- Enum Types
- Enum Types Mini-Challenge
- Any Type
- Union Types
- Union Types Challenge
- Literal Types
- Function Types + Void Types
- Function Types + Void Types Mini-Challenge
03. More Advanced TypeScript Features
- File Organisation
- Function Type Challenge
- Interfaces
- Modules
- Classes
- Interface and Class Exercise
- Add a New Property
04. Styling and Finishing Our App
- Styling
- Style Hover Button
- Style Hover Button Exercise
- Website Structure
- Color Consistency
- Moving Interfaces
- File Structure Exercise
- Where to Go Next?
