Ionic 2, Angular 2 és társai

Mindig érdekelt ez az AngularJS irány. Tavalyelőtt, amikor körülnéztem ez ügyben, azt érzékeltem, hogy nem volt könnyű linuxon megvalósítani a HelloWorld példákat. Most azonban mintha eltűnt volna ez az "irányultság", és gördülékenyebb, emészthetőbb lett az egész (nekem). Azzal együtt (vagy annak ellenére), hogy a most elharapózó .ts (TypeScript) nyelvváltozat a Microsoft háza táján jött létre; ez egyesek szerint komoly jövő előtt áll.

Ha valaki kifejezetetten csak egy Angular2-t szeretne kipróbálni (mondjuk dockerben), akkor ezt ajánlom:
https://hub.docker.com/r/hensansi/angular2/ - majd letöltés után:
docker run -d -p 8080:80 --name frontend -v ang2:/var/www/angular hensansi/angular2
(A /var/lib/docker... alatt találhatóak a használt fájlok.)
De a https://angular.io/docs/ts/latest/quickstart.html helyen levő példák is kipróbálhatóak/átírogathatóak plunkerben, és van milliónyi HelloWorld a neten Angular2/TypeScript témában.

Kiváló Angular2 tanfolyam található a codeschool oldalain; ha valakinek igazán fontos beleásnia magát, akkor érdemes ebbe beruháznia. Én csak az első (ingyenes) leckét hallgattam meg (és végeztem el a gyakorlatokat); lenyűgöző.

Igen komoly erőforrásokat fektettek egy Ionic nevű, szabadon elérhető keretrendszer (http://ionicframework.com/docs/v2/getting-started/installation/) felépítésébe, amiből a friss változat (v2) kifejezetten kedvez az angular2 és a TypeScript használatának. Lásd még: http://youtube.com/watch?v=u6BFxtv_L-8 és http://youtube.com/watch?v=_-CD_5YhJTA

Egy amazonos virtuális gépre (Ubuntu 16.04) felrámoltam a friss node.js-t (tehát nem a "gyárit", hanem a PPA változatot), illetve telepítettem az Ionicot: npm install -g ionic@beta.
cd MyIonic2Project, majd: ionic serve -p 8080
– és már futott is a példaprojekt:
Running live reload server: http://localhost:35729
√ Running dev server: http://localhost:8080

A tűzfalproblémákat a legegyszerűbb egy ssh alagúttal áthidalni:
ssh -i my_key.pem -L 8080:localhost:8080 ubuntu@52.99.99.99, ahol ez utóbbi a virtuális gépem IP címe.

Majd a böngészőben kért localhost:8080 behozza a nyitóoldalt, amiben egyből át is írtam a Hello-t Hellooo-ra (az app/pages/hello-ionic/hello-ionic.html fájlban):

Vagy akár az app/app.ts fájl is átírható, szépen (röptében) újraépül minden (pl. a "transpiled js"), és egyből látszik a változás.

Ha szívesen írtok az Ionic-os tapasztalataitokról, örömmel olvasom.

Hozzászólások

"Azzal együtt (vagy annak ellenére), hogy a most elharapózó .ts (TypeScript) nyelvváltozat a Microsoft háza táján jött létre; ez egyesek szerint komoly jövő előtt áll."

Szerintem is. A TS adja a JS-hez azt, ami igazán hiányzik belőle ahhoz, hogy komoly komplex alkalmazásokat lehessen kényelmesen fejleszteni benne.