Node workShop Basic

  • 979 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
979
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
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 到底是什麼?