all about Firefox OS

This is a quick overview of FxOS and some working flow when we are developing on Gaia.

Transcript

1. 陳佳隆 EragonJ Firefox OS 的⼤大⼩小事 13年11⽉月30⽇日星期六
2. About myself 13年11⽉月30⽇日星期六
3. • Mozilla Taiwan Gaia Team - Front-end developer • I love Javascript / Node.js and focus more on Web • Embrace open source community and contributed a lot on Github - Gaia,Trip.js, Stepper.js ... etc • My blog : http://eragonj.me • My twitter : https://twitter.com/EragonJ • My email : ejchen@mozilla.com eragonj@eragonj.me EragonJ 13年11⽉月30⽇日星期六
4. Why I am here ? Because I want to tell you a story 13年11⽉月30⽇日星期六
5. On web, you can ... 13年11⽉月30⽇日星期六
6. Focus Image Credit : http://goo.gl/DHHOij 13年11⽉月30⽇日星期六
7. • Javascript - Focus on programming logics • HTML - Focus on views • CSS - Focus on styles • With these three blades, the only limitation is your imagination Focus 13年11⽉月30⽇日星期六
8. Web is platform Image Credit : http://goo.gl/HGzeVx 13年11⽉月30⽇日星期六
9. Responsive Web Design Desktop platform WebApp for tablet WebApp for mobile Image Credit : http://goo.gl/y6OJME 13年11⽉月30⽇日星期六
10. The OS is the browser. Firefox OS 13年11⽉月30⽇日星期六
11. History http://en.wikipedia.org/wiki/Firefox_OS The project proposal was to "pursue the goal of building a complete, standalone operating system for the open web" in order to "find the gaps that keep web developers from being able to build apps that are – in every way – the equals of native apps built for the iPhone [iOS], Android, and WP7 [Windows Phone 7]." - Andreas Gal 13年11⽉月30⽇日星期六
12. 13年11⽉月30⽇日星期六
13. Gaia Gecko Gonk WebApps, User Interface ... WebAPI, Permission manager ... Linux kernel, device drivers ... 13年11⽉月30⽇日星期六
14. Gaia Gecko Gonk WebApps, User Interface ... WebAPI, Permission manager ... Linux kernel, device drivers ... a.k.a. Boot to Gecko - B2G 13年11⽉月30⽇日星期六
15. WebApps Radio SMS Music 13年11⽉月30⽇日星期六
16. WebAPIs https://developer.mozilla.org/en-US/docs/WebAPI 13年11⽉月30⽇日星期六
17. Security Model https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Security/Security_model 13年11⽉月30⽇日星期六
18. App Types 13年11⽉月30⽇日星期六
19. Bring your weapons and follow us ! Tools 13年11⽉月30⽇日星期六
20. MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS 13年11⽉月30⽇日星期六
21. MozillaWiki https://wiki.mozilla.org/ 13年11⽉月30⽇日星期六
22. Firefox OS simulator https://addons.mozilla.org/zh-tw/firefox/addon/firefox-os-simulator/ 13年11⽉月30⽇日星期六
23. Time to do something Roll up your sleeves ! 13年11⽉月30⽇日星期六
24. Appmaker http://appmaker.mozillalabs.com/ 13年11⽉月30⽇日星期六
25. • What you see is what you get ! • You can write an app without knowing how to program ! • Drag & drop is your good friend ! • Install your app to see your change directly ! Appmaker 13年11⽉月30⽇日星期六
26. Demo 13年11⽉月30⽇日星期六
27. Demo 13年11⽉月30⽇日星期六
28. Demo 13年11⽉月30⽇日星期六
29. Demo 13年11⽉月30⽇日星期六
30. Demo 13年11⽉月30⽇日星期六
31. Demo 13年11⽉月30⽇日星期六
32. Demo 13年11⽉月30⽇日星期六
33. Demo 13年11⽉月30⽇日星期六
34. Demo Mission Complete 13年11⽉月30⽇日星期六
35. Advanced Demo + 13年11⽉月30⽇日星期六
36. Advanced Demo http://jsfiddle.net/xhGzU/ http://cssdeck.com/labs/cssclock 13年11⽉月30⽇日星期六
37. Advanced Demo Add manifest.webapp to see the magic 13年11⽉月30⽇日星期六
38. Advanced Demo 13年11⽉月30⽇日星期六
39. Advanced Demo Mission Complete 13年11⽉月30⽇日星期六
40. The only limitation is your imagination. Your show time 13年11⽉月30⽇日星期六
41. You can change the world with us. Get involved 13年11⽉月30⽇日星期六
42. Gaia Hackers http://jsbin.com/EGEloSa/1 13年11⽉月30⽇日星期六
43. Gaia Hackers http://jsbin.com/EGEloSa/1 You are the next one ! 13年11⽉月30⽇日星期六
44. Gaia on Github https://github.com/mozilla-b2g/gaia 13年11⽉月30⽇日星期六
45. • Check Time Bound • Plan → Develop → Fix bugs → Release • Plan : PM will create user stories and mark them must/nice-to-have • Develop : Developers will commit features on schedule • Fix bugs : Fix issues, late features • Release : Push this version to market Development cycle 13年11⽉月30⽇日星期六
46. • Clone Gaia from Github • Follow Firefox OS build prerequisites to set up your environment • Make sure all unit tests passed under Gaia folder (Because when developing Gaia, we have to follow the rule to make sure Travis get green light before committing changes.) • Use Nightly Firefox to access our profile-debug and make sure we can invoke Gaia successfully. Step by step https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Firefox_OS_build_prerequisites 13年11⽉月30⽇日星期六
47. Bugzilla https://bugzilla.mozilla.org/ 13年11⽉月30⽇日星期六
48. • Mozilla is an international company composed of Mozillians in different timezone, so we need a platform to chat discuss and track our comments and bug status. • Bugzilla is very powerful and you can do anything on it like : • add attachments, set milestones • set bug dependencies, review bugs • ... etc • Eat your own dog food :) Why Bugzilla 13年11⽉月30⽇日星期六
49. Terms on Bugzilla Each verb will be accompanied by three states. 1. question mark ( ? ) means asking for something 2. minus mark ( - ) means something is rejected 3. plus mark ( + ) means something is granted Common used verbs would be review, feedback, ui-review 13年11⽉月30⽇日星期六
50. Find a good-first-bug http://goo.gl/SgfRbg 13年11⽉月30⽇日星期六
51. Discuss with mentor 13年11⽉月30⽇日星期六
52. or need info ? 13年11⽉月30⽇日星期六
53. It seems that we are on the right direction ! Let’s start hacking ! Good 13年11⽉月30⽇日星期六
54. • http://git-scm.com/book • http://git-scm.com/documentation • http://learn.github.com/ • http://try.github.io • ... etc Git / Github resources 13年11⽉月30⽇日星期六
55. Create a branch 13年11⽉月30⽇日星期六
56. Commit your changes 13年11⽉月30⽇日星期六
57. Squash commits ! 13年11⽉月30⽇日星期六
58. Squash commits ! 13年11⽉月30⽇日星期六
59. Squash commits ! 13年11⽉月30⽇日星期六
60. Squash commits ! 13年11⽉月30⽇日星期六
61. Squash commits ! 13年11⽉月30⽇日星期六
62. Squash finished ! Ok , right now you just finished the process of squashing commits. The reason why we have to do this is to make sure we can easily track bug all in one commit. 13年11⽉月30⽇日星期六
63. Let’s push 13年11⽉月30⽇日星期六
64. Send PR 13年11⽉月30⽇日星期六
65. Send PR 13年11⽉月30⽇日星期六
66. I am afraid to send empty PR because all Gaia developers will see it and be tracked on IRC... xD ... 13年11⽉月30⽇日星期六
67. My PR list 13年11⽉月30⽇日星期六
68. Ask for review ? 13年11⽉月30⽇日星期六
69. Ask for review ? 13年11⽉月30⽇日星期六
70. Discuss with reviewer 13年11⽉月30⽇日星期六
71. Get all r+ 13年11⽉月30⽇日星期六
72. If you get r- ... Image Credit : http://goo.gl/FwsNsI 13年11⽉月30⽇日星期六
73. Now you can merge ! 13年11⽉月30⽇日星期六
74. You are Gaia Hacker now 13年11⽉月30⽇日星期六
75. Image Credit : http://goo.gl/jQPMMG 13年11⽉月30⽇日星期六
76. Thanks 13年11⽉月30⽇日星期六