„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

(WIP) Gra tekstowa RPG w JavaScript i jQuery

I tak oto z popołudniowego dłubania i eksperymentowania z kodem narodził się nowy pomysł – Gra tekstowa RPG. Póki co, projekt jest w powijakach, ale czuję, że może być przy nim sporo zabawy i satysfakcji. Tym razem odchodzę od elementu canvas. Przyczyna: nie ma tu żadnej grafiki. A to dlatego, że tematem projektu jest oldschoolowa gra przygodowa, zwana czasem tekstówką. Tego typu gry, są tak stare, że nawet ja ledwo pamiętam konkretne tytuły 🙂

Przy tworzeniu gry, pomagam sobie biblioteką jQuer. Jest ona nie zastąpiona, jeśli chodzi o manipulowania DOM-em. Wczesna wersja beta gry, do pogrania tutaj.

gra tekstowa RPG Czytaj dalej (WIP) Gra tekstowa RPG w JavaScript i jQuery

HTML 5 Canvas: Snake – wersja kompletna

Jakiś czas temu zaprezentowałem szkic nowego projektu. Moim celem było odtworzenie legendarnej gry z telefonów komórkowych – Snake. Dziś przedstawiam kompletny projekt, wąż napisany w JavaScripcie, przy użyciu elementu canvas.

Gra dostępna pod tym linkiem. A poniżej, jak zwykle, opis kodu.

snake Czytaj dalej HTML 5 Canvas: Snake – wersja kompletna

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

(WIP) HTML5 Canvas: Snake w JavaScript

Stary projekt zakończony, czas na coś nowego. Dalsze zabawy z elementem canvas zaowocowały kilkoma pomysłami. Jednym z tych pomysłów było odtworzenie popularnej niegdyś gry snake.
Oto wyniki mojej pracy.

snake Czytaj dalej (WIP) HTML5 Canvas: Snake w JavaScript

Wariacja o space invaders w JavaScripcie cz. 3 (Ostatnia, wersja niekompletna)

Aż cztery posty o jednym prostym projekcie 🙂 Ale ten post jest (na szczęście?) już ostatni, obiecuję.

W moim początkowym zamyśle, gra ta miała działać w następujący sposób: gracz widzi tylko ten input, który aktualnie musi wpisać, potwierdza przyciskiem, gra reaguje a gracz widzi kolejny.

Długo dłubałem przy tym projekcie (dwie poprzednie wersje to potwierdzają), co rusz dodając coś nowego. Ostatnim dodanym tworem jest prosty system kontrolowania stanów. O tym będzie dzisiejszy post.

space invaders w Javascripcie Czytaj dalej Wariacja o space invaders w JavaScripcie cz. 3 (Ostatnia, wersja niekompletna)

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

Samowywołujące się anonimowe funkcje

Jako uzupełnienie poprzedniego posta chciałem opisać zjawisko samowywołujących się, anonimowych funkcji. Nie jest to do końca taka sama kategoria tworzenia funkcji, jak te o których pisałem wcześniej, ale myślę że mogę ją tu wepchnąć 🙂 Temat jest dość zaawansowany, szczególnie to jak możemy takie funkcje wykorzystać. Nie oznacza to jednak, że są to rzeczy niezrozumiałe.

Postaram się, jak zawsze, opisać wszystko w miarę przystępnie i podać jasne przykłady.

Samo-wywołujące się anonimowe funkcje Czytaj dalej Samowywołujące się anonimowe funkcje

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