Kategoria: Programowanie

TypeScript – pierwsze kroki. Interfejsy i klasy generyczne.

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.

Programowanie w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Interfejsy i klasy generyczne.

Vue.js – wprowadzenie. Pierwsza aplikacja.

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.

Vue js pierwsza aplikacja Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja.

TypeScript – pierwsze kroki. Typy generyczne.

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ć.

TypeScript Typy generyczne Czytaj dalej TypeScript – pierwsze kroki. Typy generyczne.

Wzorzec Prototypu w JavaScripcie.

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.

Wzorzec prototypu w JavaScripcie Czytaj dalej Wzorzec Prototypu w JavaScripcie.

Vue.js – wprowadzenie. Podstawowe informacje.

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.

Vue.js wprowadzenie Czytaj dalej Vue.js – wprowadzenie. Podstawowe informacje.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

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.

Implementacja klasy w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

W ostatnim poście przedstawiłem podstawowy używania klas ze specyfikacji EcmaScript6 wewnątrz kodu TypeScript’owego. Dziś pociągnę temat i pokażę kolejne dwa przydatne mechanizmy.

Pierwszy z nich to tak zwane gettery i settery, czyli specjalne metody służące do manipulowania zawartościom pół w klasie. Drugi mechanizm to modyfikatory dostępu, dzięki którym w łatwy sposób można oznaczyć pole lub metodę jako prywatne lub publiczne.

Programowanie obiektowe w typescript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.

Kilka postów temu pokazałem jak w TypeScripcie tworzyć własne typy przy użyciu interfejsów i enumeratorów. Teraz czas na to aby stworzyć własny typ przy użyciu klas. Jest to zdecydowanie jeden z najpopularniejszych sposobów na tworzenie typów w TS’ie i chyba jeden z najczęściej używanych mechanizmów w tym języku w ogóle.

Prawda jest taka, że tworzenie klas nie jest cechą unikatową dla TS, a częścią specyfikacji EcmaScript6. Jednak w połączeniu z opcjami, które daje nam TS, klasy stają się naprawdę potężnym narzędziem służącym do tworzenia obiektowego kodu.

Tworzenie klas w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.

TypeScript – pierwsze kroki. Proste ćwiczenie.

Najlepszym sposobem na zrozumienie jakiegoś zagadnienia, jest przestudiowanie przykładów je ilustrujących. W kilku ostatnich postach omówiłem podstawy TypeScriptu. Nadszedł czas, żeby wykorzystać tę wiedzę w bardziej praktycznym kontekście.

Dziś postaram się wykonać i opisać proste ćwiczenie programistyczne, przy użyciu TS’a. Chciałbym wykorzystać najważniejsze funkcje języka, które do tej pory opisałem.

TypeScript przykładowy kod Czytaj dalej TypeScript – pierwsze kroki. Proste ćwiczenie.

Wzorzec Mediator w JavaScripcie.

Jakiś czas temu opisałem jak w JavaScripcie stworzyć prostą implementację wzorca Obserwatora. Dziś pokażę trochę podobny wzorzec, mediator.

Tak jak obserwator, mediator pomaga zorganizować połączenia między obiektami. Jednak w przeciwieństwie do obserwatora, który tworzy wśród obiektów relacje „jeden do wielu”, mediator tworzy mechanizm pozwalający obiektom komunikować się na zasadzie „wielu do wielu”.

Wzorzec Mediator w JavaScripcie Czytaj dalej Wzorzec Mediator w JavaScripcie.