Introduction to Mobile Development with HTML5

A quick overview of the available options when developing a mobile application today and an insight on how JS hybrid apps change the game! Made for Epitech Paris WebLab enlight talks session.

Transcript

1. MOBILE DEVELOPMENT HTML WITH INTRODUCTION TO
2. html v5 javascript css3
3. browsers smartphones tablets TVs development today lot of connected devices
4. browsers smartphones tablets TVs development today lot of connected devices
5. the issue is diversity of platforms
6. 3 kinds of apps native ➲ webapp ➲ hybrid ➲
7. 3 kinds of apps native ➲ webapp ➲ hybrid ➲
8. native application ➲ blazing fast ➲ smooth transitions ➲ best sensors API pros
9. native application ➲ ! specific language cons
10. native application ➲ ! specific language cons ... and that sucks
11. native application cons 1 platform 1 implementation == == &
12. 3 kinds of apps native ➲ webapp ➲ hybrid ➲
13. web application ➲ single app ➲ no install ➲ lot of web developers pros
14. web application ➲ ! device sensors ➲ code branching ➲ limited localStorage cons
15. 3 kinds of apps native ➲ webapp ➲ hybrid ➲
16. 2 goals ➲ access device sensor ➲ use only 1 language ... ... to rule them all
17. 2 philosophies compile into native language uses JS all the way
18. phonegap application NATIVE APPLICATION WEB VIEW WEB APP RESOURCES SENSORS DATA UI ⬌
19. phonegap application ➲ works everywhere ! ➲ easy to use ➲ lot of plugins pros
20. phonegap application ➲ ! no native style ➲ ! no native transitions ➲ ! slower ... cons
21. COMPROMISE IT’S ALL ABOUT
22. TRADEOFF WORKS FOR YOU ! CHOOSE WHICH
23. QUESTIONS ?