Unit testing client-side of our web applications is a little bit cumbersome: we have Javascript but also move forward to TypeScript. We have plain code without modules or use requirejs to benefit from AMD. For each configuration the setup of unit test project is different. I think having all these samples in one place could help us to start TDD in client-side. All the sample are based on the sample application from my previous posts about unit testing JavaScript. Actually these are not 11 different sampl...

Witajcie w Coding News – serii screencastów, w której omawiam najciekawsze wydarzenia i znaleziska minionego tygodnia.

Witajcie w Coding News – serii screencastów, w której omawiam najciekawsze wydarzenia i znaleziska minionego tygodnia.

Dzisiaj o czymś, z czym spotkałem się podczas niedawnego dewelopmentu. Pewnego razu klient zażyczył sobie, żeby w grupie nakładających się znaczników, klikając w przeglądarce na jeden z nich, grupa rozwijała się automatycznie i widoczne były znaczniki w postaci “ślimaka” lub “słońca”. Po przeszukaniu zasobów Internetu, natknąłem się na Overlapping Marker Spiderfier (oms.js) . Okazało się, że jest to świetne rozwiązanie, z którego oczywiście skorzystałem.

W dzisiejszym wpisie chciałbym zająć się tematyką tworzenia obiektów w języku JavaScript. W związku z tym postaram się przedstawić kilka wzorców i dobrych praktyk związanych z tym tematem, przyjrzę się także pułapkom, na które możemy natrafić. Początkowo chciałem skupić się tylko na tworzeniu własnych konstruktorów ale myślę, że omówienie tutaj również notacji literałowej (zarówno dla tworzenia zwykłych obiektów jak i tablic) będzie dobrym tłem dla tego problemu i pozwoli lepiej poznać dobre praktyki ora...

Routing będzie manipulował naszym adresem (pasek adresu będzie te zmiany odzwierciedlał), będzie zmieniał naszą historię przeglądania. Dzięki temu przecisk “back” będzie działał bez przeładowywania strony. Zmiana adres będzie tylko po stronie clienta, czyli po znaku ‘#’. Oznacza to że takie zmiany adresu nie będą wysyłane do servera.

TL;DR Zobacz filmik "JavaScript: The Good Parts". Jednej rzeczy nigdy za wiele – pisania jak bardzo JavaScript jest “inny”. JavaScript to nie C# ! Tylko składnia jest podobna. To nie wina JS, że działa inaczej niż znany każdemu model obiektowy, to wina programisty, który nie chce wyjść poza strefę komfortu (języki, które już zna).

Currently a huge number of projects is driven by TDD. (...) In average we spend more than 50% of our time developing front-end side of the app (JavaScript etc) but having in mind, that TDD is only applicable to back-end code. As a ReSharper user I’ll show how easy it is to set up a proper solution with another level of unit testing. (..) Let’s pick out the ColorCalculator as the target. This is a “class” that is responsible for calculating color values between RGB and HEX.

Na temat pętli w języku JavaScript pisałem już co nieco w czasie moich przygotowań do egzaminu 70-480, a konkretnie w artykule "Sterowanie przepływem operacji w języku JavaScript". Było to jednak dość ogólne potraktowanie tematu, a dziś chciałbym przyjrzeć się temu bliżej i pokazać jak korzystać z tego elementu języka w sposób jak najbardziej wydajny. W niniejszym poście przyjrzymy się przede wszystkim pętlom "for" oraz "for-in" jako najczęściej stosowane.Pętla for Opisywana pętla służy przede wszystkim...

Ponieważ z knockout.js mam do czynienia od dłuższego czasu (dokładnie od wersji 1.0 ;) ), postanowiłem podzielić się moimi spostrzeżeniami ze tymi, którzy chcą wykorzystać ten framework w swojej pracy, jak również osobami które już go stosują oraz generalnie wszystkim zainteresowanym w pisaniu ustrukturyzowanych skryptów JS.