Expressjs basic to advance, power by Node.js

•

26 recomendaciones•4,434 vistas

introduce express framework, a node.js web framework. Anyone if you try using node.js, should be know express framework. However did you really know about Expressjs. This slide will give you a totally common sense in Expressjs.

Noticias y política Tecnología

from
basic
to
middle
clonnhttp://about.me/clonn
Expressjs
Thursday, September 5, 13

Caesar Chi
clonncd
Thursday, September 5, 13

• node
• npm
• git
• grunt.js (optional)
Material
Thursday, September 5, 13

• http://expressjs.com
• https://github.com/visionmedia/express/wiki
Thursday, September 5, 13

• npm install -g express
• maybe you will use “sudo”
• make express work well
Basic
Thursday, September 5, 13

• express as cli
• -e (ejs), -j (jshtml), -H (hogan)
• -c (css)
• -h (call help)
• -v (version)
• -s (session)
Basic
Thursday, September 5, 13

• express as cli
• -e (ejs), -j (jshtml), -H (hogan)
• jade (as default)
Basic
Thursday, September 5, 13

• express as cli
• -e (ejs), -j (jshtml), -H (hogan)
• jade (as default)
Basic
They are Template engine
Thursday, September 5, 13

• Why need template engine?
Basic
Thursday, September 5, 13

• Why need template engine?
Basic
•user-data
•cargo-list
•cache-store
Thursday, September 5, 13

• Why need template engine?
Basic
•user-data
•cargo-list
•cache-store We need Template engine
Thursday, September 5, 13

We need
Template engine
MVC (i hate u)
Because
Thursday, September 5, 13

• express as cli
• -css (default css)
• stylus (as default)
Basic
Thursday, September 5, 13

• express as cli
• -css (default css)
• stylus will compile to pure CSS in static
folder
Basic
Thursday, September 5, 13

• run express cli
• express [-option] [application_name]
Basic
Thursday, September 5, 13

• run express cli
Basic
Thursday, September 5, 13

Now you know
Express-cli
as well
Thursday, September 5, 13

• folder structure
Content
Thursday, September 5, 13

• folder structure
Content
npm package conﬁg
Thursday, September 5, 13

• folder structure
Content
init ﬁle (app.js)
Thursday, September 5, 13

• folder structure
Content
static folder
Thursday, September 5, 13

• folder structure
Content
route setting
Thursday, September 5, 13

• folder structure
Content
view folder
Thursday, September 5, 13

it is basic
Express
folder structure
Thursday, September 5, 13

• Setting in Express
• app.listen
Middle
Thursday, September 5, 13

• Setting in Express
• app.conﬁgure
Middle
read environment variable
Thursday, September 5, 13

• Setting in Express
• app.set, app.get
• app.enable, app.disable
Middle
http://expressjs.com/api.html#app-settings
Thursday, September 5, 13

• Setting in Express
• app.use
Middle
middleware
route
view
Thursday, September 5, 13

• Setting in Express
• app.use
Middle
middleware
route
view
app.use, will execute every route
Thursday, September 5, 13

• Setting in Express
• app.get,
• app.post,
• app.delete,
• app.update
Middle
middleware
route
view
Thursday, September 5, 13

• Setting in Express
• app.all
• app.get,
• app.post,
• app.delete,
• app.update
Middle
middleware
route
view
Thursday, September 5, 13

• Setting in Express
• app.locals
Middle
•user-data
•cargo-list
•cache-store
if those parameters are default
Thursday, September 5, 13

it is middleware
Express
app original method
Thursday, September 5, 13

• req get parameter
• req.params
Request
id = 3
Thursday, September 5, 13

• req get parameter
• req.query
Request
getId = 30
Thursday, September 5, 13

• req get parameter
• req.body
Request
Thursday, September 5, 13

• req get parameter
• req.ﬁles
Request
Thursday, September 5, 13

• req get cookie
• req.cookies (read cookie)
Request
Thursday, September 5, 13

• req about HEADER (read only)
• req.get, req.header
• req.is
• req.ip, req.ips
• req.host (req.subdomains)
• req.protocol, (req.secure -> 'https' == req.protocol;)
Request
Thursday, September 5, 13

• req about HEADER (read only)
• req.xhr
Request
Thursday, September 5, 13

Request is
READ only
in ExpressJS
Thursday, September 5, 13

• res about HEADER
• res.status (res.statusCode)
Response
(code only)
Thursday, September 5, 13

• res about HEADER
• res.clearCookie
Response
Thursday, September 5, 13

• res about HEADER
• res.set, res.header
Response
Thursday, September 5, 13

• res about parameters
• res.locals (app.locals is different)
Response
life cycle is only in url period.
Thursday, September 5, 13

• res client render
• res.redirect
Response
Thursday, September 5, 13

• res client render
• res.json, res.send
Response
HEADER: application/json
Thursday, September 5, 13

• res client render
• res.download
Response
Thursday, September 5, 13

• res client render
• res.render
Response
Thursday, September 5, 13

Response write data
in Express
Thursday, September 5, 13

change middleware
https://github.com/visionmedia/express/wiki
Thursday, September 5, 13

cross domain access
http://stackoverﬂow.com/questions/11181546/node-js-express-cross-domain-scripting
Thursday, September 5, 13

co-work with angularjs
https://github.com/btford/angular-socket-io-im
Thursday, September 5, 13

express 4.x roadmap.
https://github.com/visionmedia/express/wiki/4.x-roadmap
Thursday, September 5, 13

http://nodejs.tw/
Thursday, September 5, 13

http://book.nodejs.tw/
Thursday, September 5, 13

http://nodeknockout.nodejs.tw/
2013/Nov/8 - 10
Thursday, September 5, 13

Más contenido relacionado

Destacado

Express jsManav Prasad

Express node jsYashprit Singh

Building Web Apps with ExpressAaron Stannard

Create Restful Web Application With Node.js Express FrameworkEdureka!

Node.js ExpressEyal Vardi

Generics of JAVAJai Marathe

2CPP15 - TemplatesMichael Heron

Use the @types, LukeBrooklyn Zelenka

On Parameterised Types and Java GenericsYann-Gaël Guéhéneuc

Realtime web applications with ExpressJS and SocketIOHüseyin BABAL

Socket.IO - Alternative Ways for Real-time ApplicationVorakamol Choonhasakulchok

Enterprise Tic-Tac-ToeScott Wlaschin

Pizza compilerSander Mak (@Sander_Mak)

Anatomy of a Modern Node.js Application Architecture AppDynamics

Nodejs Explained with ExamplesGabriele Lana

Introduction to Node.jsVikash Singh

Functional Programming Patterns (NDC London 2014)Scott Wlaschin

Cabalgata de Reyes La Victoria de Acentejosobreruedasclasicas

Medios de transmisión 1Mafeer Bernal

BEAUTY OF COLOURSAgni English

Destacado (20)

Express js

Express node js

Building Web Apps with Express

Create Restful Web Application With Node.js Express Framework

Node.js Express

Generics of JAVA

2CPP15 - Templates

Use the @types, Luke

On Parameterised Types and Java Generics

Realtime web applications with ExpressJS and SocketIO

Socket.IO - Alternative Ways for Real-time Application

Enterprise Tic-Tac-Toe

Pizza compiler

Anatomy of a Modern Node.js Application Architecture

Nodejs Explained with Examples

Introduction to Node.js

Functional Programming Patterns (NDC London 2014)

Cabalgata de Reyes La Victoria de Acentejo

Medios de transmisión 1

BEAUTY OF COLOURS

Similar a Expressjs basic to advance, power by Node.js

Ruby 2.0 / Rails 4.0, A selection of new features.lrdesign

Front-end development automation with Gruntbenko

Mastering ElasticSearch with Ruby and TireLuca Bonmassar

PHP Conference Argentina 2013 - Independizate de tu departamento IT - Habilid...Pablo Godel

Cooking an Omelette with Chefctaintor

Specking Interactors with PHPSpec and YOLO (DDD) at PHPConference Argentina 2013cordoval

Filesystem Management with Flysystem at PHP UK 2023Mark Niebergall

Ab(Using) the MetaCPAN API for Fun and Profit v2013Olaf Alders

JavaScript 1.8.5: New Features Explored☆ Milan Adamovsky ☆

Automated Puppet Testing - PuppetCamp Chicago '12 - Scott NottinghamPuppet

Puppet camp chicago-automated_testing2nottings

Filesystem Management with Flysystem - php[tek] 2023Mark Niebergall

Ansible presentationArthur Freyman

Corss4parke

Introduction to Express and GruntPeter deHaan

Qt Design PatternsYnon Perek

Scaling PHP to 40 Million UniquesJonathan Klein

Unit 12 finding and processing filesroot_fibo

Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...Codemotion

The Spring 4 Update - Josh Longjaxconf

Similar a Expressjs basic to advance, power by Node.js (20)

Ruby 2.0 / Rails 4.0, A selection of new features.

Front-end development automation with Grunt

Mastering ElasticSearch with Ruby and Tire

PHP Conference Argentina 2013 - Independizate de tu departamento IT - Habilid...

Cooking an Omelette with Chef

Specking Interactors with PHPSpec and YOLO (DDD) at PHPConference Argentina 2013

Filesystem Management with Flysystem at PHP UK 2023

Ab(Using) the MetaCPAN API for Fun and Profit v2013

JavaScript 1.8.5: New Features Explored

Automated Puppet Testing - PuppetCamp Chicago '12 - Scott Nottingham

Puppet camp chicago-automated_testing2

Filesystem Management with Flysystem - php[tek] 2023

Ansible presentation

Cors

Introduction to Express and Grunt

Qt Design Patterns

Scaling PHP to 40 Million Uniques

Unit 12 finding and processing files

Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...

The Spring 4 Update - Josh Long

Más de Caesar Chi

為何技術老人這樣想那樣做？Caesar Chi

面試AI技術大進化，加速招聘軟體工程師的全套攻略！Caesar Chi

初探工程師升級手冊 2022Caesar Chi

預約及客服 LINE 服務串接大挑戰Caesar Chi

Remote monitoring widget setup and customizationCaesar Chi

JS 從 Non-type 到 Type 的愛恨情仇Caesar Chi

LINE@ 2.0 offline to onlineCaesar Chi

Chatbot 智能溝通策流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow Caesar Chi

PWA and Chatbot - with e-Commerce experience sharingCaesar Chi

Morden F2E Education - Think of Progressive Web AppsCaesar Chi

codecept.js introduce - front end test E2E tool introduceCaesar Chi

遠端團隊專案建立與管理 remote team management 2016Caesar Chi

Introduce Angular2 & render & firebase flowCaesar Chi

如何提昇技術力 - 參與技術社群之經驗分享Caesar Chi

html5 & phonegapCaesar Chi

From devOps to front end Ops, test firstCaesar Chi

Docker with Cloud Service GCPUGCaesar Chi

從失敗中學習打造技術團隊Caesar Chi

Docker with Cloud ServiceCaesar Chi

技術單兵作戰及團隊開發流程差異Caesar Chi

Más de Caesar Chi (20)

為何技術老人這樣想那樣做？

面試AI技術大進化，加速招聘軟體工程師的全套攻略！

初探工程師升級手冊 2022

預約及客服 LINE 服務串接大挑戰

Remote monitoring widget setup and customization

JS 從 Non-type 到 Type 的愛恨情仇

LINE@ 2.0 offline to online

Chatbot 智能溝通策流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow

PWA and Chatbot - with e-Commerce experience sharing

Morden F2E Education - Think of Progressive Web Apps

codecept.js introduce - front end test E2E tool introduce

遠端團隊專案建立與管理 remote team management 2016

Introduce Angular2 & render & firebase flow

如何提昇技術力 - 參與技術社群之經驗分享

html5 & phonegap

From devOps to front end Ops, test first

Docker with Cloud Service GCPUG

從失敗中學習打造技術團隊

Docker with Cloud Service

技術單兵作戰及團隊開發流程差異

Último

Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort ServiceDelhi Call girls

Busty Desi⚡Call Girls in Sector 62 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls

${Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...$ ${Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...$

{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...hyt3577

04052024_First India Newspaper Jaipur.pdfFIRST INDIA

Verified Love Spells in Little Rock, AR (310) 882-6330 Get My Ex-Lover BackPsychicRuben LoveSpells

06052024_First India Newspaper Jaipur.pdfFIRST INDIA

AI as Research Assistant: Upscaling Content Analysis to Identify Patterns of ...Axel Bruns

BDSM⚡Call Girls in Greater Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls

BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls

05052024_First India Newspaper Jaipur.pdfFIRST INDIA

WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)Delhi Call girls

America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...Andy (Avraham) Blumenthal

Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 46 (Gurgaon)Delhi Call girls

Nara Chandrababu Naidu's Visionary Policies For Andhra Pradesh's Developmentnarsireddynannuri1

China's soft power in 21st century .pptxYasinAhmad20

Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost LoverPsychicRuben LoveSpells

Embed-4.pdf lkdiinlajeklhndklheduhuekjdhbhavenpr

Kishan Reddy Report To People (2019-24).pdfKISHAN REDDY OFFICE

Group_5_US-China Trade War to understand the tradeRahatulAshafeen

BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort ServiceDelhi Call girls

Expressjs basic to advance, power by Node.js

1. from basic to middle clonnhttp://about.me/clonn Expressjs Thursday, September 5, 13

2. Caesar Chi clonncd Thursday, September 5, 13

3. • node • npm • git • grunt.js (optional) Material Thursday, September 5, 13

4. • http://expressjs.com • https://github.com/visionmedia/express/wiki Thursday, September 5, 13

5. • npm install -g express • maybe you will use “sudo” • make express work well Basic Thursday, September 5, 13

6. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13

7. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13

8. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13

9. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13

10. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • jade (as default) Basic Thursday, September 5, 13

11. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • jade (as default) Basic They are Template engine Thursday, September 5, 13

12. • Why need template engine? Basic Thursday, September 5, 13

13. • Why need template engine? Basic •user-data •cargo-list •cache-store Thursday, September 5, 13

14. • Why need template engine? Basic •user-data •cargo-list •cache-store Thursday, September 5, 13

15. • Why need template engine? Basic •user-data •cargo-list •cache-store We need Template engine Thursday, September 5, 13

16. We need Template engine MVC (i hate u) Because Thursday, September 5, 13

17. • express as cli • -css (default css) • stylus (as default) Basic Thursday, September 5, 13

18. • express as cli • -css (default css) • stylus will compile to pure CSS in static folder Basic Thursday, September 5, 13

19. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13

20. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13

21. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13

22. • run express cli Basic Thursday, September 5, 13

23. • run express cli Basic Thursday, September 5, 13

24. • run express cli Basic Thursday, September 5, 13

25. • run express cli Basic Thursday, September 5, 13

26. Now you know Express-cli as well Thursday, September 5, 13

27. • folder structure Content Thursday, September 5, 13

28. • folder structure Content npm package conﬁg Thursday, September 5, 13

29. • folder structure Content init ﬁle (app.js) Thursday, September 5, 13

30. • folder structure Content static folder Thursday, September 5, 13

31. • folder structure Content route setting Thursday, September 5, 13

32. • folder structure Content view folder Thursday, September 5, 13

33. it is basic Express folder structure Thursday, September 5, 13

34. • Setting in Express • app.listen Middle Thursday, September 5, 13

35. • Setting in Express • app.conﬁgure Middle read environment variable Thursday, September 5, 13

36. • Setting in Express • app.set, app.get • app.enable, app.disable Middle http://expressjs.com/api.html#app-settings Thursday, September 5, 13

37. • Setting in Express • app.use Middle middleware route view Thursday, September 5, 13

38. • Setting in Express • app.use Middle middleware route view app.use, will execute every route Thursday, September 5, 13

39. • Setting in Express • app.get, • app.post, • app.delete, • app.update Middle middleware route view Thursday, September 5, 13

40. • Setting in Express • app.all • app.get, • app.post, • app.delete, • app.update Middle middleware route view Thursday, September 5, 13

41. • Setting in Express • app.locals Middle •user-data •cargo-list •cache-store if those parameters are default Thursday, September 5, 13

42. it is middleware Express app original method Thursday, September 5, 13

43. • req get parameter • req.params Request id = 3 Thursday, September 5, 13

44. • req get parameter • req.query Request getId = 30 Thursday, September 5, 13

45. • req get parameter • req.body Request Thursday, September 5, 13

46. • req get parameter • req.body Request Thursday, September 5, 13

47. • req get parameter • req.ﬁles Request Thursday, September 5, 13

48. • req get cookie • req.cookies (read cookie) Request Thursday, September 5, 13

49. • req about HEADER (read only) • req.get, req.header • req.is • req.ip, req.ips • req.host (req.subdomains) • req.protocol, (req.secure -> 'https' == req.protocol;) Request Thursday, September 5, 13

50. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13

51. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13

52. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13

53. Request is READ only in ExpressJS Thursday, September 5, 13

54. • res about HEADER • res.status (res.statusCode) Response (code only) Thursday, September 5, 13

55. • res about HEADER • res.clearCookie Response Thursday, September 5, 13

56. • res about HEADER • res.set, res.header Response Thursday, September 5, 13

57. • res about parameters • res.locals (app.locals is different) Response life cycle is only in url period. Thursday, September 5, 13

58. • res client render • res.redirect Response Thursday, September 5, 13

59. • res client render • res.json, res.send Response HEADER: application/json Thursday, September 5, 13

60. • res client render • res.download Response Thursday, September 5, 13

61. • res client render • res.render Response Thursday, September 5, 13