SlideShare a Scribd company logo
JS revolution
Frontend to Backend
I AM CAESAR
    http://about.me/clonn
WHO AM I?
A
WEB DEVELOPER
JS for me
http://www.flickr.com/photos/sashapo/2887897800/sizes/l/in/photostream/
首頁製作大寶箱
Javascript revolution front end to back end
Javascript revolution front end to back end
NODE.JS 誕生
Javascript revolution front end to back end
http://habrahabr.ru/post/108241/
Javascript revolution front end to back end
http://www.youtube.com/watch?v=ySTc_oOFjNc
Apache(nginx) + PHP
   V8#Engine   Javascript
目前已有 8000多個模組
Javascript revolution front end to back end
Javascript revolution front end to back end
http://www.oreilly.com.tw/product2_web.php?id=a238
Web
開發模式
http://www.asp.net/mvc
JS
JS
JS   JS
JS



JS        JS
http://www.flickr.com/photos/yuminghui/4531215386/sizes/o/in/photostream/
But
http://www.flickr.com/photos/kent-chen/6612953485/sizes/l/in/photostream/
Express
    http://expressjs.com/
Socket.io
     http://socket.io/
mongoose
 https://github.com/LearnBoost/mongoose
DEMO
https://github.com/clonn/comet-todo-list
DEMO || Q&A
[工商服務]
NODE.JS學習方式?
http://nodejs.tw
http://book.nodejs.tw
最後   基金投資有賺有賠投資人申購基金時應詳閱公開說明書

More Related Content

What's hot (18)

PDF
Sinatra
Chien-An Cho
 
PDF
CasperJS and PhantomJS for Automated Testing
X-Team
 
PDF
Angularjs cascade
hannonhill
 
PDF
"Augmented reality in your browser", Alina Karpelceva
Fwdays
 
PDF
Js girls 12/3
曦 徐
 
PDF
webpack 101 slides
mattysmith
 
PDF
Webpack Tutorial, Uppsala JS
Emil Öberg
 
PDF
Site Testing with CasperJS
Joseph Scott
 
PPT
Fav
helloppt
 
PDF
Functional javascript
William Bruno Moraes
 
PDF
5 best practices for (web/ software) development (2010)
Erwin Elling
 
PPTX
How to create 360 Image/panorama & share with WebVR?
Fred Lin
 
DOC
Link update antivirus
mcgoodman
 
PDF
Workflow para desenvolvimento Web & Mobile usando grunt.js
Davidson Fellipe
 
PDF
Microservices for the Masses with Spring Boot, JHipster, and JWT - Rich Web 2016
Matt Raible
 
PPT
Building rock solid software in the real world
Omni Adams
 
PDF
Enterprise makeover. Be a good web citizen, deliver continuously and change y...
Mateusz Kwasniewski
 
PDF
Sergey Susikov. Virtualzation. My rakes
DrupalSib
 
Sinatra
Chien-An Cho
 
CasperJS and PhantomJS for Automated Testing
X-Team
 
Angularjs cascade
hannonhill
 
"Augmented reality in your browser", Alina Karpelceva
Fwdays
 
Js girls 12/3
曦 徐
 
webpack 101 slides
mattysmith
 
Webpack Tutorial, Uppsala JS
Emil Öberg
 
Site Testing with CasperJS
Joseph Scott
 
Functional javascript
William Bruno Moraes
 
5 best practices for (web/ software) development (2010)
Erwin Elling
 
How to create 360 Image/panorama & share with WebVR?
Fred Lin
 
Link update antivirus
mcgoodman
 
Workflow para desenvolvimento Web & Mobile usando grunt.js
Davidson Fellipe
 
Microservices for the Masses with Spring Boot, JHipster, and JWT - Rich Web 2016
Matt Raible
 
Building rock solid software in the real world
Omni Adams
 
Enterprise makeover. Be a good web citizen, deliver continuously and change y...
Mateusz Kwasniewski
 
Sergey Susikov. Virtualzation. My rakes
DrupalSib
 

Similar to Javascript revolution front end to back end (16)

PPTX
淺談 NodeJS 與框架
Ying-Hsiang Liao
 
PDF
Let s Enjoy Node.js
Fred Chien
 
PPTX
Node.JS| Coffeescript Presentation
Sam Frons
 
PDF
Node.js 1, 2, 3
Jian-Hong Pan
 
PDF
Node.js in action
Simon Su
 
PDF
Node basic training
Caesar Chi
 
PDF
Building A Web App In 100% JavaScript with Carl Bergenhem
FITC
 
PPTX
Create simple api using node js
Edwin Andrianto
 
PDF
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
Igor Bronovskyy
 
PPTX
Node.js, From Simple to Complex
Alexandra Anghel
 
PDF
What is Node.js? (ICON UK)
Tim Davis
 
PDF
(C)NodeJS
Jackson Tian
 
PDF
Cloud App Develop
Fin Chen
 
PDF
Node.JS briefly introduced
Alexandre Lachèze
 
KEY
20120802 timisoara
Richard Rodger
 
PPTX
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
Irfan Maulana
 
淺談 NodeJS 與框架
Ying-Hsiang Liao
 
Let s Enjoy Node.js
Fred Chien
 
Node.JS| Coffeescript Presentation
Sam Frons
 
Node.js 1, 2, 3
Jian-Hong Pan
 
Node.js in action
Simon Su
 
Node basic training
Caesar Chi
 
Building A Web App In 100% JavaScript with Carl Bergenhem
FITC
 
Create simple api using node js
Edwin Andrianto
 
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
Igor Bronovskyy
 
Node.js, From Simple to Complex
Alexandra Anghel
 
What is Node.js? (ICON UK)
Tim Davis
 
(C)NodeJS
Jackson Tian
 
Cloud App Develop
Fin Chen
 
Node.JS briefly introduced
Alexandre Lachèze
 
20120802 timisoara
Richard Rodger
 
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
Irfan Maulana
 
Ad

More from Caesar Chi (20)

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

Recently uploaded (20)

PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
Python basic programing language for automation
DanialHabibi2
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
Python basic programing language for automation
DanialHabibi2
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 

Javascript revolution front end to back end

Editor's Notes

  • #2: Topic: Javascript revolution front end to back end.\n\n\n
  • #3: Caesar Chi, 本人友善連結, http://about.me/clonn\n
  • #4: 我的真正職業身分是?\n
  • #5: 一位 Web developer. (老梗)\n
  • #6: 直接切入主題,JavaScript 對我來說是什麼?\n\n\n
  • #7: 早期的 JS ,有如大雨一般繽紛,帶來許多絢麗的效果(灑花)\n
  • #8: 這就是 js 的來源,使用 js 的方法很簡單,兩個步驟就完成,『複製』、『貼上』發生錯誤,就換下一個特效,繼續『複製』、『貼上』\n\n\n
  • #9: 自從這個應用開始,JavaScript ,我對於它開始有了新的看法。\n\n
  • #10: google 開始將 javascript 發揚光大,gmail, google map, 開始如雨後春筍開始冒出來AJAX 應用開始增加,套件庫也讓開發變得更為方便。\n\n\n
  • #11: 2009 Node.js 誕生,得知JavaScript 這個語言可以有不同的用法\n
  • #12: http://nodejs.org\n
  • #13: Node.js WTF? 一開始,對於 Node.js 的概念?它是什麼?能吃嗎?\n
  • #14: 瀏覽器的 JavaScript 怎麼可能寫在 Server side,那一定會變成...\n
  • #15: 瀏覽器的 JavaScript 怎麼可能寫在 Server side,那一定會變成...\n請原諒我的無知\n
  • #16: Node.js 採用 Google v8 engine + JIT + JavaScript\njavascript 語言特性,event driven, 弱型態,\n因此可以提高服務器 currency ,提高機器的使用率\n
  • #17: npm (Node.js package management)完整的套件管理系統,容易發佈,使用,建立,目前已有 8000多個模組\n
  • #18: 目前,Node v0.6.x 跨平台支援\n
  • #19: android 也可以使用\n
  • #20: 說了這麼多,JavaScript 還是專注在它的優良部分就好。其他的,會隨著時間改變的(不是js 改,就是你改)\n
  • #21: 接著談談 Web 開發模式\n\n\n
  • #22: Web 開發,怎麼樣都離不開 MVC\n\n\n
  • #23: 以往,JS 只能提供在 view 的部份,因此大部分開發者的觀點,還是停留在 js = 瀏覽器的概念。 \n\n\n
  • #24: Node.js 帶來了極大的衝擊,該是時候看看不同的東西了!\n\n\n
  • #25: 後端 controller 可以使用 JS 開發\n\n\n
  • #26: 後端 model 也可以使用 JS 開發\n\n\n
  • #27: 可以看到的結果就是 javaScript 遍地開花\n\n
  • #28: 但是!(人生總是有個『蛋似』)\n\n\n
  • #29: Node 開發目前就像是積木一樣,需要自己拼湊很多東西都要靠自己去組合,實驗,討論。\n\n\n
  • #30: Node framework - Web light framework\nhttp://expressjs.com/\n\n
  • #31: socket.io - Comet 模擬,整合跨瀏覽器行為,前後端整合 JS 模組\nhttp://socket.io/\n\n\n
  • #32: mongoose - MongoDB Node.js 模組,建立於 MongoDB driver 之上,整合許多方便的行為,提供開發者使用\n\n\n
  • #33: 利用 Ben 提供的 express todo example ,改寫 comet 版本 https://github.com/clonn/comet-todo-list\n
  • #34: \n
  • #35: Node.js 其他學習方式\n
  • #36: Node.js Taiwan Community\n
  • #37: \n
  • #38: 最後 基金投資有賺有賠投資人申購基金時應詳閱公開說明書\n