Dziś zajmę się kolejnym wzorcem projektowym. Tym razem będzie to wzorzec polecenia. Jak w przypadku poprzednich wzorców, ze względu na prototypową naturę JavaScriptu, implementacja ta będzie trochę odbiegała od oryginału.
Udało mi się jednak uzyskać tę samą funkcjonalność a to pozwoli zobaczyć korzyści płynące ze takie podejścia do niektórych problemów.
Od ostatniego razu, trochę popracowałem nad moją aplikacją napisaną z użyciem Vue.js. Muszę przyznać, że praca z tą biblioteką daje mi dużo radości 🙂 .
W aplikacji, mogę teraz odhaczać te elementy, które uznam za wykonane. Ten dodatek nie jest może specjalnie duży, ale do jego wprowadzenia użyłem nowych mechanizmów Vue – filtrów. A o to własnie chodzi żeby nauczyć się czegoś nowego.
Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – część druga.
Jeszcze zostało kilka dni września, może zdążę dostarczyć grę miesiąca na czas 🙂 . Będzie to na pewno wyzwanie, ponieważ postanowiłem tym razem odejść od Phasera, którego znam już prawie na wylot.
Postanowiłem wykorzystać projekt Gra Co miesiąć, aby podciągnąć swoje umiejętności programowania w TypeScript. A właściwie, to żeby w ogóle jakieś umiejętności zdobyć. Póki co moje doświadczenia z TSem były czysto teoretyczne. Czas na trochę praktyki! 🙂
Czytaj dalej GCM – Wrzesień: Gra w TypeScript. Game Loop i prosty mechanizm obsługi stanów.
Ostatnim razem przedstawiłem ideę typów generycznych i pokazałem jak wykorzystywać je w funkcjach. Jednak funkcje to nie jedyne mechanizmy, mające możliwość korzystania z typów generycznych. Funkcjonalność ta może być również wykorzystana przy interfejsach oraz klasach.
W dzisiejszym poście zaprezentuję jak tworzyć interfejsy oraz klasy w połączeniu z typami generycznymi. Ta potężna kombinacja daje programistom TypeScript naprawdę spore możliwości.
Czytaj dalej TypeScript – pierwsze kroki. Interfejsy i klasy generyczne.
Trochę czasu to zajęło, ale w końcu doprowadziłem sierpniową grę do stanu finalnego. Muszę przyznać, jestem bardzo zadowolony z tego jak wyszło. Myślę, że można traktować ją jako naprawdę udany prototyp 🙂 .
Tak naprawdę, oprócz grafiki, nie doszło nic szczególnego. Każdy kto śledził serię sierpniowej gry, powinien być w stanie na podstawie prezentowanego kodu, stworzyć własną grę w podobnym klimacie.
W ostatnim poście przedstawiłem podstawy korzystania z biblioteki Vue.js. Dziś korzystając ze zdobyteh wiedzy napiszę pierwszą, bardzo prostą aplikację.
Oczywiście, samo wiązanie danych z widokiem, nie wystarczy aby zbudować apkę. Dlatego dojdzie dziś trochę nowych informacji, ale nie wiele. Mam nadzieję, że przedstawienie Vue na przykładzie, jeszcze bardziej uwypukli możliwości tej skromnej biblioteki.
Większość podstawowych cech TS’a mamy już za sobą. Nadszedł czas na te naprawdę ciekawe elementy języka. Dziś omówię typy generyczne. Znów, dla weteranów języków klasyczny (java, C#), zagadnienie będzie znajome. Natomiast dla ludzi, którzy przygodę z programowaniem zaczęli od JS’a, idea typów generycznych może wydawać się dziwna i niecodzienna.
Postaram się objaśnić wszystko w miarę klarownie, tak, żeby po lekturze tego posta, nikt nie miał wątpliwości co do tego czym są typy generyczne i jak ich używać.
Nazwa „prototyp” może brzmieć znajomo dla programistów JavaScriptu. Nic dziwnego, w końcu to mechanizm, na którym opiera się cała struktura obiektowości języka. Ale prototypy nie muszą służyć tylko do wprowadzania do kodu dziedziczenia. Czasem oprócz tego, potrzebna jest też możliwość kopiowania, czy też „klonowania” obiektów.
Dziś przedstawię swoją wariację na temat klasycznego wzorca Prototypu. Implementacja ta będzie znacznie uproszczona względem oryginału, ale warto się z nią zapoznać, aby zrozumieć ogólną ideę wzorca prototypu. Kto wie, może akurat przyda się w waszych JSowych programach.
W dzisiejszym wpisie chciałbym pokazać coś nowego. Będzie on zawierać podstawowe informacje o mało znanej, ale szybko zyskującej popularność, bibliotece – Vue.js.
Biblioteka ta pozwala na tworzenie interaktywnych komponentów na stronie WWW. Dzięki niej, można bardzo szybko stworzyć ‚lekką’ i prostą aplikację webową. Do tego, vue.js jest naprawdę proste do poznania. Jeżeli opanowałeś podstawy JS’a, nie będziesz miał żadnego problemu z rozpoczęciem pracy z Vue.
Dziś ostatni, trzeci post z serii opisującej wykorzystanie mechanizmu klas w TypeScript. W poprzednich dwóch omówiłem już podstawowe zagadnienia. Nadszedł czas na sedno tematu czyli dziedziczenie.
Ponad to omówię działanie klas i metod abstrakcyjnych, a na koniec pokażę jak wykorzystać interfejsy do sprawnego zarządzania kodem w tworzonych obiektach.
Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.
