jQuery Mobile Apps Development

Transcript

1. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Israel JavaScript Conference
2. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
3. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
4. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
5. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
6. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
7. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
8. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | * Twitter Bootstrap theme from Andy Matthews
9. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
10. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
11. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Elements playing different roles on document layout and we choose which role to give to them by adding data-role=*  page  header  content  footer  button  listview  list-devider  controlgroup
12. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | <div data-role=“page”> <div data-role=“header”>Header</div> <div data-role=“content”>Content goes here</div> <div data-role=“footer”>Footer</div> </div>
13. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | <div data-role=“page”> <div data-role=“header”> <div data-role=“content”> <div data-role=“footer”>
14. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | <meta name=“viewport” content=“width=device-width” />  width - controls the size of the viewport  initial-scale - controls the zoom level when the page is first loaded  maximum-scale, minimum-scale - control how users are allowed to zoom the page in or out
15. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
16. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
17. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
18. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
19. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | http://www.intlaqa.com/jquery-mobile-rtl/
20. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | iPhone theme Android theme BlackBerry theme Windows Phone theme Twitter Bootstrap theme
21. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
22. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
23. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
24. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
25. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
26. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
27. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | JSFiddle code
28. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
29. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
30. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
31. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
32. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
33. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
35. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Now let’s add some privacy
36. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
37. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
38. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
39. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
40. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
41. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Lots of modules Lots of files Bad performance Complex dependency
42. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
44. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
45. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
46. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
47. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
48. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
49. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
50. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
51. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Mediator.js
52. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | JSFiddle code
53. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
54. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
55. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
56. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
57. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | http://jquerymobile.com/ https://developers.google.com/chrome-developer- tools/docs/remote-debugging http://addyosmani.com/largescalejavascript/ http://knockoutjs.com/ http://requirejs.org/ http://sammyjs.org/
58. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
59. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |