เรียนรู้ node js แบบสบายๆ...

http://nextflow.in.th/mean-stack-training-workshop/

Node JS กันสบายๆ โค้ชพล

www.nextflow.in.th


http://www.nextflow.in.th


วันนี้

• จุดประสงค์ของเทคโนโลยี Node JS

• การใช้งาน Node JS ในรูปแบบต่างๆ

• การติดตั้ง และเผยแพร่ Node Module



จุดประสงค์ของ Node JS



2 ขีดจำกัดของ Javascript



1. ขอบเขตของ Javascript



HTML Javascript



getElementById(“menu”)

<div id=“menu”>



JQuery Angular JS



Client Server



Javascript ทำงานได้บนเว็บเบราเซอร์

เท่านั้น!



2. การนำ Javascript ไปใช้งาน



// a.js var name = “Pon”;

// b.js var name = “Peter”;

console.log(name);



Javascript ก็เป็นแค่ Script!



2 ขีดจำกัดของ Javascript

• ทำงานได้แค่บน Web Browser

• เป็นภาษาพื้นๆ ไม่มีโครงสร้างเพื่อใช้งานแบบจริงจัง



1. Javascript ที่ทำงานนอก

Web browser



Let’s do it!Node CLI & Chrome Browser



2. Javascript as a module



ModuleApp

Module

Module



Node Module



Node Module

• วิธีการเรียกใช้ Module

• วิธีการสร้าง Module

• วิธีติดตั้ง และเผยแพร่ Module



วิธีการเรียกใช้ Node CLI



วิธีการเรียกใช้ Module

node <javascript file>



Let’s do it!Invoke a javascript file in node CLI




var module = require(…);




// manU.js

= require(‘./manU’);



Let’s do it!Require JS file as module




// team/liverpool.js

= require(‘./team/liverpool’);



Let’s do it!Require JS file in sub folder




// team/index.js

= require(‘./team’);



Let’s do it!Require folder as module




// ‘os’ module

= require(‘os’);



Let’s do it!Require core module



วิธีการสร้าง Module



.property .function()

App Require(…)



exports



exports

exports.name = “Pon”;



exports

exports.name = “Pon”;

exports.yeah = function(){

…

}



module exports.p exports.f()App Require(…)



Let’s do it!Exports in Javascript module (x2)



folder index.jsApp Require(‘/folder’)



Let’s do it!index.js in a folder



module App Require(…)



module App

Require(…)

{Object}



สร้าง Node Module แบบที่ไม่ใช ่Object



require(…);



require(…)(‘server’);



require(…)(‘server);

var a = WalkingDead(‘Rick’);



module.exports = …



module.exports = function(){ }



module.exports = []



module.exports = {…}



3. วิธีติดตั้ง และเผยแพร่ Module



วิธีติดตั้ง และเผยแพร่ Module

• คำสั่งสร้าง npm init

• คำสั่งติดตั้ง npm install

• คำสั่งเผยแพร่ npm publish



คำสั่งสร้าง npm init



package.json



package.json• name, version, description

• ชื่อ, เวอร์ชั่น module, และรายละเอียด

• main

• ไฟล์เริ่มต้นเมื่อเกิดการเรียก module

• author

• รายละเอียดผู้สร้าง

• dependencies

• รายชื่อ Module ที่ถูกเรียกใช้



dependencies



คำสั่งติดตั้ง npm install



คำสั่งเผยแพร่ npm publish



Node JS กันสบายๆ โค้ชพล

www.nextflow.in.th


http://www.nextflow.in.th

เรียนรู้ node js แบบสบายๆ...

Technology