Nowoczesne testowanie kodu w JavaScript. Część Pierwsza – Setup

Testowanie kodu jest ważne. Wiem, że moje dotychczasowe projekty nie są może najlepszym przykładem jeśli o to chodzi, ale uwierzcie mi, w pracy zdarza mi się tworzyć, aż nadto (jak na mój gust) testów 🙂 . Jako programiści, często chcemy pominąć ten etap tworzenia oprogramowania, w końcu są testerzy. To Błąd. Pisanie testów to także odpowiedzialność twórcy kodu. Często wydaje się to żmudną, spowalniającą progres pracą ale, tu znów musicie mi uwierzyć na słowo, warto to robić.

Dzisiejszy post to pierwsza część dłuższej serii na temat testowania kodu tworzonego w JavaScripcie. Już wcześniej zdarzyło mi się popełnić kilka wpisów na temat testowania. Tym razem podejdę do tematu trochę ogólniej, będę omawiał testowanie kodu z punktu widzenia developera. Będę poruszał takie kwestie jak testy jednostkowe, testy end-to-end, testy pokrycia oraz wiele innych.

Nowoczesne testowanie kodu w JavaScript Czytaj dalej Nowoczesne testowanie kodu w JavaScript. Część Pierwsza – Setup

TypeScript – pierwsze kroki. Dekoratory metod.

W zeszłym roku przedstawiłem na blogu większość mechanizmów działania TypeScriptu. Do omówienia została mi jeszcze jedna rzecz – Dekoratory. Jest to zdecydowanie bardziej zaawansowany aspekt języka, ale i tak nie powinien być trudny do pojęcia. Nawet jeżeli na początku idea dekoratorów będzie wydawać się skomplikowana, uważam, że warto poświęcić trochę energii na zrozumienie tego zagadnienia.

TypeScript daje możliwość korzystania z kilku rodzajów dekoratorów, ja dziś przedstawię jeden z nich – dekoratory metod. Powinien idealnie sprawdzić się jako wstęp do tematu.

Programowanie TypeScript Dekoratory Metod Czytaj dalej TypeScript – pierwsze kroki. Dekoratory metod.

Sails.js – Tworzenie kontrolera api w sails.js

W architekturze MVC (Model View Controller) kontroler to fragment kodu, który przyjmuje dane i konwertuje je odpowiednio dla widoku lub dla modelu. W wielkim uproszczeniu, można powiedzieć, że to klej łączący dwa pozostałe elementy 🙂 . Kontroler wysyła komunikaty oraz polecenia do modelu i widoku aby zmienić lub zaktualizować ich stan.

W poprzednim wpisie przedstawiłem sposób na połączenie aplikacji sails.js z bazą danych SQL. Już w tym przykładzie program wykorzystywał kontrolery. Jednak ponieważ były to domyślne mechanizmy działające w „bebechach” sailsa, nie było to dla nas widoczne,. Odpowiadały one za zaktualizowanie bazy danych po wysłaniu odpowiedniego requesta. W dzisiejszym poście pokażę jak w sails tworzyć własne kontrolery.

Tworzenie kontrolera api w sails.js Czytaj dalej Sails.js – Tworzenie kontrolera api w sails.js

Vue.js – wprowadzenie. Dodawanie metod do komponentów.

Na blogu opisywałem już jak wzbogacać pisaną aplikację Vue o własne metody. Pisałem już też jak do takiej aplikacji dodawać gotowe komponenty, które można używać wielokrotnie. W tym wpisie połączę te dwa tematy.

Zademonstruję dziś jak wzbogacać tworzone komponenty o własne metody. Takie interaktywne kawałki widoku to bardzo naturalne połączenie. Przy okazji zademonstruję też dodatkowy sposób na definiowanie templatów komponentów.

Vuejs Dodawanie metod komponentów Czytaj dalej Vue.js – wprowadzenie. Dodawanie metod do komponentów.

TypeScript – pierwsze kroki. Dodawanie do projektu zewnętrznych modułów.

W ostatnich postach na temat TypeScript, opisałem jak korzystać z modułów. Nie będę po raz kolejny wymieniał zalet płynących z korzystania z tego mechanizmu podczas tworzenia programów. Powinno to być już dość oczywiste 🙂 .

Jeśli jednak nie jest to jeszcze oczywiste dla wszystkic, to na pewno ten post pomoże to zrozumieć. Dziś zajmę się zagadnieniem dodawania do projektu modułów zewnętrznych.

Programowanie TypeScript zewnętrzne moduły Czytaj dalej TypeScript – pierwsze kroki. Dodawanie do projektu zewnętrznych modułów.

Vue.js – wprowadzenie. Metody.

Przy okazji tworzenia swojej pierwszej aplikacji w Vue, opisałem dostarczany przez tę bibliotekę mechanizm metod. Mechanizm ten pozwala na definiowane w modelu widoku funkcji, które następnie bardzo łatwo dodać do samego widoku.

Dziś dokładniej przyjrzymy się tej funkcjonalności. Definiowanie metod jest raczej dość proste, jednak myślę że warto poświęcić im osobny wpis. Jestem pewny, że znajomość tego zagadnienia szybko okaże się bardzo przydatna.

vue js wprowadzenie metody Czytaj dalej Vue.js – wprowadzenie. Metody.

TypeScript – pierwsze kroki. Moduły w TypeScript. Część druga.

W poprzednim wpisie pokazałem jak w łatwy sposób dodawać do projektu TypeScriptowe moduły. Na koniec wspomniałem jednak, że istnieją inne, czasem lepsze, podejścia do tego tematu.

Dziś pokażę sposób na zarządzanie modułami, który uważam za najciekawszy. Nie dość, że korzysta on z nowoczesnej składni EcmaScript6, to sprawdza się naprawdę dobrze niezależnie od specyfiki projektu.

TypeScript programowanie obiektowe Czytaj dalej TypeScript – pierwsze kroki. Moduły w TypeScript. Część druga.

Vue.js – wprowadzenie. Komponenty część druga.

Ostatnim razem opisałem podstawy projektowania komponentów w aplikacjach budowanych za pomocą biblioteki Vue. Myślę, że udało si mi pokazać, że mechanizm ten daje ogromne możliwości oraz, że warto go poznać.

Dziś pociągnę temat dalej i przedstawię sposoby na to jak całkowicie oddzielić komponenty od instancji Vue. Kolejnym krokiem będzie dynamiczne dostarczanie danych dla komponentów, co jeszcze bardziej ożywi budowane aplikacje.

Vue js komponenty Czytaj dalej Vue.js – wprowadzenie. Komponenty część druga.

Sails.js – konfiguracja bazy danych SQL.

W ostatnim wpisie pokazałem jak zainstalować framework sails.js i jak stworzyć nowy projekt. Dziś kontynuuję temat konfiguracji środowiska sails. Do aplikacji zbudowanej w sailsach dodam API komunikujące się z tabelą w bazie danych SQL.

Zazwyczaj do w projektach aplikacji webowych potrzebna jest jakaś forma przechowywania danych. W tym wpisie pokażę jak dzięki prostym mechanizmom sails możemy szybko połączyć tworzoną apkę z relacyjną bazą danych SQL. Zapraszam do lektury.

Sails js konfiguracja bazy danych SQL Czytaj dalej Sails.js – konfiguracja bazy danych SQL.

TypeScript – pierwsze kroki. Moduły w TypeScript. Część pierwsza.

W ostatnim wpisie przedstawiłem temat przestrzeni nazw w TypeScript. Jednak prawda jest jednak taka, że przestrzenie nazw używane są rzadko. Dużo częściej korzysta się z mechanizmu modułów.

W dzisiejszym poście pokaże jak stawiać pierwsze kroki właśnie w świecie modułów TypeScript. Zapraszam do lektury.

Moduły w typescript Czytaj dalej TypeScript – pierwsze kroki. Moduły w TypeScript. Część pierwsza.