O documento aborda a introdução e instalação do Node.js, incluindo a configuração do ambiente de desenvolvimento e a criação de um servidor utilizando o framework Express. Ele também discute a arquitetura MVC e a utilização do Nunjucks como motor de templates para renderizar views. Além disso, menciona a configuração de ferramentas como EditorConfig, ESLint e Prettier para otimizar o desenvolvimento.

1. NODEJS
Profº Me. Abílio Soares Coelho
abilio.coelho@ifma.edu.br

2. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 2
INTRODUÇÃO
 Roda sobre a engine V8 do Chrome
 Non-blocking I/O
 Acesso a Banco de Dados
 Gerenciar requisições http

3. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 3
INSTALAÇÃO
 Acessar https://nodejs.org
 Utilizar instalação via package manager (windows = chocolatey ; Linux = apt; Mac =
homebrew)
 Para testar instalação do node
 node -v;
 Para verificar instalação do npm
 npm -v
 Instalar o yarn para otimizar o gerenciador de pacote em https://yarnpkg.com

4. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 4
INICIALIZANDO PROJETO
 Após criar e acessar diretório executar o comando para inicializar o projeto e criar o
arquivo package.json
 yarn init -y

5. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 5
CRIANDO UM SERVIDOR HTTP

6. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 6
EXPRESS
 O Express é um framework para aplicativo da web do NodeJS mínimo e flexível que
fornece um conjunto robusto de recursos para aplicativos web e móvel.
 Microframework que trata rotas e views.
 Instalar biblioteca express
 yarn add express

7. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 7
CRIANDO UM SERVIDOR EXPRESS

8. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 8
ARQUITETURA MVC
 Um modelo (model) armazena dados e notifica suas visões e controladores associados
quando há uma mudança em seu estado. Estas notificações permitem que as visões
produzam saídas atualizadas e que os controladores alterem o conjunto de comandos
disponíveis. Uma implementação passiva do MVC monta estas notificações, devido a
aplicação não necessitar delas ou a plataforma de software não suportá-las.
 A visão (view) gera uma representação (Visão) dos dados presentes no modelo
solicitado, fazendo a exibição dos dados, sendo ela por meio de um html ou xml.
 Um controlador (controller) envia comandos para o modelo para atualizar o seu
estado (por exemplo, editando um documento). O controlador também pode enviar
comandos para a visão associada para alterar a apresentação da visão do modelo (por
exemplo, percorrendo um documento).

9. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 9
ARQUITETURA MVC
As linhas sólidas
indicam associação
direta e as tracejadas
indicam associação
indireta

10. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 10
NUNJUCKS
 É um poderoso template engine para renderizações das views
 Instalar biblioteca nunjucks
 yarn add nunjucks
 Criar pasta views e configurar o nunjucks como view engine do app
 Criar arquivos list.njk e new.njk e renderizar os conteúdos nas rotas
 Para renderizar um formulário é necessário setar urlencoded no express

11. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 11
NUNJUCKS

12. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 12
TEMPLATES

13. 17/10/2024
NodeJS - Profº Me. Abílio Soares Coelho 13
CONFIGURAÇÃO DE DESENVOLVIMENTO
 Instalar e configurar a extensão EditorConfig
 Instalar e configurar a extensão Eslint e prettier
 Instalar a biblioteca Eslint como dependência de desenvolvimento
 yarn add eslint -D
 Executar comando e seguir passos para inicializar o eslint
 yarn eslint --init
 Excluir package.loc.json e executar
 yarn
 Adicionar as seguintes linhas no settings.json do vscode:
 editor.formatOnSave: true
 prettier.eslintIntegration: true