Nowoczesne testowanie kodu w JavaScript. Część Trzecia – Pokrycie kodu testami.

Tym razem napiszę o trochę innym aspekcie testowania, o sprawdzaniu jak wygląda pokrycie testami tworzonego przez programiste kodu. Polega to mniej więcej na obliczaniu przy pomocy odpowiedniego narzędzia, ile razy każda linijka testowanego kodu została wywołana podczas przeprowadzania testów.

Cel mierzenia tego typu danych, może nie być od razu oczywisty, ale uwierzcie mi, jest to bardzo przydatne, szczególnie jeżeli nasza aplikacja coraz bardziej się rozrasta. Dzięki testom pokrycia możemy wykryć nie tylko te fragmenty kodu, które nie zostały przetestowane, ale też na przykład te, które są niepotrzebnie testowane kilka razy.

Pokrycie kodu w JavaScript Es6 Czytaj dalej Nowoczesne testowanie kodu w JavaScript. Część Trzecia – Pokrycie kodu testami.

Nowoczesne testowanie kodu w JavaScript. Część Druga – Podstawowe Testy Jednostkowe

W ostatnim, krótkim wpisie pokazałem jak szybko skonfigurować minimalistyczne środowisko do testowania JavaScriptowego kodu. Przygotowałem tam wszystko co jest potrzebne do pisania podstawowych testów jednostkowych.

Dziś pokażę jak, wykorzystując Moche i Chai, napisać kilka takich podstawowych testów. Zastosuje bardzo modną niegdyś metodologię TDD, czyli Test Driven Development. Już jakiś czas temu pisałem na łamach bloga o tej metodologii, więc dziś nie będę się już rozwodził na ten temat. W skrócie, metodologia ta cechuje się tym, że programy zaczynamy pisać od testów.

Testy jednostkowe JavaScript Czytaj dalej Nowoczesne testowanie kodu w JavaScript. Część Druga – Podstawowe Testy Jednostkowe

Funkcje grubo-strzałkowe czyli fat arrow functions w JavaScript

Mamy rok 2017 i okazuje się, że wiele rozwiązań z ES6, którymi jeszcze niedawno uznawałem za nowości, weszły do codziennego użycia. Blokowy zakres zmiennych, stałe, domyślne parametry, łatwe manipulowanie literałami łańcuchów znaków i wiele innych ficzerów, widzę cały czas w pisanym przez siebie kodzie.

Już nie tylko środowisko node, bez problemu interpretuje najnowsze standardy. Co raz lepsze wsparcie dla ES6 posiadają także przeglądarki. Tam gdzie tego wsparcia nie ma, można skorzystać z wielu narzędzi, które pozwalają obejść tę niedogodność. Suma sumarum, standard ES6 trzeba znać i stosować, bez wymówek. Właśnie dlatego dzisiejszy post poświęcę jednemu z ficzerów es6, fat arrow function, czyli funkcjom o puszystych strzałkach 🙂

javascript arrow functions Czytaj dalej Funkcje grubo-strzałkowe czyli fat arrow functions w JavaScript

TypeScript – pierwsze kroki. Przygotowanie środowiska pracy.

W ostatnim poście przedstawiłem czym jest i jakie zalety ma język typescript. Mam też nadzieję, że udało mi się zainteresować was tym językiem. Wiem, że samego typescriptu nie pokazałem jeszcze nic, ale możecie być spokojni, będzie.

Dziś jednak zajmę się czymś innym. Rozpoczęcie pracy z TSem, może i nie jest specjalnie trudne, ale jest parę rzeczy, które warto przygotować zawczasu. Oszczędzi to kłopotów w przyszłości. Dziś pokażę jak przygotować środowisko pracy do pierwszego projektu TypeScritptowego.

typescript pierwsze kroki Czytaj dalej TypeScript – pierwsze kroki. Przygotowanie środowiska pracy.

Gulp dla początkujących. Część druga.

W dzisiejszym poście pociągnę zagadnienie gulpa. Jeśli nie czytałeś/czytałaś pierwszego wpisu z tej serii, zrób to teraz, gdyż to co ten wpis jest bezpośrednią kontynuacją.

Ostatnim razem przedstawiłem podstawy zarządzania gulpem. Pokazywałem jak stworzyć podstawowe zadania z użyciem tego narzędzia. Dziś opiszę dwa dodatkowe, równie przydatne, mechanizmy.

Gulp Jak zacząć Czytaj dalej Gulp dla początkujących. Część druga.

Gulp dla początkujących

Przy okazji tworzenia gry tekstowej w angularze, wspomniałem o narzędziu gulp. Wykorzystywałem je do automatyzacji pewnych czynności związanych z budowaniem projektu.

Nie objaśniałem wtedy dokładnie jak korzystać z gulpa. Obiecałem jednak, że zrobię to innym razem. W dzisiejszym wpisie zajmę się właśnie tym tematem.

gulp dla poczatkujacych Czytaj dalej Gulp dla początkujących

StrefaKursów.pl – „Kurs Node.js – dynamiczne aplikacje” – Recenzja

Niedawno zmieniłem pracę. Na moim nowym stanowisku będę programował używając JavaScriptu, ale w firmie używa się też sporo Javy. Ponieważ z tym językiem nie miałem zbyt wiele wspólnego postanowiłem się podszkolić. Nie chcę odstawać od reszty programistów 🙂 .

Nie uśmiechało mi się kupowanie kolejnej książki, bo A) mam ich już i tak za dużo i B) przerobienie książki często jest czasochłonne a ja potrzebowałem wiedzy szybko. Szukając alternatywy trafiłem na wydawnictwo Strefa Kursów. Nigdy wcześniej nie miałem styczności ani z nimi ani z ich produktami, ale kurs Javy, który posiadają w swojej ofercie wydawał się być atrakcyjny. Skusiłem się, a ponieważ nie był drogi, z rozpędu dobrałem jeszcze kurs Node.js.

Strefa kursów Kurs Node js recenzja Czytaj dalej StrefaKursów.pl – „Kurs Node.js – dynamiczne aplikacje” – Recenzja

JS Platformer – Lepszy przewijający ekran gry

Ciąg dalszy korzystania z wolnego weekendu. Dziś przede wszystkim skupiłem się na wspomnianym ostatnio ulepszeniu ekranu gry. To nie jest jednak jedyna zmiana. Posprzątałem trochę kod, wyrzuciłem trochę bugów, znalazłem trochę bugów… czyli, ciekawe czasy 🙂

javascript noob tworzenie gier platformowych Czytaj dalej JS Platformer – Lepszy przewijający ekran gry

JS Platformer – wstępna architektura projektu

Mam już ogólny zamysł tego jak będzie wyglądać moja gra platformowa. Stworzyłem podstawowy prototyp, z którego jestem zadowolony i na bazie tego właśnie prototypu, będę dalej rozwijał swój projekt.

Trochę posprzątałem w tym prototypie i myślę, że w obecnym stanie gra jest gotowa aby zacząć pracować nad nią dalej. w dzisiejszym poście, przedstawię podstawową architekturę, mojego projektu oraz objaśnie działanie jego konkretnych elementów.

JS Platformer - wstępna architektura projektu Czytaj dalej JS Platformer – wstępna architektura projektu

Asynchroniczność w JavaScript dla początkujących

Tematem dzisiejszego posta jest asynchroniczność w JavaScript. Brzmi jak coś bardzo skomplikowanego, prawda? Jak zwykle, to tylko pozory. Tak naprawdę, asynchroniczność to prosta ale ważna idea.

Każdy kto pisał kod dla front-endu, pewnie spotkał się już z wywołaniami asynchronicznymi. Pobieranie plików z serwera AJAXem odbywa się właśnie w taki sposób. Korzystanie z JS’a po stronie serwera, często również wymaga sporo wywołań asynchronicznych. Ale na czym to w ogóle polega?

Asynchroniczność w JavaScript dla początkujących Czytaj dalej Asynchroniczność w JavaScript dla początkujących