Frontend Resource Intergration and Sharing

Frontend Resource Intergration and Sharing
Modern Web 2016 review
(http://modernweb.tw/)

Transcript

1. 獮ᒒ虻რ碉ݳ膏وՁ Modern Web 2016 review CSBDBG FED Laura Lee
2. Outline • Modern Web 2016 Ꮈ懵䨝 墋Օ • വ萃捍纷 • 虻რ碉ݳوՁ • 虻რ碉ݳوՁጱ᯿ᥝ௔ • ૡ֢蝽کጱዳ讨 • 咳మ
3. Modern Web 2016 • ྯଙጱӥ܎ଙૢݦ膐ᤈҁ犡ଙ物08/24牏08/25҂
 • य़䨝捍纷ग़ز牧ݢ犥䋊聜ک犋ݶᶎݻጱᎣ蘷 • ದ蔩物Angular牏React牏NGINXҁ咳ᶪݶengine x҂ • 襎珶物UI牏UX牏Working Flow • ݳ֢物螐ᒒ㿁褧牏獮ᒒ虻რ
4. Modern Web 2016 • 拻ᘏ㬵ᛔ敟誢禂犋ݶ覿ऒ • ૡ纷䒍 • ದ蔩者緳 • 戔懯䋊舉 / 碍֖甿誢
 • 娄Ӥ虻რ掘੄ ҁhttp://modernweb.tw/҂ • 拻ᘏ墋䁭牏拻ᘏ୽粙牏و執執懿
5. വ萃捍纷 • 襎珶 • [AdWords] 襎ৼ珶率 Audience Marketing, Growth Hacking ᛔ㵕玕戔懯现౮硳䁭ޞ • [Google Analytics] Dance with i13n (膏 instrumentation و膚) • [Big Data] ই֜蝚螂承఺翕᪠膏ֵአᘏᤈ傶猻玕ֵአ ᘏ妿涢

6. വ萃捍纷 • ݳ֢ / 虻რ碉ݳ • 䁭疩ᘏ҆҆䁰樄硯ܻত嘨ጱ䋿涢 • 螐ᒒ㿁褧䌕礯ୌ缏膏ᓕቘ • 獮ᒒૡ纷誢羬ጱ虋ᶐ
7. 䁭疩ᘏ҆Ӟ䁰樄硯ܻত嘨ጱ䋿涢 ૡ纷+甿誢 -> 虻懱蝚ก
8. 螐ᒒ㿁褧䌕礯ୌ缏膏ᓕቘ 传蝢 -> 加缏֢禂 -> 传蝢 -> 碉ݳ֢禂౮ຎ -> ਠ౮ፓ秂
9. 獮ᒒૡ纷誢羬ጱ虋ᶐ ୌ缏ૡ纷䒍传蝢ଘݣ 敟誢ૡ纷
10. 虻რ碉ݳوՁጱ᯿ᥝ௔ • 虏虻რ胼ᤩٚڥአ牧ᒊࣁ癨Ոጱ胆腃Ӥ • 蜫蝧蝱獈制丆
 矑ಋጱ礯ৼ胼缏ڰᎣ螇ፓ獮蝱疻 • Ԇ㵕՞ڊ
 碉ቘಋ螲虻碘牧ݢ犥蕦聜䋊聜獉਻牧犖胼䒻ۗ犢Ո • ԰ፘ䋊聜牏౮裾
 Ꭳ螇ݶՌஂ種ጱ䌕裾牧Ꭳ螇磪㺔氂ತ抑㺔 • 珿አૡٍ
 虏传蝢ๅ磪硳ሲ牧ݢ犥狒ኸૡ֢懿袅
11. 礯ֺ物Modern Web
12. Gitter 褰碻褰瑿 蜫蝧Ի矦మဩ
13. Gitter 褰碻褰瑿 蜫蝧Ի矦మဩ
14. “ I’m the nobody “ 樄რوՁጱᐒᗭ Ԇ㵕獤Ձ虻懱ጱ眲ଶ
15. ই֜䛑አࣁଘ碻ૡ֢Ӥ牫
16. ૡ֢蝽کጱዳ讨 • 磪犚trivialጱ㺔氂ݝ胼Ӟ㮆Ӟ㮆ತՈ㺔 • ᥝ蜍ڊ ios app, ᥝঅग़圵䚣挨
 • ૡٍ犋Ӟ䰬 • ፓ獮ᥝአ line / jira / slack / forum / grunt
 / email / hangout…… • ྯ㮆蟂槹ૡ֢ොୗ犋Ӟ䰬 • 襑穩-戔懯-ૡ纷 Ӿ樌ጱ传蝢㶧藲 襑穩 戔懯 ૡ纷
17. 礯ֺ物ୌ缏Slackᗭ奲
18. Slack - 叨ߝӣො䨝藳 (Successful!) 甛蜃Ո ૡ纷䒍 戔懯䒍
19. Slack - ୌ缏獮ᒒᗭ奲 (Not quite successful…)
20. 玱௏ • 傶֜叨ߝᗭ奲ݢ犥౮ۑ獤Ձஂ種మဩ牧֕獮ᒒ樄咳ጱᗭ 奲櫞犥瞱媲牫 • ᥝ磪وݶ裾螐ጱፓ秂 • ᥝ磪وݶ扖氂 • ইຎଘଉૡ֢䷱磪԰㵕牧ᗭ奲ᛔ簁櫞犥籆妏牧ࢩ傶य़ 疑ݱᛔ磪ૡ֢ᥝ盜
21. 礯ֺ物䌕礯樄咳蝽ک櫞氂
22. • 玖૱଱ጱ㻌Ӟ檔眐羬翄APP牧 蝫娄襑ᥝےੂ牧螨ع䘣఺蝫娄 硭䢗 • ֕Android ፡犋睞૱硰଱ጱ SSL 翕᪠䚣挨牧ෝฎ碉㮆 APP ᮷篷ဩ蝫娄... • 薹ԧӞ蝰螭ฎ薹犋ڊ㬵牧磧奰 咳匍 Android 䚣挨ඪൔଶॡ 犵牧ݝ胼ᛔ૩ಋ㵕ਞ蕕
23. 玱௏ • 盄ग़粬ਧ樄咳櫞氂牧䷱磪ኸӥ獮Ո懿袅牧ݝ胼ݗ毣扇㺔 磪䷱磪ૡ纷䒍磪ፘ橕妿涢 • ፓ獮ݱଘݣ螭䷱磪ୌ缏蚏ૡ纷䒍虻რوՁጱ絑ह • Slack / Line 缛懵抷ᗭ奲牧။粚盠蝧牧虻碘櫞犥ኸӥ • KM抷䃧牧ૡ纷䒍櫞犥獤Ձࣁ纷ୗොᶎጱ硩绑膏՞ڊ • gitlab牧䌕礯疩ݻ牧螭๚磪胼虏य़疑獤Ձ౮ຎጱ絑ह
24. 咳మ物ࣁ Gitlab ୌ缏 獤Ձ绚樌 • Base on coding • ݢ犥Ꭳ螇犢Ոጱ֢ߝ޾䌕裾 • 磪绚ጱ碻狡Ӥ݄粖෈珅硩虻რ牧犋አܨ碻娄Ӥ懵抷 • ԰ፘ䒻盜 code review • 獍ݪ獺఺咳మ䌕礯牧ತՈӞ蚏ݳ֢ • ݱԆ氂獤槹獨觊牧ݢ懪褂
25. 懪褂 咳蚏懵抷 ஞ஑獤Ձ ࢧ䛑懵抷 矾ᔱ෈ᒍ
26. https://github.com/amfe/article/issues/1
27. 蚕ޱ԰㵕 tagՈ
28. 咳మ物iotaૡ֢ᗭ奲 • ૡٍ翄Ӟ牧磪獍ݪݶՌ癱蒈牧犋አےLineঅ݋ • 礍ૡ纷絑हጱ禊盢皤֐ -> ૡ֢絑ह犖ᥝአ礍ጱ • ᗭ奲懵抷 • ૡ֢ᓕቘ • ֢ߝ獤Ձ
29. 咳మ物iotaૡ֢ᗭ奲 • ፓ獮iotaۑ胼螭犋煶獊
 襑ض碉ݳٌ犢ૡٍ ᗭ奲懵抷 ૡ֢ᓕቘ ֢ߝ獤Ձ و執෈կ
30. Reference • Modern Web 2016 (珀و執/肗ॠਰ/ಭ୽粙/୽粙)
 http://modernweb.tw/index.html • Slack
 https://slack.com/ • Gitter
 https://gitter.im
31. ~Thanks for listening~