CODELINE

Python
JavaScript
PHP
Wordpress
React

Ćwiczenia

  • JS OOP – Kalkulator omówienie

    JS OOP – Kalkulator omówienie

    Omawiamy cudzy projekt z Githuba, kalkulator w czystym JS. Proszę zwrócić uwagę na kwestie takie jak brak TypeScripta oraz brak frameworka i jak wpływa to na pisanie i czytelność kodu. Zaczynajmy.

  • Szybki JS – jak działa async

    Szybki JS – jak działa async

    Jeszcze raz, szybkie ćwiczenie, które ma nam pokazać, jak działa słówko kluczowe async w JavaScript i co ono w zasadzie robi. Do dzieła.

  • B. szybki JS – this a prototyp

    B. szybki JS – this a prototyp

    Szybka lekcja, w zasadzie przypomnienie. Pisaliśmy już sobie różne polyfille, natomiast nigdy nie tłumaczyłem, czym jest this, wydawało mi się to oczywiste, teraz się na chwilę nad tym pochylimy.

  • JS – CommonJS modules

    JS – CommonJS modules

    Drobna rzecz, ale myślę, że warto o niej wspomnieć. Moduły w node.js działają inaczej niż te, które już poznaliśmy i dzisiaj oswoimy się z CommonJS i require. Do dzieła.

  • Szybki TS – React 9

    Szybki TS – React 9

    Ok, poznajemy dynamiczne komponenty w React + TypeScript. Kontynuacja lekcji poprzednich, zatem do dzieła!

  • Szybki TS – React 8

    Szybki TS – React 8

    Poznajemy pierwszy generyczny komponent w React z TypeScriptem. Kontynuacja lekcji poprzednich. Do dzieła!

  • Szybki TS – React 7

    Szybki TS – React 7

    Poznajemy coś takiego, jak funkcja jako children prop. Sam tego nie znałem i dopiero na przykładzie analizy cudzego kodu zauważyłem, że tak można. Zaczynajmy!

  • TS – reducer func 4

    TS – reducer func 4

    Poznajemy optymalny sposób, aby napisać reducer function w TypeScript. Kontynuacja lekcji poprzednich. Do dzieła.

  • TS – reducer func 3

    TS – reducer func 3

    Poznajemy inny, nieco bardziej zawiły sposób na reducer function w TypeScript. Ten akurat średnio mi się podoba, najlepszy poznamy w następnej lekcji, ale ok. Do dzieła!

  • Szybki TS – React 6

    Szybki TS – React 6

    Poznajemy hook useReducer w React i z TypeScriptem. Jeżeli przerobiliśmy poprzednie lekcje, to nie muszę nic więcej tłumaczyć, do dzieła zatem!

  • TS – reducer func 2

    TS – reducer func 2

    Kontynuacja lekcji poprzedniej, funkcja reducer w TypeScript, przyda się nam to do Reacta. Tym razem ogarniamy opcjonaly payload. Do dzieła!

  • TS – reducer func 1

    TS – reducer func 1

    Poznajemy patent na funkcję reducer w TypeScript, który przyda nam się do pisania reducerów w React + TS. Zaczynajmy.