CODELINE

Python
JavaScript
PHP
Wordpress
React

Podstawy

  • JavaScript – Symbol

    JavaScript – Symbol

    Poznajemy czym jest symbol na przykładzie skryptów w node.js, które pisaliśmy w lekcjach poprzednich. Do dzieła!

  • Node.js – isFile, isDir

    Node.js – isFile, isDir

    Uczymy się synchronicznie sprawdzać, czy dany plik jest plikiem czy folderem. Kontynuujemy poprzednie lekcje – do dzieła.

  • Node.js – sync, async

    Node.js – sync, async

    Na podstawie zabaw z prostym modułem fs uczymy się różnicy między synchronicznymi i asynchronicznymi funkcjami node.js. Do dzieła.

  • Node.js – error first, fs

    Node.js – error first, fs

    Stawiamy pierwsze kroki z modułem fs (filesystem) tworząc nowy katalog. Uczymy się podejścia error-first w node.js. Do dzieła.

  • Node.js – moduł path

    Node.js – moduł path

    Poznajemy podstawy node.js zaczynając od magicznych stałych __filename i __dirname oraz prostego modułu path. Do dzieła.

  • JS OOP – mixiny dla klas

    JS OOP – mixiny dla klas

    Przykład pochodzi z pewnego projektu dostępnego na GitHubie i szczerze powiedziawszy, nigdy i nigdzie nie znalazłem lepszego patentu na mixiny w JS. Możemy osiągnąć multi-dziedziczenie w bardzo prosty sposób.

  • Praktyczny JavaScript – navbar script

    Praktyczny JavaScript – navbar script

    Przykład prawdziwego czystego kodu JavaScript do manipulacji DOM – obsługi paska nawigacyjnego, użytego w większym projekcie, korzystającym z frameworka. Codzienna dawka czystego JS.

  • JS OOP – wszystko o this

    JS OOP – wszystko o this

    Poznajemy słówko kluczowe this i jeśli nie wszystkie, to większość różnych pułapek i trudnych bądź mylących spraw związanych z tym słówkiem i jego użyciem, na jakie możemy napotkać się w JavaScript.

  • Web Components – OOP + DOM 3 (JS)

    Web Components – OOP + DOM 3 (JS)

    Dotkniemy teraz tematu, jakim są Custom Web Components a także dziedziczenia z wbudowanych typów. Napiszemy klasę będącą własną wersją tagu o innej funkcjonalności.

  • Szybki JS – OOP + DOM 2

    Szybki JS – OOP + DOM 2

    Kontynuujemy naukę obiektowego podejścia do pisania kodu JavaScript, wykonując hover effect z kolorem na każdej literze tagu z pewnym opóźnieniem. Piszemy klasę JS, która obiekt o podanej klasie CSS zamieni na jednoliterowe elementy , które z odpowiednim opóźnieniem będą wykonywały efekt zmiany koloru.

  • Szybki JS – OOP + DOM

    Szybki JS – OOP + DOM

    Nauczymy się odtworzyć efekt ScrollIntoView używając bardziej obiektowego podejścia w JS pisząc klasy i zapewniając większą modularność naszego kodu, możliwość aktywowania efektu jedną linijką.

  • Bardzo szybki JS – kopiuj z navigator clipboard

    Bardzo szybki JS – kopiuj z navigator clipboard

    Uczymy się korzystać z nowego clipboard API dostępnego teraz w obiekcie navigator. Plus pewne sztuczki z setTimeout i prostym efektem pokazującym, że element został skopiowany do schowka.