SlideShare a Scribd company logo
JS make me better! in REAL
clonnhttp://about.me/clonn
Caesar ChiCaesar Chi
clonncd
Talk about my
Experience
Old style of web
IE 5....W.T.F.
學校既然導入
Google Calendar,
就讓我們來做
Nuu 場地租借系統
學校既然導入
Google Calendar,
就讓我們來做
Nuu 場地租借系統
http://webap.nuu.edu.tw/NuuCalendar/ (示意圖)
http://webap.nuu.edu.tw/NuuCalendar/
First time meet
First time meet
魔鬼藏在細節裡魔鬼藏在細節裡
前端工程師的價 在值
於細節上的執著與龜
毛,是兼具
設計與程式開發雙向
的角色http://josephj.com/
魔鬼藏在細節裡魔鬼藏在細節裡
前端工程師的價 在值
於細節上的執著與龜
毛,是兼具
設計與程式開發雙向
的角色http://josephj.com/
Code 要排整齊
http://www.miiicasa.com/
My JavaScript learning path
Responsive Design
Responsive Design
http://www.evolutionoftheweb.com
pic
old fashion and very BAD interface
AWESOME
My JavaScript learning path
We face another problem...
http://thecolorrun.tw/
My JavaScript learning path
http://www.cloudopenlab.org.tw/ccipo_industryDefinition.do
definition of cloud
• 自助式隨需服務 (On-demand self-service)
• 廣泛網路接取 (Broad network access)
• 共享資源池 (Resource pooling)
• 快速的彈性 (Rapid elasticity)
• 可量測的服務 (Measured service)
What is not cloud
• 雲端不是一個地方
• 雲端不等於伺服器虛擬化
• 雲端不是孤島運作
• 雲端不是說說而已
http://www.bnext.com.tw/focus/view/cid/103/id/23683
上了雲端 --> 無所不能!
你被騙了!!
但是,人因夢想而偉大,上了雲端 ...
cloud hybrid
http://cloudblueprint.files.wordpress.com/2011/12/cloud-service-broker.jpg
My JavaScript learning path
My JavaScript learning path
give
{Java
Script}
Power
My JavaScript learning path
http://nodejs.tw/
My JavaScript learning path
NODEKNOCKOU.NODEJS.TW
http://book.nodejs.tw/
http://nodeknockout.nodejs.tw/
http://jsdc.tw/
Actually
you can change
We can DO It!
My JavaScript learning path
My JavaScript learning path
NO NO NO
eat your own dog food
My JavaScript learning path
nodejs.tw
http://nodeknockout.nodejs.tw/

More Related Content

Similar to My JavaScript learning path (11)

Challenges and opportunities computing Kuo-Yi Chen
Challenges and opportunities computing   Kuo-Yi ChenChallenges and opportunities computing   Kuo-Yi Chen
Challenges and opportunities computing Kuo-Yi Chen
kuoyichen
 
Cloud Service Past and Now
Cloud Service Past and NowCloud Service Past and Now
Cloud Service Past and Now
Caesar Chi
 
Proud Plone on Cloud
Proud Plone on CloudProud Plone on Cloud
Proud Plone on Cloud
TsungWei Hu
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
Abby Chiu
 
雲端技術的新趨勢
雲端技術的新趨勢雲端技術的新趨勢
雲端技術的新趨勢
Ben Huang
 
Big Data Technology - Cloud Computing
Big Data Technology - Cloud ComputingBig Data Technology - Cloud Computing
Big Data Technology - Cloud Computing
Ren-Hao (PAN) Pan
 
雲端運算與社群網路的新未來 (成功大學)
雲端運算與社群網路的新未來 (成功大學)雲端運算與社群網路的新未來 (成功大學)
雲端運算與社群網路的新未來 (成功大學)
Yeong-Long Chen
 
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
慶順 陳
 
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
Xu Wang
 
從開放源始碼到內容管理系統(CMS)-Drupal簡介
從開放源始碼到內容管理系統(CMS)-Drupal簡介從開放源始碼到內容管理系統(CMS)-Drupal簡介
從開放源始碼到內容管理系統(CMS)-Drupal簡介
Souyi Yang
 
hicloud PaaS雲創平台(Java/PHP介紹)
hicloud PaaS雲創平台(Java/PHP介紹)hicloud PaaS雲創平台(Java/PHP介紹)
hicloud PaaS雲創平台(Java/PHP介紹)
hicloud-paas
 
Challenges and opportunities computing Kuo-Yi Chen
Challenges and opportunities computing   Kuo-Yi ChenChallenges and opportunities computing   Kuo-Yi Chen
Challenges and opportunities computing Kuo-Yi Chen
kuoyichen
 
Cloud Service Past and Now
Cloud Service Past and NowCloud Service Past and Now
Cloud Service Past and Now
Caesar Chi
 
Proud Plone on Cloud
Proud Plone on CloudProud Plone on Cloud
Proud Plone on Cloud
TsungWei Hu
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
Abby Chiu
 
雲端技術的新趨勢
雲端技術的新趨勢雲端技術的新趨勢
雲端技術的新趨勢
Ben Huang
 
Big Data Technology - Cloud Computing
Big Data Technology - Cloud ComputingBig Data Technology - Cloud Computing
Big Data Technology - Cloud Computing
Ren-Hao (PAN) Pan
 
雲端運算與社群網路的新未來 (成功大學)
雲端運算與社群網路的新未來 (成功大學)雲端運算與社群網路的新未來 (成功大學)
雲端運算與社群網路的新未來 (成功大學)
Yeong-Long Chen
 
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
Nst2015 雲端運算-使用hhvm容錯移轉至php-fpm之混合雲端數位學習平台
慶順 陳
 
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
何时浮云散尽(在北邮北邮纪阳老师移动互联网课程上的讲义)
Xu Wang
 
從開放源始碼到內容管理系統(CMS)-Drupal簡介
從開放源始碼到內容管理系統(CMS)-Drupal簡介從開放源始碼到內容管理系統(CMS)-Drupal簡介
從開放源始碼到內容管理系統(CMS)-Drupal簡介
Souyi Yang
 
hicloud PaaS雲創平台(Java/PHP介紹)
hicloud PaaS雲創平台(Java/PHP介紹)hicloud PaaS雲創平台(Java/PHP介紹)
hicloud PaaS雲創平台(Java/PHP介紹)
hicloud-paas
 

More from Caesar Chi (20)

為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?
Caesar Chi
 
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
Caesar Chi
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022
Caesar Chi
 
預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰
Caesar Chi
 
Remote monitoring widget setup and customization
Remote monitoring  widget setup and customizationRemote monitoring  widget setup and customization
Remote monitoring widget setup and customization
Caesar Chi
 
JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇
Caesar Chi
 
LINE@ 2.0 offline to online
LINE@ 2.0  offline to onlineLINE@ 2.0  offline to online
LINE@ 2.0 offline to online
Caesar Chi
 
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Caesar Chi
 
PWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharingPWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharing
Caesar Chi
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web Apps
Caesar Chi
 
codecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introducecodecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introduce
Caesar Chi
 
遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016
Caesar Chi
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flow
Caesar Chi
 
如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享
Caesar Chi
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegap
Caesar Chi
 
From devOps to front end Ops, test first
From devOps to front end Ops, test firstFrom devOps to front end Ops, test first
From devOps to front end Ops, test first
Caesar Chi
 
Docker with Cloud Service GCPUG
Docker with Cloud Service  GCPUGDocker with Cloud Service  GCPUG
Docker with Cloud Service GCPUG
Caesar Chi
 
從失敗中學習打造技術團隊
從失敗中學習打造技術團隊從失敗中學習打造技術團隊
從失敗中學習打造技術團隊
Caesar Chi
 
Docker with Cloud Service
Docker with Cloud ServiceDocker with Cloud Service
Docker with Cloud Service
Caesar Chi
 
技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異
Caesar Chi
 
為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?
Caesar Chi
 
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
Caesar Chi
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022
Caesar Chi
 
預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰
Caesar Chi
 
Remote monitoring widget setup and customization
Remote monitoring  widget setup and customizationRemote monitoring  widget setup and customization
Remote monitoring widget setup and customization
Caesar Chi
 
JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇
Caesar Chi
 
LINE@ 2.0 offline to online
LINE@ 2.0  offline to onlineLINE@ 2.0  offline to online
LINE@ 2.0 offline to online
Caesar Chi
 
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Caesar Chi
 
PWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharingPWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharing
Caesar Chi
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web Apps
Caesar Chi
 
codecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introducecodecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introduce
Caesar Chi
 
遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016
Caesar Chi
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flow
Caesar Chi
 
如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享
Caesar Chi
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegap
Caesar Chi
 
From devOps to front end Ops, test first
From devOps to front end Ops, test firstFrom devOps to front end Ops, test first
From devOps to front end Ops, test first
Caesar Chi
 
Docker with Cloud Service GCPUG
Docker with Cloud Service  GCPUGDocker with Cloud Service  GCPUG
Docker with Cloud Service GCPUG
Caesar Chi
 
從失敗中學習打造技術團隊
從失敗中學習打造技術團隊從失敗中學習打造技術團隊
從失敗中學習打造技術團隊
Caesar Chi
 
Docker with Cloud Service
Docker with Cloud ServiceDocker with Cloud Service
Docker with Cloud Service
Caesar Chi
 
技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異
Caesar Chi
 
Ad

My JavaScript learning path

Editor's Notes

  • #29: 隨著科技的進步,新型態服務的不斷出現,架構在已知的技術上的未知服務,正在等著你我發掘!如果你是開發者,熟悉雲端的各項技術,也可能你就是下個新服務的創造者! GAE 、 Hadoop 等分散式運算,讓服務的運算單位可以執行在多台主機上,讓 HA 與服務的拓展成為可能 ... S3, Swift 等分散式儲存機制,讓儲存裝置賣向可擴展的架構,許多開發者正著手開發讓這些服務可以掛載在主機的方式!