Jesienna układanka – jak napisać prostą grę w jQuery

We wcześniejszych wpisach pokazywałem już jak napisać prostą grę w jQuery, popularnym javascriptowym frameworku. Przykładem może być moja gra tekstowa lub wariacja na temat space invaders. Fakt, jQuery nie sprawuje się tak dobrze jak canvas. Ma znacznie uboższe możsliwośći animacji. Jest jednak, w moim mniemaniu, mniej skomplikowane i do prostych gier nadaje się idealnie.

Weekendowy spacer w lesie zainspirował mnie do stworzenia takiej właśnie prostej gry – układanki. Celem jest ułożenie elementów w odpowiedniej kolejności, tak aby pokazywały zdjęcie. Najlepiej zrobić to w jak najkrótszym czasie. Sprawa jest o tyle trudna, że można przesuwać tylko po jednym klocku jeśli akurat obok niego jest wolne miejsce. Elementy można przesunąć klikając na nich. Gra daje również możliwość wyboru poziomu zaawansowania. Dostępne są poziomy: „łatwy”, „średni” i „trudny”. Po ułożeniu zdjęcia, gra wyświetla wynik, czyli czas jaki zajęło graczowi ukończenie układanki.

Jak napisać prostą grę w jQuery Czytaj dalej Jesienna układanka – jak napisać prostą grę w jQuery

„Świat poza jQuery Biblioteki: AngularJS, KnockoutJS, BackboneJS” – Recenzja

W dzisiejszym poście chciałbym przedstawić swoje wrażenia po przeczytaniu Świat poza jQuery Biblioteki: AngularJS, KnockoutJS, BackboneJS autorstwa Karola Rogowskiego. Książka została wydana przez wydawnictwo PWN.

jQuery jest bezsprzecznie jednym z najczęściej wykorzystywanych bibliotek JavaScriptu. Jednak od jakiegoś czasu można zauważyć wzrost popularności innych frameworków. Trudno znaleźć dziś ofertę pracy we front-endzie, która nie wymagałaby znajomości np. Angulara. Nie ma się co dziwić, te frameworki często okazują się bardzo pomocne.

Technologie sieciowe rozwijają się bardzo szybko. Strony internetowe już dawno przestały być statycznymi wizytówkami, a stały się pełnoprawnymi aplikacjami, mogącymi spokojnie konkurować z tymi tworzonymi dla środowiska desktopowego. Oczywiście, wraz ze wzrostem złożoności stron internetowych, wzrósł czas pracy nad nimi oraz poziom wymaganych do tej pracy umiejętności. I tu wracam do wspomnianych już frameworków. Dzięki nim, tworzenie aplikacji internetowych, staje się dużo prostsze i mniej czasochłonne. Ale nie oznacza to, że stało się proste. Wciąż wymagany jest dość konkretny poziom umiejętności. Kiedy doda się do tego jeszcze zarządzanie projektem, automatyzacje zadań, testowania itd. Okazuje się że wciąż wymagany jest dość duży pakiet umiejętności. Jak to ugryźć? Od czego zacząć? Nie ma na to pytanie jednej dobrej odpowiedzi, dróg jest wiele. Jedną z nich jest na pewno książka Świat poza jQuery Biblioteki: AngularJS, KnockoutJS, BackboneJS.

poza jQuery Biblioteki: AngularJS, KnockoutJS, BackboneJS Czytaj dalej „Świat poza jQuery Biblioteki: AngularJS, KnockoutJS, BackboneJS” – Recenzja

JSON i AJAX – przykład wykorzystania

Dziś dość krótki wpis. Tak jak obiecałem w ostatnim poście, tym razem przygotowałem pseudo aplikację wykorzystującą JSON. Użyłem też AJAXa, czyli asynchronicznego ładowania danych na stronie. JSON i AJAX to technologie, które zazwyczaj występują w parze, ponieważ świetnie do siebie pasują. Jakby tego wszystkiego było mało, dla dodania aplikacji wiarygodności, zbudowałem również prosty back-end stworzony w PHP. Mam nadzieję, że udało mi się osiągnąć wynik, który zilustruje jak wszystko pięknie ze sobą współgra.

Działanie aplikacji jest bardzo proste. Po podaniu przez użytkownika odpowiedniego loginu i hasła serwer przesyła dane konta, które zostają wyświetlone w oknie przeglądarki. Tutaj można, zobaczyć to na żywo.

JSON i AJAX Czytaj dalej JSON i AJAX – przykład wykorzystania

JSON dla początkujących, i kompletnie początkujących

Dziś mała odskocznia od projektów. Dla odmiany poruszę temat łatwy i przyjemny, ale ważny – JSON. Obecnie jest to chyba jeden z najpopularniejszych formatów wymiany danych w środowisku internetowym. Jest lekki, czytelny i prosty w obsłudze, szczególnie dla JavaScriptowców. Dlatego warto wiedzieć czym jest, jak wygląda i przede wszystkim jak go używać.

W tym poście omówię JSON dla początkujących.

JSON dla początkujących Czytaj dalej JSON dla początkujących, i kompletnie początkujących

„HTML 5 i CSS 3 definicja nowoczesności” – Recenzja

Nie muszę chyba nikogo przekonywać, że HTML i CSS to technologie, które każdy front-endowiec znać musi. Bezsprzecznie, są to podstawy podstaw. Nie mamy co zabierać się za jakiekolwiek prace w środowisku webowym, nie znając tych dwóch technologii.

Mimo to dość często ich wartość jest deprecjonowana przez programistów. „HTML? Każde dziecko może się tego nauczyć w jeden wieczór.” I faktycznie, HTML i CSS nie są może tak złożone jak języki programowania, ale wciąż są bardzo ważne. Często lekceważymy te technologie, a jest to niebezpieczne, bo są wciąż rozwijane. Możemy się obudzić z ręką w przysłowiowym nocniku. Nasza wiedza jest byle jaka i nie znamy nowych trendów. Wiem jak to jest, bo sam jestem winny zaniedbywania HTMLa 🙂

Na szczęście są sposoby aby uniknąć takiego losu. Jednym z nich jest sięgnięcie po dobrą książkę opisującą temat. W tym poście chciałbym przedstawić wam taką właśnie książkę. Traktuje ona o HTMLU „piątce” i CSS „trójce” – HTML 5 i CSS 3 definicja nowoczesności autorstwa Dawida Mazura.

HTML 5 i CSS 3 definicja nowoczesności Czytaj dalej „HTML 5 i CSS 3 definicja nowoczesności” – Recenzja

Sortowanie pozycyjne – zastosowanie kolejki w JavaScripcie

Kolejki mają jedno bardzo ciekawe, zastosowanie. Mianowicie, można użyć ich do sortowania danych. Dziś pokażę jak za pomocą implementacji kolejki w JavaScripcie, posortować tablicę liczb, od najmniejszej do największej.

Sortowanie, o którym piszę, to sortowanie pozycyjne. Jest ono dość nietypowe, ponieważ w ciągu przebiegu całego algorytmu, ani razu nie porównuje żadnych wartości. W takim razie, jak to działa? Odpowiedź jest prosta – kolejki 🙂

sortowanie pozycyjne Czytaj dalej Sortowanie pozycyjne – zastosowanie kolejki w JavaScripcie

Struktury danych w JavaScripcie – Kolejka

Odstawiam na razie tematykę gier i wracam do serii artykułów o strukturach danych. Pewien czas temu przedstawiłem javascriptowa implementacje stosu, teraz przyszła pora na kolejna strukturę – kolejkę.

Kolejka jest używana w bardzo wielu sytuacjach jeśli chodzi o działanie komputera, od bardzo nisko poziomowej obsługi procesów, po zarządzanie takimi sprawami jak kolejność drukowania stron przez drukarkę.

Kolejka Czytaj dalej Struktury danych w JavaScripcie – Kolejka

HTML5: Zabawa z canvas – odbijające się kulki

Już prawie jesień a na dworze cały czas upały. Mimo, że atmosfera nie sprzyja pracy, najwyższy czas na kolejny wpis. Tym razem krótka notka o tworze, który powstał w wyniku zabawy z canvas, elementem graficznym HTML5.

Oto Kulki.

kulki canvas Czytaj dalej HTML5: Zabawa z canvas – odbijające się kulki

Funkcje: Tworzenie funkcji w JavaScripcie

W mojej karierze pracy z JavaScriptem nic, nie było dla mnie tak mgliste i mylące jak mnogość sposobów na stworzenie nowej funkcji. Najgorsze było to, że żadna z książek, które czytałem, nie wyjaśniała definitywnie tego tematu. Internet, też nie był zbyt pomocny, zresztą, nie wiedziałem nawet jak pytać o ten problem googla.

Teraz już wiem na co zwracać uwagę i rozumiem, że wiedza ta jest bardzo ważna. W tym poście opiszę sposoby na tworzenie funkcji w JavaScripcie. Czym różnią się między sobą i które są dobre, a które niekoniecznie. Jak zawsze wszystko zilustrujemy przykładami.

Tworzenie funkcji w JavaScripcie Czytaj dalej Funkcje: Tworzenie funkcji w JavaScripcie

Wykorzystanie implementacji stosu w JavaScripcie

W dzisiejszym wpisie, przedstawię sposoby na wykorzystanie implementacji stosu do zmiany zapisu liczb z dziesiętnych na dwójkowy oraz na sprawdzanie poprawności zapisu nawiasów. Użyję klasę Stack, którą przedstawiłem, w poprzednim poście.

stosss
Czytaj dalej Wykorzystanie implementacji stosu w JavaScripcie