Node workShop Basic
Upcoming SlideShare
Loading in...5
×
 

Node workShop Basic

on

  • 1,256 views

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

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

Statistics

Views

Total Views
1,256
Slideshare-icon Views on SlideShare
1,254
Embed Views
2

Actions

Likes
6
Downloads
36
Comments
0

1 Embed 2

http://nodeslide.herokuapp.com 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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

Node workShop Basic Node workShop Basic Presentation Transcript

  • NODE.JS BASIC 大綱、基礎介紹 Caesar Chi http://about.me/clonn
  • BASIC•Java•JavaScript•Node.js
  • •Java•JavaScript•Node.js
  • 課程•Node.js•Node.js MySQL•RealTime Application•NoSQL
  • •Node.js•Node.js MySQL•RealTime Application•NoSQL
  • 事前技能表
  • Command line
  • GIT(Github)
  • JavaScript
  • Server
  • 注意事項
  • No Alert
  • No Alert
  • Crash only
  • 講 麼多
  • JavaScript
  • JavaScript
  • 好處?
  • JavaScript
  • JavaScript
  • JavaScript
  • JavaScript
  • JavaScript
  • JavaScript
  • NON-BLOCKING 非阻塞模式
  • EVENT-DRIVEN事件驅動模型
  • http://www.flickr.com/photos/goldentime/4089413847/sizes/z/in/photostream/ HIGH CONCURRENCY 高連線數量
  • 非阻塞?事件驅動?
  • 用具體一點的說法
  • 以媽媽當主角說明
  • 舊有作法
  • 舊有作法
  • 舊有作法
  • 舊有作法
  • 非阻塞作法
  • ZZZZZZZ
  • JS STYLE
  • var monther = require(monther);
  • var monther = require(monther);monther.on( , function ( ){ return ;});
  • var monther = require(monther);monther.on( , function ( ){ return ;});
  • var monther = require(monther);monther.on( , function ( ){ return ;});
  • 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;});
  • REQUIRE???
  • REQUIRE =LOAD MODULE
  • <script src=‘xxx’>
  • <script src=‘xxx’><script src=‘jquery.js’></script>
  • var xxxx=require(‘xxx’);
  • var xxxx=require(‘xxx’);
  • var xxxx=require(‘xxx’); var http = require(‘http’);
  • var xxxx=require(‘xxx’); var http = require(‘http’);
  • var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
  • var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
  • var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
  • var xxxx=require(‘xxx’); var http = require(‘http.js’); var http = require(‘http’);
  • new.js old.jsvar a = 123; var a = 456;
  • new.js old.jsvar a = 123; var a = 456;
  • PRINT(A)?
  • module.jsmodule.exports = {};
  • MODULE
  • var http = require(‘http’);var fs = require(‘fs’);var path = require(‘./yoo’);.
  • COMMONJS http://www.commonjs.org/
  • http://www.commonjs.org/
  • MODULE 管理
  • MODULE 管理• Global module, • 例如, process• internal module, • 例如, http, fs, path, child_process...• external module,
  • • Global module, • 例如, process• internal module, • 例如, http, fs, path, child_process...• external module,
  • NPM• npm install module_name• npm install -g module_name• npm update [module_name]• npm list• npm ...
  • • npm install module_name• npm install -g module_name• npm update [module_name]• npm list• npm ...
  • NPM•外部模組, 存於... •node_modules/.....
  • •外部模組, 存於... •node_modules/.....
  • NPM•dependency manage •package.json
  • •dependency manage •package.json
  • NPM•dependency manage •package.json
  • •dependency manage •package.json
  • NODE 到底是什麼?