Arva JS Developer Introduction
-
Upload
tom-clement -
Category
Technology
-
view
269 -
download
0
Transcript of Arva JS Developer Introduction
![Page 1: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/1.jpg)
Getting to know ArvaJSJS Lab Amsterdam Meetup
![Page 3: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/3.jpg)
ArvaJS
![Page 4: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/4.jpg)
†
JS UI Wild West
![Page 5: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/5.jpg)
Why Arva?
![Page 6: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/6.jpg)
Why Arva?
Not reinventing the wheel❤
![Page 7: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/7.jpg)
Why Arva?
❤ Cross-platform hybrid apps
![Page 8: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/8.jpg)
Why Arva?
❤ Cross-platform hybrid apps
We need:
• 60fps native feel, granular animations • Enterprise-grade quality code • Component reusability
![Page 9: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/9.jpg)
Existing libs(made for web)
Granular animations
Code quality(clean OO) Reusability
AURELIA.IO - ✓ ✓
REACT.JS ✗ - ✓
EMBER.JS ✗ ✗ ✓
JQUERY ✗ ✗ ✗
![Page 10: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/10.jpg)
Not a fair comparison
• Most libs are server/client web, we’re app focused • But even ionic uses HTML templates..
![Page 11: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/11.jpg)
ArvaJSES6, Object Oriented, 60fps animations app framework
![Page 12: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/12.jpg)
ArvaJS
Entirely JavaScript. No plain HTML. No plain CSS.
![Page 13: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/13.jpg)
= + ++(for DI)
![Page 14: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/14.jpg)
= + ++(for DI)
jspm.io ⤍ package management
![Page 15: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/15.jpg)
= + ++(for DI)
jspm.io ⤍ package management
famo.us ⤍ crazy 60fps animations
![Page 16: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/16.jpg)
= + ++(for DI)
jspm.io ⤍ package management
famous-flex ⤍ makes famo.us usable for grownups
famo.us ⤍ crazy 60fps animations
![Page 17: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/17.jpg)
= + ++(for DI)
jspm.io ⤍ package management
famous-flex ⤍ makes famo.us usable for grownups
Angular di.js ⤍ dependency injection standalone
famo.us ⤍ crazy 60fps animations
![Page 18: Arva JS Developer Introduction](https://reader033.fdocuments.in/reader033/viewer/2022042722/589d37e31a28abd17d8b5be3/html5/thumbnails/18.jpg)
Join in: github.com/Bizboard/arva-seed
Docs: arva.readme.io