web platform in the native apps world
DESCRIPTION
Koristeći web tehnologije u razvoju native/hibridnih aplikacija u nekom trenutku uvijek dolazimo do pitanja "Što nam je ovo trebalo?" no svejedno, već sa sljedećim projektom dolazimo do ideje "Ne bismo li ovo mogli razvijati na web platformi?!" i nošeni idejom "Ovaj put ćemo pametnije!" krećemo u novi pokušaj. Čini se da glavni uzrok tome zapravo nisu mogućnosti/nemogućnosti web platforme u odnosu na native platformu već jednostano način na koji pristupamo razvoju i onoga što očekujemo od platforme i razvojnih alata. Sigurno je da web platforma ne nudi sve ono što nudi native platforma no može li se to na neki način kompenzirati nekim drugim / dobrim stranama web tehnologija koje native razvojne platforme nemaju (ili se još uvijek traže po tom pitanju)? Sigurno može. Ovo je osvrt na neke konkretne koncepte razvoja web aplikacija lako primjenjivih u razvoju native/hibridnih appsa, o načinu primjene web tehnologija, pristupu u razvoju i načinu razmišljanja prilikom razvoja native/hibridnih aplikacija kako ih vidi jedan web frontendaš.TRANSCRIPT
![Page 1: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/1.jpg)
Web platformNative apps
Tomislav Mesić
![Page 2: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/2.jpg)
It's not abuttechnology
The problem isn’t with the language itself; it’s with the way programmers use the language
Trevor Burnham - Async JavaScript
![Page 3: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/3.jpg)
What about platform?
StatelessAccessibilitySeparation of concernsProgressive enhancements
![Page 4: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/4.jpg)
<noscript data-src-small="img-small.jpg" data-src-medium="img-medium.jpg" data-src-high="img-high.jpg"><img src="img-small.jpg" class="lazy" />
</noscript>…$("img.lazy").lazyLoad();
![Page 5: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/5.jpg)
What about platform?
StatelessAccessibilitySeparation of concernsProgressive enhancements
![Page 6: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/6.jpg)
ApproachesExpectations
Content is a king … notControls, controls, controlsBe more semanticPopular frameworks
![Page 7: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/7.jpg)
<tabs><tableft-img="img-left.jpg" right-img="img-right.jpg"orientation="left"action="switch()"label="Total income" />…
</tabs>
![Page 8: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/8.jpg)
ApproachesExpectations
Content is a king … notControls, controls, controlsBe more semanticPopular frameworks
![Page 9: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/9.jpg)
![Page 10: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/10.jpg)
in practice
![Page 11: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/11.jpg)
![Page 12: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/12.jpg)
<ol class="tabs"><li><a href="#tab-1">Tab 1</a></li><li><a href="#tab-2">Tab 3</a></li>
</ol>…<div id="tab-1">…</div><div id="tab-2">…</div>…$("tabs").tabs();
![Page 13: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/13.jpg)
.tabs {…}
.tabs .tab {…}
.tabs a:link:before {animate …
}.tabs a:link:before {
background …rotate …
}.tabs a:link:after {
border …rotate …
}
![Page 14: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/14.jpg)
"use strict";var tabs = (function(window, document, undefined) { var _init = function() { ... }; return { init: _init }})(this, this.document);
…
tabs.init();
![Page 15: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/15.jpg)
in practice
![Page 16: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/16.jpg)
For the futureLong time ago …Web platform & native appsFront-End FTW
![Page 17: Web Platform in the Native Apps World](https://reader035.vdocument.in/reader035/viewer/2022062513/5560b5b7d8b42aef3b8b495e/html5/thumbnails/17.jpg)
Web platformNative apps
Tomislav Mesić@tomislavmesic