Hello YellowJS
-
Upload
yellowjs -
Category
Technology
-
view
1.516 -
download
0
Transcript of Hello YellowJS
![Page 1: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/1.jpg)
Hello
![Page 2: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/2.jpg)
Octave & Octave
• Work at Octave & Octave (http://octaveoctave.com)
• In charge of the frontdev team
• Contact me : [email protected] | @freakdev
Who am I ?
![Page 3: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/3.jpg)
A 100% custommobile design
we want
![Page 4: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/4.jpg)
Industrial quality applications
we want
![Page 5: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/5.jpg)
to code lessbut support several devices
we want
![Page 6: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/6.jpg)
Design should be responsive
![Page 7: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/7.jpg)
Technologies should be
open source
![Page 8: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/8.jpg)
Highly customizable mobile framework
YellowJS is a
![Page 9: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/9.jpg)
TemplatingCustom design is offered by
![Page 10: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/10.jpg)
Octave & Octave
• requires a custom markup
• can hardly be generated fully automatically
• with templating, concerns are properly separated
Custom design...
![Page 11: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/11.jpg)
Easily handleableStrongs concepts
![Page 12: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/12.jpg)
Octave & Octave
• The "new" keyword is "banned" in the "daily
API”
• Underlying class structure is clean and
extendable
• Event Model / MVC / Mixins ensure flexibility
and are known by everyone
• YellowJs is good for quick developments but also
for complex applications
How we simplify robust concept?
![Page 13: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/13.jpg)
Why don't use some
many "micro libraries" are well coded ;)
![Page 14: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/14.jpg)
Octave & Octave
• We choose elegent libraries, according to us
• Lawnchair / Mustache / my.Class ...
• But you can easily implement the ones you have chosen
Which library, why, what for?
![Page 15: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/15.jpg)
What we have doneWhat we can do
![Page 16: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/16.jpg)
Octave & Octave 16
• Cross platform (smartphone,
tablet, computers)
• Use url hash to ensure deep
linking
• Only 50 lines of code
A slideshow "engine"
![Page 17: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/17.jpg)
Octave & Octave 17
• Cross device (iOS / Android)
• App build with PhoneGap
• Let the user consult articles
offline (for those marked as
"favorite")
Memento App - Ministère de la culture
![Page 18: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/18.jpg)
Octave & Octave 18
• Build with PhoneGap
• Custom design
• Modern navigation paradigm
RA Altarea Cogedim - LIGARIS
![Page 19: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/19.jpg)
Octave & Octave 19
LVMH MAG - Groupe LVMH
![Page 20: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/20.jpg)
Octave & Octave
• not for developping games :(
• still missing some features yet, and still in beta
• inspiration to move beyond the actual limit (we hope so)
YellowJS is…
![Page 21: Hello YellowJS](https://reader033.fdocuments.in/reader033/viewer/2022052412/558b20f9d8b42a542e8b4570/html5/thumbnails/21.jpg)
Octave & Octave
• YellowJs is published under the New BSD
License and is supported by Octave & Octave
team
• You can get it from github or at http://yellowjs.org
• Still in beta mainly because it still lacks some
funny features that i wanted to integrate but in
fact, already ready for production
How? Where? When?