Your SlideShare is downloading. ×
Javascript revolution front end to back end
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Javascript revolution front end to back end

742
views

Published on

以 Web 開發為基礎,講解 JavaScript 如何從前端到後端,開發模式思維的調整。 …

以 Web 開發為基礎,講解 JavaScript 如何從前端到後端,開發模式思維的調整。

Basic on web develop, explain how JavaScript works from front end to back end, until Node develop way.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
742
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

    • 1. JS revolutionFrontend to Backend
    • 2. I AM CAESAR http://about.me/clonn
    • 3. WHO AM I?
    • 4. AWEB DEVELOPER
    • 5. JS for me
    • 6. http://www.flickr.com/photos/sashapo/2887897800/sizes/l/in/photostream/
    • 7. 首頁製作大寶箱
    • 8. NODE.JS 誕生
    • 9. http://habrahabr.ru/post/108241/
    • 10. http://www.youtube.com/watch?v=ySTc_oOFjNc
    • 11. Apache(nginx) + PHP V8#Engine Javascript
    • 12. 目前已有 8000多個模組
    • 13. http://www.oreilly.com.tw/product2_web.php?id=a238
    • 14. Web開發模式
    • 15. http://www.asp.net/mvc
    • 16. JS
    • 17. JS
    • 18. JS JS
    • 19. JSJS JS
    • 20. http://www.flickr.com/photos/yuminghui/4531215386/sizes/o/in/photostream/
    • 21. But
    • 22. http://www.flickr.com/photos/kent-chen/6612953485/sizes/l/in/photostream/
    • 23. Express http://expressjs.com/
    • 24. Socket.io http://socket.io/
    • 25. mongoose https://github.com/LearnBoost/mongoose
    • 26. DEMOhttps://github.com/clonn/comet-todo-list
    • 27. DEMO || Q&A
    • 28. [工商服務]NODE.JS學習方式?
    • 29. http://nodejs.tw
    • 30. http://book.nodejs.tw
    • 31. 最後 基金投資有賺有賠投資人申購基金時應詳閱公開說明書