Oto lista zagadnień, które warto powtórzyć przed warsztatem, oraz tematów fakultatywnych do zgłębiania we własnym zakresie.

<aside> 💡 W poniższych przykładach używamy .. (dwóch kropek) do zaznaczenia miejsc, w których kod został pominięty. Nie mylić z ... (trzema kropkami), czyli ze spread operator, który jest poprawną składnią JS.

</aside>

Zagadnienia wymagane

Tematy, których rozumienie przyda się w trakcie warsztatu. Najlepiej mieć już z nimi trochę doświadczenia. Postaramy się nie spędzać na nich zbyt dużo czasu.

JavaScript

• Warunki if .. else i predykaty
  • foo < 0, foo <= 0
  • foo === 0, foo !== 0
  • if (foo) sprawdza, czy foo jest truthy czy falsy
    • 0 i "" (pusty string) są falsy.
    • Pusty array jest truthy! Trzeba sprawdzać jego rozmiar: arr.length > 0.
• Iteracja po tablicy
  • for (let elem of array)
  • for (let i = 0; i < array.length; i++)
• Indeksowanie tablicy
  • arr[0], arr[i]
• Computed properties
  • obj.prop to to samo co obj["prop"]
  • Jeśli a = "prop", to można też napisać obj[a]
• Arrow functions
  • Składnia dla funkcji anonimowych.
  • Są wyrażeniami (expressions), więc można używać ich wszędzie tam, gdzie dozwolone są inne wyrażenia (let foo = .., foo(..), itd.)
  • Podstawowa składnia: arg => expression albo arg => { .. }.
  • Gdy funkcja przyjmuje więcej argumentów:(arg1, arg2) => ...
  • Gdy nie przyjmuje żadnych argumentów: () => ...
• Default parameters
  • Kiedy argument przekazany do funkcji jest undefined (lub kiedy nie został przekazany; wtedy też jest undefined), parametr przyjmie domyślną wartość zdefiniowaną po znaku =.
  • function foo(arg = 1) { .. }
• Random Number Generation
  • Math.random()
  • Wybieranie losowej liczby rzeczywistej z przedziału <m, n).
    • m + Math.random() * (n - m)

TypeScript

• Typy i ich nazwy:
  • Typy prymitywne: boolean, number, string,
  • Typy złożone: Klasa, Interfejs
  • Typy anonimowe: {foo: number}
    • Np. w sygnaturze funkcji: fn(obj: {foo: number}), co oznacza, że funkcja bierze jako pierwszy argument obiekt, który musi przynajmniej mieć własność foo, która jest liczbą
  • Typy generyczne: Array<number>
    • Czyli array, którego elementami są liczby.
    • Równorzędny zapis: number[]
• Składnia deklaracji typu
  • Po dwukropku nazwa typu
  • let foo: number = 1;
• Składnia definicji funkcji
  • square(x: number): number
• Type inference
  • W oczywistych przypadkach nie trzeba podawać deklaracji typu. Kompilator TS jest w stanie sam wydedukować, jakiego typu jest zmienna.
  • let foo = 1;
    • foo jest tutaj typu number.
• Optional properties
  • interface Foo {prop?: number} to to samo co:
  • interface Foo {prop: number | undefined}
• enum to sposób na używanie czytelnych nazw dla pewnych stałych, głównie liczbowych.
  • enum DrawKind {Rect, Circle}
    • DrawKind.Rect ma tutaj wartość 0.
    • DrawKind.Circle ma wartość 1.
  • Wartości można zdefiniować też explicite: enum DrawKind {Rect = 4, Circle}.
  • DrawKind.Rect ma tutaj wartość 4.
  • DrawKind.Circle ma wartość 5 (kolejną liczbę całkowitą).