Podstawy pracy z canvas API

Canvas (z języka angielskiego – płótno) pojawił się wraz ze standardem HTML5. Rozwiązanie to umożliwia nam na „rysowanie” po naszej stronie www. Nie mam na myśli tu tylko rysowania w znaczeniu tradycyjnym (co jest jak najbardziej możliwe, o czym przekonasz się w dalszej części tego wpisu), ale mam na myśli rysowanie za pomocą JavaScriptu skomplikowanych struktur i kształtów, a nawet tworzenie gier! Tworzenie elementu canvas Dodanie elementu canvas do naszego projektu jest banalne … Czytaj dalej Podstawy pracy z canvas API

Co nieco o soft delete przy użyciu Node.js i MongoDB

Usuwanie danych jest jedną z 4 podstawowych czynności jakie możemy w  tradycyjnych aplikacjach (zaraz po dodawaniu, odczycie i aktualizacji). Wydawać by się mogło, że nie jest to zbyt ciekawy temat. Ot wydajemy polecenie „usuń”, a nasze dane bezpowrotnie znikają. Okazuje się jednak, że nawet tak trywialną czynność jak usuwanie danych można wykonać na kilka sposobów oraz, co ciekawe, otrzymać różne rezultaty! Jednym z bardzo ciekawych sposobów na „usuwanie” … Czytaj dalej Co nieco o soft delete przy użyciu Node.js i MongoDB

Web developer – pytania rekrutacyjne cz. 2

Oto już drugi wpis na moim blogu zawierający zestaw pytań rekrutacyjnych na stanowisko Web Developera. Tak samo jak w poprzednim wpisie pytania pochodzą z fefaq.pl – bazy z pytaniami rekrutacyjnymi tworzonej przez społeczność. Jeśli nie zapoznałeś/aś się jeszcze z poprzednim artykułem o tej tematyce to zachęcam do nadrobienia zaległości: Web developer – pytania rekrutacyjne cz. 1. Tak jak w poprzednim wpisie poznasz 10 pytań wraz z odpowiedziami i objaśnieniami. Wpis ten jest jednym z serii … Czytaj dalej Web developer – pytania rekrutacyjne cz. 2

Wyrażenia regularne w JavaScript

Na samym początku należy odpowiedzieć na pytanie: Czym są wyrażenia regularne? Otóż, wyrażenie regularne jest swego rodzaju wzorcem, który umożliwia sprawdzenie, czy dana wartość zgadza się ze zdefiniowanym wzorcem. Wyrażenia regularne nazywane są inaczej RegExpami lub regexami – nazwy te pochodzą z języka angielskiego od Regular Expression. W tym artykule oprócz samych wyrażeń omówię też metody służące do szukania pewnych wzorców w tekstach, gdyż są to tematy powiązane. … Czytaj dalej Wyrażenia regularne w JavaScript

Web developer – pytania rekrutacyjne cz. 1

Jedną z części rozmowy kwalifikacyjnej są pytania techniczne. W tym artykule przedstawię ci 10 pytań rekrutacyjnych, jakie możesz usłyszeć wraz z odpowiedziami na nie. Pytania dotyczą głównie HTML’a, CSS’a oraz JavaScriptu i tematów związanych z tworzeniem stron i aplikacji internetowych. Pytania zaczerpnąłem z portalu fefaq.pl – bazy z pytaniami rekrutacyjnymi tworzonej przez społeczność. Sama idea niesamowicie mi się podoba i jeśli usłyszałeś na rozmowie pytanie, którego nie ma w tej bazie, to serdecznie zachęcam do uzupełnienia … Czytaj dalej Web developer – pytania rekrutacyjne cz. 1

Omówienie funkcji call, bind i apply

W tym artykule omówimy kilka podstawowych funkcji, które możemy wykorzystać programując w JavaScript. Funkcje te to: Function.prototype.call() Function.prototype.apply() Function.prototype.bind() Teraz przejdę do omówienia każdej z poszczególnych funkcji wraz z przykładami, które powinny Ci w prosty i przystępny sposób zobrazować ich działanie. Funkcja call() Całość działania funkcji call() opiera się o słowo kluczowe this. Pierwszym parametrem jakim podajemy jest odwołanie się do elementu, który będzie przekazywał this. W kolejnych … Czytaj dalej Omówienie funkcji call, bind i apply

Validacja w Express.js z pomocą express-validator

Przede wszystkim, czym jest validacja i do czego jej potrzebujemy? Validacją nazywamy szereg czynności polegający na sprawdzeniu zgodności z danymi schematami i wytycznymi, a także naszymi oczekiwaniami i przewidywaniami. Programiści validację stosują najczęściej do sprawdzania poprawności danych wejściowych. Moim subiektywnym zdaniem sprawdzanie poprawności otrzymywanych danych jest absolutną koniecznością jeśli chcemy aby nasza aplikacja działała poprawnie. Gdzie wykonywać validację? Czynność tą powinniśmy wykonywać zarówno po stronie … Czytaj dalej Validacja w Express.js z pomocą express-validator

Kopiowanie obiektów w JavaScript

To nie takie proste Dla osoby dopiero zaczynającej swoją przygodę z JavaScriptem temat pozornie może być banalny. „Na chłopski rozum” wystarczyłoby przypisać nowej zmiennej wartość starej zmiennej i powinno działać. Zatem spróbujmy: const myObject = { name: „John” } const newObject = myObject; console.log(myObject); console.log(newObject); console.log(myObject === newObject); Działa! Jednakże, gdyby kopiowanie obiektów było aż tak proste, to nie powstałby ten artykuł. Dokonajmy małej … Czytaj dalej Kopiowanie obiektów w JavaScript

Seedery w Node.js

Czym tak w ogóle są seedery? Tworząc aplikację bardzo często zachodzi potrzeba pracy na danych. Oczywiście nic nie stoi na przeszkodzie, abyśmy uruchomili pokłady swojej wyobraźni i wpisywali do bazy danych testowe rekordy. Niemniej jednak jest to mało produktywne zajęcie. Nie wspominam nawet o tym, że takich rekordów często potrzeba dziesiątki, setki a nawet i czasem tysiące. W tem miejscu z pomoca przychodzą nam seedery, czyli specjalne funkcje pozwalające nam … Czytaj dalej Seedery w Node.js

Podstawy pracy z npm

Czym jest npm? Npm jest menedżerem pakietów dla języka JavaScript. Pakiety te są tworzone przez społeczność a ich liczba w momencie pisania tego artykułu wynosiła około 700 000. Alternatywą dla npm jest Yarn, jednakże nigdy go nie używałem, więc nie będę się o nim wypowiadał. Instalacja Instalacja npm jest banalna. Wchodzimy na stronę nodejs.org i pobieramy Node.js – menedżer pakietów jest domyślnie dystrybuowany właśnie z nim. … Czytaj dalej Podstawy pracy z npm