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)

Course Content

Introduction to TypeScript

Functions introduction

Functions are what TypeScript is made of. When you write large advanced programs or applications, it's advisable to organize all your code into functions. Let's look at what a function is and its syntax:

To declare a function, you just need to write function, followed by the function name and parentheses (). Then, you open curly braces, which will contain the function body. Inside the function body, you specify what your function will do. In the example above, the function prints a greeting to the console. Let's call the function and see how it works:


              1234
            
function greeting() {
    console.log("Hello there!");
}
greeting()

To call a function, all we need to do is write it in the code, and the function will do its job. We can call it many times in a row or even within loops, for example:


              1234567
            
function greeting() {
    console.log("Hello there!");
}

for (let i = 0; i < 3; i++) {
    greeting()
}

Instead of writing code each time to display a message in the console, we simply call the greeting function.

Of course, this is the simplest example of a function. Functions have virtually limitless capabilities. You can encapsulate complex algorithms within a single function. You can use functions within functions and much more. In this section, we'll explore the fundamental techniques of working with functions, including passing parameters and returning values from functions. This is where real programming begins!

Everything was clear?

Thanks for your feedback!

Section 5. Chapter 1

some-alt