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.

Sails.js – natychmiastowy back-end dla twojej aplikacji webowej.

Niedawno w pracy, po raz pierwszy spotkałem się z narzędziem Sails.js. Jest to framework bardzo wysokiego poziomu, który ma w prosty i bardzo szybki szybki sposób zbuduje cały backend dla aplikacji webowej.

Postanowiłem na własną rękę sprawdzić jak działa sails i czy przypadkiem nie powinien znaleźć się w zestawie używanych przeze mnie narzędzi. Wrażenia opiszę w serii postów poświęconych tematowi.

Sails js wstęp Czytaj dalej Sails.js – natychmiastowy back-end dla twojej aplikacji webowej.

Vue.js – wprowadzenie. Dyrektywy warunkowe

Vue.js posiada wiele ciekawych mechanizmów, niektóre bardziej rozbudowane, inne dość proste. Dziś zajmę się reprezentami z tych drugich. Pomimo swej prostoty mechanizmy te są jednak bardzo przydatne. Czasem wystarczą w zupełności aby stworzyć prostą aplikację webową.

Mowa tu o dyrektywach warunkowych. Są one wbudowane w logikę Vue i trzeba wiedzieć jak z nich korzystać. Wiem, że pokazywałem już niektóre z nich w przykładowym kodzie, przy okazji tworzenia mojej aplikacji Vue. Jest to jednak temat, który warto mieć uporządkowany. Stąd dzisiejszy post.

Vue js dyrektywy warunkowe Czytaj dalej Vue.js – wprowadzenie. Dyrektywy warunkowe

Tworzenie gier w JavaScript – Zaawansowany Game Loop

Prawie rok temu wrzuciłem tu posta o tworzeniu game loop’ów w grach JSowych. Bardzo dużo zmieniło się od tego czasu. Przede wszystkim nabrałem doświadczenia i nauczyłem się tego i owego. Innymi słowy, nie jestem już aż takim noobem jak kiedyś 🙂 .

Właśnie dlatego dziś wracam do tematu. Teraz, kiedy stworzyłem już kilka prostych gier, mogę powiedzieć co nieco w temacie 🙂 . W tym poście przedstawię bardziej zaawansowaną implementację pętli gry. Przyda się ona nie tylko w grach ale i we wszelkich animacjach i symulacjach.

Tworzenie gier w Javascript Game Loop Czytaj dalej Tworzenie gier w JavaScript – Zaawansowany Game Loop

TypeScript – pierwsze kroki. Przestrzenie nazw w TypeScript.

Gdy pisałem moją wrześniową grę co miesiąc, nie znałem jeszcze dobrego sposobu na modularyzację kodu w TypeScript. Gra nie była specjalnie duża ale i tak brak modułów spowodował, że kod był cięższy do czytania i utrzymania.

Dziś przedstawię rozwiązanie tego problemu. Będą to podstawowych technik wykorzystania TSowych modułów. Na początek opiszę idealnie nadające się do dzielenia kodu na utrzymywalne i czytelne fragmenty – przestrzenie nazw czyli znane wszystkim użytkownikom Javy, C++ czy C#, namespace`y.

Przestrzenie nazw w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Przestrzenie nazw w TypeScript.

Podstawowe przekształcenia w elemencie Canvas

Element canvas nadaje się świetnie do tworzenia gier (oraz różnego rodzaju animacji) w środowisku przeglądarki. Nie jest bez wad ale zdecydowanie to najlepszy wybór z dostępnych opcji. API obsługujące canvas jest bardzo proste w użyciu, wystarczy wyznaczyć współrzędne x oraz y obiektu i wyrysować go stosując odpowiednie metody. Takie podejście jest idealne, jednak nie kompletne.

Manipulując tylko tymi współrzędnymi szybko natrafimy na pewne ograniczenia. Na przykład gdy chcemy obrócić element lub go przeskalować. Obliczanie nowych współrzędnych i wielkości może stać się bardzo mozolne. Na szczęście mamy przekształcenia.

JavaScript Noob Canvas Przeksztalcenia Czytaj dalej Podstawowe przekształcenia w elemencie Canvas

TypeScript – pierwsze kroki. Ograniczanie typów generycznych.

W ostatnich dwóch postach z serii, przedstawiłem działanie typów generycznych w TypeScript. Zagadnienie to powinno być już w miarę jasne a korzyści płynące z korzystania z generyków oczywiste dla każdego.

Jednak jeżeliby się nad tym chwilę zastanowić, szybko dojdziemy do wniosku, że pozwalanie metodom lub klasom na korzystanie z dowolnych rodzajów typów może czasem sprawiać problemy. Dobrze byłoby czasem dopuszczać tylko niektóre typy, a inne nie. Dziś przedstawię rozwiązanie dla tego problemu

Podstawy programowania typescript Czytaj dalej TypeScript – pierwsze kroki. Ograniczanie typów generycznych.

Vue.js – wprowadzenie. Pierwsza aplikacja – Wartości obliczane.

Praca z aplikacją pisaną w Vue sprawia mi naprawdę dużą przyjemność. Jednak powoli zaczyna mi brakować pomysłów na to jak bardziej ją rozwijać (a zarazem uczyć się nowych rzeczy o bibliotece.) Trudno najwyżej stworzę nową, bardziej oryginalną apkę 😉

Tym razem udało mi się jeszcze dodać do mojej Todo Listy coś konkretnego – wartości obliczane (ang. computed values). Są one bardzo przydatnym elemenemt Vue. Szczerze mówiąc nie przychodzi mi do głowy podobne rozwiązanie z innych frameworków, które można by porównać do wartości oblicznaych.

Aplikacja Vue js Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – Wartości obliczane.

Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.

Tym razem rozwinę moją aplikację Vue o backend. Dzisiejszy post będzie dotyczył Vue tylko połowicznie. Trochę miejsca poświęcę na pobieżne opisanie tego jak napisałem obsługę apki od strony serwera.

Do stworzenia serwera użyłem bardzo popularnego frameworka Express. To znaczy, że wszystko zostaje w JavaScripcie. Natomiast po stronie front-endu dodałem obsługę zapytań aplikacji Vue do serwera, więc będzie ciekawie 🙂

Express podstawy tworzenia serwera Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.