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.

Witam w kolejnym wpisie z cyklu "egzamin MCSD: 70-480"! W odcinku dzisiejszym zajmiemy się tematem konsumowania danych w języku JavaScript. Zgodnie z tym co napisane jest na temat wymagań na stronach Microsoftu, w poście niniejszym powinniśmy zająć się takimi zagadnieniami jak konsumowanie danych w formacie JSON oraz XML; pobieranie danych z webservice'ów; ładowanie danych z innych źródeł za pomocą obiektu 'XMLHTTPRequest'. Postaram się więc poruszyć te zagadnienia podpierając się przykładami kodu. Zapra...

Opis najważniejszych właściwości języka TypeScript.

Dzisiejszy wpis, jak można się domyślić po przeczytaniu jego tytułu, ponownie poświęcony będzie językowi JavaScript, a konkretniej wykorzystaniu i implementacji funkcji typu "callback". Jak zwykle, post traktować będzie o zagadnieniach podanych na stronach Microsoftu, dotyczących właśnie tego celu egzaminacyjnego. A zatem, poznamy dziś zagadnienie odbierania wiadomości z HTML5 WebSocket API; dowiemy się w jaki sposób użyć jQuery (stąd obrazek towarzyszący nagłówkowi posta ;)) do wykonania wywołania async...