Roteiro 10 - Criando um servidor web com node e nodemon (1)

Prévia do material em texto

DES. WEB – (HTML5, CSS, JS E) - ARA0062-1001
Roteiro 10 - Criando um servidor web com nodemon
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Proposta
• Instalar o Node js
• Instalar o Node Express
• Instalar o Nodemon
• Implementar um servidor http com node
• Chamar páginas html com node express
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Criando um servidor web com nodemon
Criando um servidor web com node 
nodemon
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Instalando o Nodemon
Passo 1
Acesse a pagina a seguir:
https://nodemon.io/
Qual o proposito?
É utilizado para atualizar automaticamente suas paginas após as
alterações.
https://nodemon.io/
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Instalando o Nodemon
Passo 2
click na opção indicada na
figura
https://nodemon.io/
npm install -g nodemon
https://nodemon.io/
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Acessando o prompt de comando
Passo 3
Acesse o prompt de comando DOS. Digite “cmd” no iniciar do
windows
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Verificando a instalação
Passo 4
- Digite a linha de comando a seguir para instalar o nodemon
C:\projetoweb\npm install -g nodemon
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Inicializando o servidor nodemon
Passo 5 - Inicializando o servidor node js.
acesse o diretório do projeto via cmd digite a linha de comando a
seguir:
Node nomedoservidor.js
Exemplo: nodemon servnodemon.js
OBSSERVAÇÃO:
você pode executar o servidor utilizando:
- O node js
- O express
- O nodemon
Introdução à Programação
AULA 01: Introdução à Lógica de ProgramaçãoDesv. WEB ( HTML, CSS e JS)
Executando o servidor nodemon no navegador.
Passo 6 – Executando o servidor:
Abra uma nova guia do seu navegador, digite o comando a seguir:
Localhost:8080 ou 8081 ou 3000, dependendo de qual porta de
comunicação você definiu no passo 6.
Introdução à Programação
AULA 01: Introdução à Lógica de Programação
Bibliografia Básica
DESV. WEB - HTML5, CSS, JS E
DEITEL, Paul J.; DEITEL, Harvey M. Ajax, Rich Internet Applications e
desenvolvimento Web para programadores. São Paulo: Pearson, 2008.
Disponível em: https://plataforma.bvirtual.com.br/Leitor/Publicacao/426/pdf
PLOTZE, Rodrigo. Tecnologias WEB. Rio de Janeiro: SESES, 2015.
Disponível em:
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/BF917AFA-
2335-
4BB8-A269-85491F228012
TERUEL, Evandro C. HTML 5 Guia Prático. 2ª Ed. São Paulo: Érica, 2014.
Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9788536519296/
Introdução à Programação
AULA 01: Introdução à Lógica de Programação
Bibliografia Complementar
DESV. WEB - HTML5, CSS, JS E
FLANAGAN, David. JavaScript: O Guia Definitivo. 6ª Ed. Porto Alegre: Bookman,
2014.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788565837484/
FONSECA, Cleber C. Programação para Internet Rica. Rio de Janeiro: SESES, 2016.
Disponível em:
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/846BB14A-57D1- 236-
B334-17A19E0A77D6
HAROLD, Elliotte R. Refatorando HTML - Como Melhorar o Projeto de Aplicações
Web Existentes. Porto Alegre: Bookman, 2010.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788577806706/
MILETTO, Evandro M.; BERTAGNOLLI, Silvia C. Desenvolvimento de Software II:
Introdução ao Desenvolvimento Web com HTML, CSS, JavaScript e PHP. Porto
Alegre: Bookman, 2014.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788582601969/
SOARES, Walace. PHP 5 - Conceitos, Programação e Integração com Banco de
Dados. 7ª Ed. São Paulo: Érica, 2013.
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/9788536505633
http://repositorio.novatech.net.br/site/index.html#/objeto/detalhes/846BB14A-57D1-