Vue.js – wprowadzenie. Dodawanie metod do komponentów.

Na blogu opisywałem już jak wzbogacać pisaną aplikację Vue o własne metody. Pisałem już też jak do takiej aplikacji dodawać gotowe komponenty, które można używać wielokrotnie. W tym wpisie połączę te dwa tematy.

Zademonstruję dziś jak wzbogacać tworzone komponenty o własne metody. Takie interaktywne kawałki widoku to bardzo naturalne połączenie. Przy okazji zademonstruję też dodatkowy sposób na definiowanie templatów komponentów.

Vuejs Dodawanie metod komponentów Czytaj dalej Vue.js – wprowadzenie. Dodawanie metod do komponentów.

TypeScript – pierwsze kroki. Dodawanie do projektu zewnętrznych modułów.

W ostatnich postach na temat TypeScript, opisałem jak korzystać z modułów. Nie będę po raz kolejny wymieniał zalet płynących z korzystania z tego mechanizmu podczas tworzenia programów. Powinno to być już dość oczywiste 🙂 .

Jeśli jednak nie jest to jeszcze oczywiste dla wszystkic, to na pewno ten post pomoże to zrozumieć. Dziś zajmę się zagadnieniem dodawania do projektu modułów zewnętrznych.

Programowanie TypeScript zewnętrzne moduły Czytaj dalej TypeScript – pierwsze kroki. Dodawanie do projektu zewnętrznych modułów.

Tworzenie gier w JavaScript – Object Pooling. Praktyka.

Ostatnim razem przedstawiłem teorię stojącą za ideą Object Poolingu. Omówiłem czym jest i dlaczego warto go używać. Dziś nadszedł czas na praktykę. W tym wpisie pokażę bardzo prosty przykład implementacji Object Poolingu.

Będzie to symulator cząsteczek spadających z jednego punktu na obszarze gry. Cząsteczki te mają krótki okres życia ale za to będą bardzo często się spawnować. Mój program będzie musiał poradzić sobie ze sporą ilością obiektów. Object Pooling sprawdzi się tu świetnie.

JavaScript Object Pooling w grach Czytaj dalej Tworzenie gier w JavaScript – Object Pooling. Praktyka.

Vue.js – wprowadzenie. Metody.

Przy okazji tworzenia swojej pierwszej aplikacji w Vue, opisałem dostarczany przez tę bibliotekę mechanizm metod. Mechanizm ten pozwala na definiowane w modelu widoku funkcji, które następnie bardzo łatwo dodać do samego widoku.

Dziś dokładniej przyjrzymy się tej funkcjonalności. Definiowanie metod jest raczej dość proste, jednak myślę że warto poświęcić im osobny wpis. Jestem pewny, że znajomość tego zagadnienia szybko okaże się bardzo przydatna.

vue js wprowadzenie metody Czytaj dalej Vue.js – wprowadzenie. Metody.

TypeScript – pierwsze kroki. Moduły w TypeScript. Część druga.

W poprzednim wpisie pokazałem jak w łatwy sposób dodawać do projektu TypeScriptowe moduły. Na koniec wspomniałem jednak, że istnieją inne, czasem lepsze, podejścia do tego tematu.

Dziś pokażę sposób na zarządzanie modułami, który uważam za najciekawszy. Nie dość, że korzysta on z nowoczesnej składni EcmaScript6, to sprawdza się naprawdę dobrze niezależnie od specyfiki projektu.

TypeScript programowanie obiektowe Czytaj dalej TypeScript – pierwsze kroki. Moduły w TypeScript. Część druga.

Tworzenie gier w JavaScript – Object Pooling. Teoria.

W dzisiejszych czasach w gry webowe zagrać można na różnych urządzeniach, nie tylko na mocnych komputerach stacjonarnych ale też na znacznie skromniejszych urządzeniach mobilnych. Jako developerzy chcemy aby gra dotarła do jak największej grupy odbiorców, dlatego wydajność jest bardzo ważna.

W tym wpisie przedstawię prostą mechanikę, która pozwoli na znaczne polepszenie wydajności każdej gry. Object Pooling, bo o nim mowa to wręcz podstawa, bez której nie można mówić o wydajnie działającej grze. Wiem bo moje własne (też przedstawiane na blogu) gry cierpiały z powodu brak tego mechanizmu.

javascript tajniki programowania gier Czytaj dalej Tworzenie gier w JavaScript – Object Pooling. Teoria.

Vue.js – wprowadzenie. Komponenty część druga.

Ostatnim razem opisałem podstawy projektowania komponentów w aplikacjach budowanych za pomocą biblioteki Vue. Myślę, że udało si mi pokazać, że mechanizm ten daje ogromne możliwości oraz, że warto go poznać.

Dziś pociągnę temat dalej i przedstawię sposoby na to jak całkowicie oddzielić komponenty od instancji Vue. Kolejnym krokiem będzie dynamiczne dostarczanie danych dla komponentów, co jeszcze bardziej ożywi budowane aplikacje.

Vue js komponenty Czytaj dalej Vue.js – wprowadzenie. Komponenty część druga.

Vue.js – wprowadzenie. Komponenty część pierwsza.

Miałem zacząć ten post od oznajmienia jak przyjemnie pracuje mi się z biblioteką Vue, ale wydaje mi się że chyba nie muszę robić tego kolejny raz. Na potrzeby tworzenia niewielkich aplikacji webowych jest dla mnie w tym momencie wyborem numer jeden.

Mechanizm, który dziś przedstawię, jeszcze bardziej zwiększy ‚używalność’ Vue. Komponenty, bo o nich mowa, pozwalają na modularyzację widoku aplikacji. Dzięki temu możemy tworzyć fragmenty widoku, które później bardzo łatwo jest ‚wstrzyknąć’ do aplikacji.

Vue js pisanie aplikacji Czytaj dalej Vue.js – wprowadzenie. Komponenty część pierwsza.

Sails.js – konfiguracja bazy danych SQL.

W ostatnim wpisie pokazałem jak zainstalować framework sails.js i jak stworzyć nowy projekt. Dziś kontynuuję temat konfiguracji środowiska sails. Do aplikacji zbudowanej w sailsach dodam API komunikujące się z tabelą w bazie danych SQL.

Zazwyczaj do w projektach aplikacji webowych potrzebna jest jakaś forma przechowywania danych. W tym wpisie pokażę jak dzięki prostym mechanizmom sails możemy szybko połączyć tworzoną apkę z relacyjną bazą danych SQL. Zapraszam do lektury.

Sails js konfiguracja bazy danych SQL Czytaj dalej Sails.js – konfiguracja bazy danych SQL.

TypeScript – pierwsze kroki. Moduły w TypeScript. Część pierwsza.

W ostatnim wpisie przedstawiłem temat przestrzeni nazw w TypeScript. Jednak prawda jest jednak taka, że przestrzenie nazw używane są rzadko. Dużo częściej korzysta się z mechanizmu modułów.

W dzisiejszym poście pokaże jak stawiać pierwsze kroki właśnie w świecie modułów TypeScript. Zapraszam do lektury.

Moduły w typescript Czytaj dalej TypeScript – pierwsze kroki. Moduły w TypeScript. Część pierwsza.