Partindo de uma introdução ao Node, entenderemos o funcionamento da Engine JavaScript V8, o Loop de Eventos, o Ambiente de Desenvolvimento até criarmos um pequeno Microsserviço com Node.js e o framework Express.

1. Node.js +
Express

3. Agenda

4. 1.
Introdução ao
Node.js

5. O que é Node.js

6. Ryan Dahl

7. Uma Runtime para JavaScript

8. Para quê serve o Node.js?
●
●
●
●
●
●
●
●
●

9. Quando usar o Node.js?
●
●
●
●
●
●
●
●
●

10. V8
●
●
●
●
●

11. Motores JavaScript
●
●
●
●
●
●
●
●
●
https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

12. Sobre JavaScript
●
●
●
●
●
●

13. Exemplo de JavaScript

14. 1. Motor JavaScript
(engine como o V8)
2. APIs da Web
Fornecidas fora do
motor JavaScript.
Ao serem
acionadas, são
adicionados na fila
de eventos
(callback queue)
3. Os eventos
entram em um loop
e são adicionados
um a um na pilha
de processamento
do motor JavaScript
4. O event loop vai testando
quando um evento terminou
e o retira da fila
Como funciona o JavaScript?

15. JavaScript Call Stack
https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf

16. Simultaneidade e o loop de eventos

17. Classes Ocultas do V8
●
●
●
https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

18. Como escrever JavaScript otimizado
●
●
●
●
●
https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

19. O que acontece quando
você tem chamadas de
função na Call Stack que
levam muito tempo para
serem processadas?

20. Funções Assíncronas (Callback)
https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5

21. Loop de Eventos
●
●
●
●
https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5

22. Exemplo do Loop de Eventos
Este é um gif animado, para visualizar, acesse o link abaixo:
https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5

23. Ajax
https://codepen.io/danvitoriano/pen/oYqrgV

24. Promises
https://codepen.io/danvitoriano/pen/dBoRba
https://www.tutorialswebsite.com/basic-difference-between-callback-and-promise/

25. Async/Await
●
●
https://codepen.io/danvitoriano/pen/KKzoMKQ

26. Fetch com Promises para acessar rotas
fetch('http://example.com/movies.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(throw new Error("nao retornou")
https://codepen.io/danvitoriano/pen/mdPxPyg
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

27. Como o Node.js
funciona?

28. TUTORIAIS DE NODE.JS
https://www.kindsonthegenius.com/nodejs/

29. Funcionamento transpiler + V8
Machine Language
Assembly Language
C/C++
JavaScript

30. Características do Node.js
●
●
●
●
●
●
●
●
●

31. Objetos Globais, Eventos e Requests
● Objetos Globais
○ global (variável global, namespaces: fs, http, url,
path, https, stream, v8, Array, Buffer, ArrayBuffer)
○ process (I/O, eventos, pid, stdin, stdout, stderr,
exit, kill) (EventEmitter)
● Eventos
○ JS é single-thread
○ loop events, callbacks, EventEmitter
○ libev, libeio
○ emit()
○ setTimeOut(), setInterval()
● Request
○ http.get(), request,
node-fetch,
async/await,
Promise, r2, axios

32. Fila de Eventos Node.js

33. Como criar um
web service com
Node.js?

34. https://www.youtube.com/watch?v=y3u0qzw0ho4

35. Ambiente de Desenvolvimento
●
●
●
●
●
●
●
●

36. Instalando o Node.js
●
●

37. Opção 1 — Baixando arquivo Binário

38. Opção 2 — Utilizando o NVM

39. Testando
instalação
Node.js com
Hello World

40. Node Package Manager (NPM)
●
●
○
○
○
●
●

41. Criando um
novo projeto
para NPM

42. Exemplo package.json
{
"name": "my_package",
"description": "",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"repository": {
"type": "git",
"url": "https://github.com/username/my_package.git"
},
"keywords": [],
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/username/my_package/issues"
},
"homepage": "https://github.com/username/my_package"
}
https://docs.npmjs.com/creating-a-package-json-file

43. 2.
ExpressJS

44. Um framework Node.js

45. Adicionar
Express como
Dependência

46. VSCode

47. Módulos Node

48. Hello World com ExpressJS
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})

49. Hello World com ExpressJS

50. Hello World com ExpressJS
node app.js

51. Criar um
servidor web
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('Hello World!');
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});

52. Desafios
app.post("/api", () => {})

53. 3.
Microsserviços

54. Microsserviços, APIs e REST

56. CRUD

57. cURL

58. Middlewares

59. JSON

60. Persistindo
dados no web
service
const express = require('express')
const app = express()
const port = 3000
let items = []
app.use(express.json())
app.get('/', (req, res) => {
res.json(items[1])
})
app.post('/', (req, res) => {
items.push(req.body.name)
console.log(req.body)
res.send(`Criando dados de ${req.body.name}`)
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
(branch
"video-microsservicos"):

61. Desafios

62. https://www.youtube.com/watch?v=jjKnmJFtkOk

63. GitHub
●
●

64. Bibliografia
BÁSICA
● CROCKFORD, Douglas. O Melhor do JavaScript, Rio de Janeiro: Alta
Books, 2008.
● EIS, Diego. Guia Front-End - O caminho das pedras para ser um dev
Front-End, São Paulo: Casa do Código, 2015.
● POWERS, Shelley. Aprendendo Node, São Paulo: Novatec, 2017.
● MAZZA, Lucas. HTML5 e CSS3 - Domine a web do futuro, São Paulo:
Casa do Código, 2012.
● LOPES, Sérgio. A Web Mobile - Design Responsivo e além para uma
Web adaptada ao mundo mobile, São Paulo: Casa do Código, 2015.
● MORRISON, Michael. Use a Cabeça JavaScript, Rio de Janeiro: Alta
Books, 2008.
● MORAES, William Bruno. Construindo Aplicações com NodeJS, São
Paulo: Novatec, 2018.
● ALMEIDA, Flávio. Cangaceiro JavaScript - Uma aventura no sertão da
programação, São Paulo: Casa do Código, 2017.
COMPLEMENTAR
● FLANAGAN, David. JavaScript: O Guia Definitivo, Porto Alegre:
Bookman, 2013.
● HAVERBEKE, Marijn. Eloquent JavaScript, São Francisco: No Starch
Press, 2018.
● SILVA, Maurício Samy. CSS Grid Layout: Criando layouts CSS
profissionais, São Paulo: Novatec, 2019.
● OSMANI, Addy. Learning Javascript Design Patterns, Sebastopol:
O'reilly, 2012.
● STEFANOV, Stoyan. Padrões JavaScript, São Paulo: Novatec, 2010.
● ZAKAS, Nicholas C. JavaScript de Alto Desempenho, São Paulo:
Novatec, 2010.
● RESIG, John. Segredos do Ninja Javascript, São Paulo: Novatec,
2013.
● GRONER, Loiane. Estruturas de dados e algoritmos com JavaScript:
Escreva um código JavaScript complexo e eficaz usando a mais
recente ECMAScript, São Paulo: Novatec, 2019.
● ROCHA, Zeno. 14 Hábitos de Desenvolvedores Altamente Produtivos,
[S.l.]: Amazon Kindle, 2020. Disponível em <http://amazon.com/>

65. Referência
●
●
●
●
●
●