Introduction to TypeScript

Introduction to TypeScript

0%

1. TypeScript Fundamentals

This section introduces you to TypeScript. You will learn why TypeScript is valuable and how it differs from JavaScript.

What is TypeScript?

Simple variable declaration

Mathematics in TypeScript

Typed variable declaration

Code Syntax Correction Challenge

2. Conditional Statements

We're going to take control of the code! In this section, you'll learn how to set conditions for code execution in TypeScript. You'll discover why this is used and how to use it correctly, so that your code becomes the envy of all top programmers!

Comparison Operators

If-else statement

Day of the Week Condition Execution Challenge

Complex Conditions

Challenge: Commission Calculator

3. Arrays

Let's get acquainted with a convenient way to store data in a collection of elements - an array. You will learn how to create and use arrays, as well as how to add and work with elements in an array. An important and fundamental structure for any programmer.

Declaration and Advantages of Arrays

Working with Array Elements

Challenge: Modifying Arrays

Spread Syntax

4. Loops

Automate tasks with a large amount of data or variables. Loops will assist you in this, allowing you to process a large amount of data and quickly obtain results in just a few lines of code. We will explore the fundamental types of loops and teach you how to work with them effectively!

`break` keyword

Challenge (snail game)

`for` loop with arrays

Challenge (FizzBuzz)

`forEach` method

5. Functions

It's time to finally learn how to write your own functions that will perform the operations you specify. Functions will help you organize your code, breaking it into manageable pieces and calling them in a single line. It's time to learn!

Functions introduction

Parameters and Return Statement

Challenge (lottery)

Optional Parameters

Challenge (price calculator)

Course Content

Introduction to TypeScript

Spread Syntax

Actually, array generation is a rather complex topic for a beginner course, and there are quite a few ways to generate arrays. But I think it's a good idea to at least explore one type of array generation, so you'll know that it exists and is quite commonly used.

Array generation is needed to automatically create a new array based on a condition or another array. For example, we can set a condition that we need an array of numbers from 1 to 100 or that we only need even numbers. There are many applications, and we will come back to this when working with loops.

Let's look at an example of how to generate a new array based on an existing one:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let newArray = [...numbers, 6, 7, 8];
console.log(newArray);

We used the following syntax:

The three dots mean that we are using the old array and adding new elements to it. The old array remains unchanged, and a new updated array is created based on it, with the new values we add.

This is one of the easiest ways to generate an array. In the future, when we will discuss loops and functions, we will talk more about various methods of array generation.

Everything was clear?

Thanks for your feedback!

Section 3. Chapter 5

some-alt