Onnittelut!

Olet ottanut pienen askeleen ihmiselle, mutta valtavan harppauksen menestyksekkäälle urallesi! Olet suorittanut TypeScriptin alkeiskurssin onnistuneesti, ja se on kunnioitettavaa. Jos olet tehnyt kaikki tehtävät ja opiskellut teorian, olet oikealla tiellä! Mutta jos ohitit kappaleita vain saadaksesi todistuksen, se on oma asiasi.

Kerrataan koko alkeiskurssi, mitä TypeScript on ja miksi se on tärkeää. Käymme uudelleen läpi perussyntaksin, TypeScriptin edut ja paljon muuta.

Yleistä

TypeScript on yleiskäyttöinen ohjelmointikieli, joka toimii JavaScriptin yläsarjana. TypeScript erottuu edukseen staattisella tyypityksellä, virheiden korostuksella koodausvaiheessa, oliopohjaisilla ohjelmointiominaisuuksilla ja monilla muilla parannuksilla verrattuna JavaScriptiin.

TypeScript on suosittu ja laajasti käytetty. Se on monien merkittävien yritysten ensisijainen valinta front-end-kehitykseen ja keskeinen osa useissa suosituissa kehityskehyksissä. Yksinkertaisin esimerkki on Angular.

Syntaksi

Konsoliin tiedon näyttämiseen käytetään seuraavaa syntaksia:

console.log("Text we want to output");

Jos haluamme määritellä muuttujan ilman tyyppiä, voimme käyttää seuraavaa syntaksia:

let name = value;

Tyypitetty muuttuja:

let name: type = value;

Yhden rivin kommentti:

// commented fragment

Monirivinen kommentti:

/* multi-line 
fragment */

Ehtolauseet

if-lauseen syntaksi:

if (condition) {
    // code to be executed if the condition is true
}

condition-muuttujan on oltava tyyppiä boolean!

if-else-lause:

if (first_condition) {
    // code block if the first condition is true
} else if (second_condition) {
    /* A block of code that will execute
       if the first condition is false
       and the second condition is true. */
} else {
    /* A block of code that will execute 
       if all previous conditions are false.
}

Switch-case:

switch (expression) {
    case value1:
        // Code to be execute if expression equals value1
        break;
    case value2:
        // Code to execute if expresson equals value2
        break;
    // Additional cases...

    default:
        /* Code to execute if none of the cases 
match the expression
}

Taulukot

Taulukon määrittely:

let name[]: type[] = [element1, elememt2, ... , elementN];

Nollapohjainen indeksointi:

[0, 1, 2, ..., n];

Tämä tarkoittaa, että taulukon ensimmäisellä alkiolla on indeksi 0, toisella alkiolla indeksi 1 ja niin edelleen.

Taulukon alkion voi hakea indeksin avulla:

var element = array[index];

Taulukon alkioita voidaan myös muokata niiden indeksien avulla:

array[index] = value;

Voit tutustua taulukon metodeihin tässä luvussa: Taulukon alkioiden käsittely

Silmukat

while-loop syntaksi:

while (condition) {
    // The code that the loop will execute 
    // while the condition is `true`
}

Avainsanaa break käytetään silmukan suorittamisen lopettamiseen välittömästi.

do-while-silmukan syntaksi:

do {
     // The code that the loop will execute 
    // while the condition is `true`
} while (condition)

do-while-silmukka suoritetaan vähintään kerran.

for-silmukan syntaksi:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

Funktiot

Funktioiden syntaksi:

function name(parameter: type, optionalParameter?: type, defaultParameter: type = value) : returnType {
    // reusable code block
}

Miten funktiota kutsutaan?

functionName(parameters);

Nämä ovat peruskäsitteet ja syntaksi, jotka olet käynyt läpi tällä kurssilla.

Tämän jälkeen sinulla on TypeScriptin perusteet hallussa, ja voit kirjoittaa yksinkertaisia ohjelmia ja funktioita. Tulevilla kursseilla opit edistyneempiä aiheita, kuten olio-ohjelmointia, luokkia, olioita, anonyymejä funktioita ja paljon muuta.

Haluan vielä kerran onnitella sinua ja toivottaa ansaittua lepoa. Olet tehnyt hienoa työtä!