JavaScript, HTML, CSS, TypeScript, Node.js, React.js, Angular, ReasonML
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Po poprzednich wpisach wiele osób pytało mnie, w jaki sposób automatycznie wrzucać ich aplikacje z repozytorium GitHub na hosting używając SSH (SFTP) w Buddy.works. Czy w ogóle jest to możliwe? Oczywiście! A Buddy znacznie to ułatwia dzięki predefiniowanej akcji. Poniższy artykuł powstał we współpracy z Buddy.works. Deploy przez SSH SSH to „Secure Shell” i służy do zdalnego łączenia się z komputerami, a w naszym konkretnym przypadku z serwerem. Można go …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Znajomość podstawowych struktur danych takich, jak tablica czy lista, jest w środowisku akademickim uważana za wiedzę podstawową w programowaniu. Czy tak jest naprawdę? Moim zdaniem nie jest to absolutnie niezbędne do codziennego klepania kodu. Mimo to, warto jednak poznać różnorodne struktury danych, gdyż ta wiedza może mieć wpływ na nasze decyzje odnośnie implementacji i postrzegania problemów algorytmicznych. Co to jest struktura danych? Struktura danych (data …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Automatyczne uruchamianie testów w Buddy.works Jednym z najbardziej potrzebnych elementów tworzenia niezawodnych aplikacji jest pisanie testów i ich automatyczne uruchamianie po stworzeniu Pull Requesta. W tym artykule pokazuję, jak łatwo skonfigurować w tym celu Buddy.works tak, aby automatycznie uruchamiał testy jednostkowe i testy integracyjne. Poniższy artykuł powstał we współpracy z Buddy.works. Testy jednostkowe, testy integracyjne Jako przykładowy projekt wezmę moją …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Ustawienie narzędzi do Continuous Integration i Continuous Delivery nierzadko odstrasza nawet zaawansowane osoby. Nie dziwię się! Pisanie plików konfiguracyjnych w YML do najprzyjemniejszych nie należy. W tym wpisie pokazuję ciekawą alternatywę: jak łatwo wyklikać Continuous Integration w Buddy.works na przykładzie aplikacji React.js i GitHub Pages! Poniższy artykuł powstał we współpracy z Buddy.works. Continuous Integration i GitHub Pages Pod wpisem dotyczącym wrzucania React.js na GitHub Pages …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… ReactiveConf 2019 ponownie w czeskiej Pradze. Jak obiecałem, tak zrobiłem i pojechałem na tę konferencję poświęconą tematom takim, jak: JavaScript, React, Vue, Angular, Programowanie Reaktywne, TypeScript i innym. Czy było warto? ReactiveConf Na Reactive Conference pojechałem po raz trzeci. Dwa lata temu w Bratysławie byłem absolutnie zachwycony organizacją, a w roku ubiegłym, już w Pradze, też było świetnie! Tegoroczna edycja jednak jest dla …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Przez ostatnie kilka lat pracy w branży poznałem wiele różnych narzędzi do Continuous Integration (CI) i Continuous Delivery (CD). Sądziłem, że już nic nie będzie w stanie mnie zaskoczyć i nic nie będzie łatwiejsze, bo niby co dałoby się tutaj uprościć? Otóż, myliłem się. Poznajcie Buddy.works! Poniższy artykuł powstał we współpracy z Buddy.works. Co to jest Buddy? Buddy reklamuje się hasłem Get …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Często w algorytmicznych zadaniach rekrutacyjnych można natrafić na wymagania dotyczące pojęć takich, jak złożoność obliczeniowa lub złożoność pamięciowa algorytmów. Ale co to oznacza? W tym wpisie wyjaśniam, o co chodzi z notacją „duże O” O(n). Od prostego wytłumaczenia dla laików, po formalny opis. Zaczynajmy! Przykład zadania ze złożonością obliczeniową Na pytanie o złożoność obliczeniową i złożoność pamięciową algorytmów można natrafić na portalach typu Codility. …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Czasami zdarza mi się leżeć w nocy i zastanawiać się nad tym, jak niewiele potrafię. Jest cienka, ale bardzo ważna granica pomiędzy skromnością i dostrzeganiem swoich braków, a poczuciem, że wszystko, co wiem jest bezwartościowe. Czasami sam nie wiem, po której stronie stoję. Przypomina Ci to coś? Czy to już syndrom oszusta? Syndrom oszusta Syndrom oszusta to zjawisko psychologiczne powodujące brak wiary w swoje osiągnięcia. …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Czasami zdarza mi się leżeć w nocy i zastanawiać się nad tym, jak niewiele potrafię. Jest cienka, ale bardzo ważna granica pomiędzy skromnością i dostrzeganiem swoich braków, a poczuciem, że wszystko, co wiem jest bezwartościowe. Czasami sam nie wiem, po której stronie stoję. Przypomina Ci to coś? Czy to już impostor syndrome — syndrom oszusta? Syndrom oszusta Syndrom oszusta to zjawisko psychologiczne powodujące brak wiary …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Jak zadawać pytania? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Problem z funkcjami Weźmy prosty komponent, w którym tworzony jest callback handleClick przekazywany jako props dalej: function MyComponent({ oneProp, anotherProp }) { …
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Problem z funkcjami Weźmy prosty komponent, w którym tworzony jest callback handleClick przekazywany jako props dalej: function MyComponent({ oneProp, anotherProp }) { …
JavaScript, HTML, CSS, TypeScript, Node.js, React.js, Angular, ReasonML
Michał jest programistą JavaScript z wieloma latami profesjonalnego doświadczenia. Organizator meet.js Summit i meet.js Gdańsk. Bloger na typeofweb.com, a okazyjnie także prelegent.