Your SlideShare is downloading. ×
Node workShop Basic
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

Node workShop Basic

1,014
views

Published on

介紹 Node.js & JavaScript 開發基本觀念,以及 Node.js API 基本介紹

介紹 Node.js & JavaScript 開發基本觀念,以及 Node.js API 基本介紹

Published in: Technology

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

No Downloads
Views
Total Views
1,014
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
36
Comments
0
Likes
6
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
  • \n
  • 基礎前面,先提到 Java, JavaScript, Node.js 之間的關係,比較三者關係\n
  • 基礎前面,先提到 Java, JavaScript, Node.js 之間的關係,比較三者關係\n
  • \n
  • \n
  • \n
  • Node.js always code in JavaScript\n
  • Node.js always code in JavaScript\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 還是要持續寫 JavaScript\n
  • 還是要持續寫 JavaScript\n
  • \n
  • broswser\n
  • server js\n\n
  • 前後端都一起寫 JavaScript\n
  • 後端稱為 Node, 前端稱為 JavaScript,除了語言上的優勢之外?\n
  • 後端稱為 Node, 前端稱為 JavaScript,除了語言上的優勢之外?\n
  • 非阻塞模式,講解一下阻塞模式是怎麼進行,使用 request 方式\n\n
  • 事件驅動,當註冊事件時,只有被觸發的時候才會引發,並不是註冊的時候就執行。\n\n
  • 因此以上兩種特性建立,就可以擁有高連線數量\n\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 整體來說 js code 會呈現為什麼樣的方式?\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 整體來說 js code 會呈現為什麼樣的方式?\n
  • 整體來說 js code 會呈現為什麼樣的方式?\n
  • 前端使用的方式使用 script, src, 舉例 jquery.js\n
  • 後端稱為 Node, 前端稱為 JavaScript,除了語言上的優勢之外?\n
  • 後端稱為 Node, 前端稱為 JavaScript,除了語言上的優勢之外?\n
  • http.js\n
  • module 引入方法, .js 可加入,可不加入\n
  • module 引入方法, .js 可加入,可不加入\n
  • 如果兩個檔案互相變數是取一樣的,以前端來說,\n
  • 互相打架\n
  • 整體來說 js code 會呈現為什麼樣的方式?\n
  • 每個 file, 都是一個 module, 互相引用,卻不會互相干擾,會是獨立運作的模組,至於這些運作的規範都稱為\n
  • 整體來說 js code 會呈現為什麼樣的方式?\n
  • 這些都是模組,每個都是模組\n
  • 這些東西都是屬於 commonjs 規範部分,common 並不是一套新的 library ,而是規範, 用來規範 js 在前端以外應用的方式\n
  • 那既然有這麼多模組,要怎麼管理?\n
  • 有分成全局可使用,不用載入、內部使用,但是需要做 require, 外部使用,需要引入外部檔案,模組\n
  • npm, node package management.\n
  • npm, node package management.\n
  • node_module 的儲存位置\n
  • package.json 的使用性\n
  • package.json 的使用性\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • 非阻塞、事件驅動?跟大家說明一次\n
  • Transcript

    • 1. NODE.JS BASIC 大綱、基礎介紹 Caesar Chi http://about.me/clonn
    • 2. BASIC•Java•JavaScript•Node.js
    • 3. •Java•JavaScript•Node.js
    • 4. 課程•Node.js•Node.js MySQL•RealTime Application•NoSQL
    • 5. •Node.js•Node.js MySQL•RealTime Application•NoSQL
    • 6. 事前技能表
    • 7. Command line
    • 8. GIT(Github)
    • 9. JavaScript
    • 10. Server
    • 11. 注意事項
    • 12. No Alert
    • 13. No Alert
    • 14. Crash only
    • 15. 講 麼多
    • 16. JavaScript
    • 17. JavaScript
    • 18. 好處?
    • 19. JavaScript
    • 20. JavaScript
    • 21. JavaScript
    • 22. JavaScript
    • 23. JavaScript
    • 24. JavaScript
    • 25. NON-BLOCKING 非阻塞模式
    • 26. EVENT-DRIVEN事件驅動模型
    • 27. http://www.flickr.com/photos/goldentime/4089413847/sizes/z/in/photostream/ HIGH CONCURRENCY 高連線數量
    • 28. 非阻塞?事件驅動?
    • 29. 用具體一點的說法
    • 30. 以媽媽當主角說明
    • 31. 舊有作法
    • 32. 舊有作法
    • 33. 舊有作法
    • 34. 舊有作法
    • 35. 非阻塞作法
    • 36. ZZZZZZZ
    • 37. JS STYLE
    • 38. var monther = require(monther);
    • 39. var monther = require(monther);monther.on( , function ( ){ return ;});
    • 40. var monther = require(monther);monther.on( , function ( ){ return ;});
    • 41. var monther = require(monther);monther.on( , function ( ){ return ;});
    • 42. var monther = require(monther);monther.on(cofee, function (data) { return data;});monther.on(egg, function (egg) { return egg;});monther.on(cake, function (cake) { return cake;});
    • 43. REQUIRE???
    • 44. REQUIRE =LOAD MODULE
    • 45. <script src=‘xxx’>
    • 46. <script src=‘xxx’><script src=‘jquery.js’></script>
    • 47. var xxxx=require(‘xxx’);
    • 48. var xxxx=require(‘xxx’);
    • 49. var xxxx=require(‘xxx’); var http = require(‘http’);
    • 50. var xxxx=require(‘xxx’); var http = require(‘http’);
    • 51. var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
    • 52. var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
    • 53. var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
    • 54. var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
    • 55. new.js old.jsvar a = 123; var a = 456;
    • 56. new.js old.jsvar a = 123; var a = 456;
    • 57. PRINT(A)?
    • 58. module.jsmodule.exports = {};
    • 59. MODULE
    • 60. var http = require(‘http’);var fs = require(‘fs’);var path = require(‘./yoo’);.
    • 61. COMMONJS http://www.commonjs.org/
    • 62. http://www.commonjs.org/
    • 63. MODULE 管理
    • 64. MODULE 管理• Global module, • 例如, process• internal module, • 例如, http, fs, path, child_process...• external module,
    • 65. • Global module, • 例如, process• internal module, • 例如, http, fs, path, child_process...• external module,
    • 66. NPM• npm install module_name• npm install -g module_name• npm update [module_name]• npm list• npm ...
    • 67. • npm install module_name• npm install -g module_name• npm update [module_name]• npm list• npm ...
    • 68. NPM•外部模組, 存於... •node_modules/.....
    • 69. •外部模組, 存於... •node_modules/.....
    • 70. NPM•dependency manage •package.json
    • 71. •dependency manage •package.json
    • 72. NPM•dependency manage •package.json
    • 73. •dependency manage •package.json
    • 74. NODE 到底是什麼?