JavaScript Basics

Maciej Żukiewicz

Materiały szkoleniowe (w wersji elektronicznej i drukowanej) udostępnione przez firmę Vavatech w ramach niniejszego kursu, należą wyłącznie do firmy Harmony sp. z o.o. (właściciela marki codehero.io oraz harmony-systems.com) i podlegają ochronie na podstawie przepisów o prawie autorskim i prawach pokrewnych.

W związku z powyższym, każdy uczestnik szkolenia zobowiązuje się nie wykonywać

żadnych z niżej wymienionych działań:

•modyfikacja, adaptacja, zmiana, łączenie lub tłumaczenie materiałów oraz tworzenie prac pochodnych na ich podstawie;

•wypożyczanie, sprzedaż lub innego rodzaju przekazywanie materiałów szkoleniowych jakiejkolwiek stronie trzeciej;

•kopiowanie lub jakiekolwiek powielanie materiałów.

W ramach szkolenia uczestnik otrzymuje jedynie prawo własności otrzymanego

egzemplarza materiałów i uprawniony jest do jego używania wyłącznie w

ramach dozwolonego użytku określonego w przepisach i własności intelektualnej.

Informacje o własności intelektualnej

Instrukcja warunkowa "if" oraz "if..else"

if ([warunek]) {
    // kod wykonywany, gdy 
    // warunek jest prawdziwy
}

if ([warunek]) {
    // kod wykonywany, gdy 
    // warunek jest prawdziwy
} else {
    // kod wykonywany, gdy 
    // warunek jest nieprawdziwy
}

if ('ADMIN' == user.role) {
    buildAdminNav();
}

if ('ADMIN' == user.role) {
    buildAdminNav();
} else {
    buildNav();
}

Instrukcja warunkowa "if..else if"

if ([warunekA]) {
    // kod wykonywany, gdy 
    // warunekA jest prawdziwy
} else if ([warunekB]) {
    // kod wykonywany, gdy 
    // warunekA jest nieprawdziwy,
    // a warunekB jest prawdziwy
} else if ([warunekC]) {
    // kod wykonywany, gdy 
    // warunekA i warunekB są 
    // nieprawdziwe, a warunekC 
    // jest prawdziwy
}

if ('ADMIN' == user.role) {
    buildAdminNav();
} else if ('MODERATOR' == user.role) {
    buildModeratorNav();
} else if ('EDITOR' == user.role) {
    buildEditorNav();
}

Instrukcja warunkowa "if..else if..else"

if ([warunekA]) {
    // kod wykonywany, gdy 
    // warunekA jest prawdziwy
} else if ([warunekB]) {
    // kod wykonywany, gdy 
    // warunekA jest nieprawdziwy,
    // a warunekB jest prawdziwy
} else if ([warunekC]) {
    // kod wykonywany, gdy 
    // warunekA i warunek B są 
    // nieprawdziwe, a warunekC 
    // jest prawdziwy
} else {
    // kod wykonywany, gdy 
    // warunekA i warunekB i 
    // warunek C są nieprawdziwe
}

if ('ADMIN' == user.role) {
    buildAdminNav();
} else if ('MODERATOR' == user.role) {
    buildModeratorNav();
} else if ('EDITOR' == user.role) {
    buildEditorNav();
} else {
    buildNav();
}

Let's do some practices

Instrukcja warunkowa "switch..case"

switch ([wartosc]) {
    case 'A':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;

    case 'B':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;

    case 'C':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;
}

switch ([wartosc]) {
    case 'A':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'

    case 'B':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A' 
        // lub 'B'

    case 'C':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A' 
        // lub 'B' lub 'C
}

Instrukcja warunkowa "switch..case..default"

switch ([wartosc]) {
    case 'A':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;

    case 'B':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;

    case 'C':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'
        break;
    
    default:
        // kod wykonywany, gdy
        // wartosc nie jest równa
        // ani 'A', ani 'B', ani 'C'
        break;
}

switch ([wartosc]) {
    case 'A':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A'

    case 'B':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A' 
        // lub 'B'

    case 'C':
        // kod wykonywany, gdy 
        // wartosc jest równa 'A' 
        // lub 'B' lub 'C

    default:
        // kod wykonywany, gdy
        // wartosc jest dowolna
}

JavaScript Podstawy

By Maciej Żukiewicz