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

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)

Conteúdo do Curso

Introduction to TypeScript

`forEach` method

There's also a very interesting method called forEach() for working with array elements. It's an advanced topic for a beginner, but you definitely need to know about it. With this method, you can save a lot of time and reduce the number of lines of code. Let's take a look at an example of how it's used and break down how it works:


              12345
            
let numbers = [1, 2, 3, 4, 5];

numbers.forEach((number) => {
    console.log(number);
});

In this example:

numbers is the original array containing numbers;
.forEach is the method call on the numbers array;
(number) => { console.log(number); } is the callback function that will be executed for each element in the array. In this case, it logs each element to the console.

It's important to note that the forEach method doesn't modify the original array and doesn't return a new one. It's designed for side effects like displaying content or updating other data.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 8

some-alt