Você está lendo a versão em inglês deste conteúdo porque ainda não há uma tradução para este idioma. Ajude-nos a traduzir este artigo!
Este primeiro artigo da nossa prática series de tutoriais, explicará o que você irá aprender, e providenciará uma visão geral do exemplo de um site de "local libary" (Biblioteca Local, em tradução livre) que trabalharemos através dos próximos artigos.
Pré-requisitos: | Leia a "Indrodução ao Express" Para os seguintes artigos, você também deverá ler a "Preparação para o ambiente de desenvolvimento do Node". |
---|---|
Objetivos: | Para introduzir o exemplo da aplicação usada neste tutorial, e permitir aos leitores entenderem quais tópicos deverão ser abordados. |
Visão Geral
Bem-vindo ao tutorial MDN "Local Libary" Express (Node), no qual desenvolvemos um website que possa ser gerenciado o catálogo para uma biblioteca local.
Neste passo-a-passo você irá:
- Usar a ferramenta Express Aplication Generator (Gerador de Aplicaçãoes Expresso) para criar a estrutura do site e da aplicação.
- Iniciar e terminar o Web Server do Node.
- Usar um banco de dados para armazenar os dados de sua aplicação.
- Criar caminhos para a requisição de diferentes informações, e templates ("views") para renderizar os dados no formato HTML para ser mostrado no browser.
- Trabalhar com "forms".
- Lançar sua aplicação para produção.
Você já aprendeu sobre alguns desses tópicos, e um vislumbre de outros. No final destes tutoriais você aprenderá o sucifiente para desenvolver simples apps Express por si só.
O site LocalLibrary
LocalLibrary é o nome de um website que vamos criar e desenvolver durante estes tutoriais. Como esperado, o propósito do site é prover um catálogo para uma pequena biblioteca local, onde usuários podem pesquisar livros disponíveis e gerenciar suas contas.
Esse exemplo foi escolhido cuidadosamente por mostar os detalhes , das informações que necessitamos, e por ser um exemplo que irá usar quase qualquer recurso do Express. E mais importatne, permitirá a nós mostrar um caminho guiado pela funcionalidade que você precisará em qualquer website:
- Em nossos primeiros tutoriais vamos definir o simples ferramenta de pesquisa ("browse-only") que o usuários da biblioteca pode utilizar para procurar livros que estejam disponíveis. Isso permite que exploremos as operações que são padrões em quase todos os sites: leitura e visualização de conteúdos do banco de dados.
- Durente nosso progresso, o exemplo da biblioteca se extenderá naturalmente para demostrar mais informações detalhadas de recursos futuros do website. Por exemplo podemos extender a biblioteca para permitir que novos livros sejam criados, e usados para demonstrar como usar as formas, e ajudar na autenticação de usuário.
Apesar de ser um exemplo bem extenso, é chamado de LocalLibary por uma razão — esperamos mostrar o mínimo de informação que ajudará você a melhorar com o Express rapidamente. Como resultado, armazenaremos informações sobre livros; cópias de livros, autores e outras informações-chave. Nós não iremos, entretanto, armazenar informações sobre outro itens que biblioteca pode emprestar ou fornecer a infraestrutura necessária para suportar vários sites de biblioteca ou outros recursos de "biblioteca grande".
Estou perdido, onde encontro a fonte?
Com o avanço nos tutoriais, forneceremos trechos de códigos para você copiar e colar a cada ponto, e códigos que esperamos que você desenvolva-os (com algum axílio).
Ao invés de copiar e colar todos so trechos, tente digita-los, ajudará você a se familiarizar com o código e fixará em sua mente com maior facilidade.
Se ficar perdido, pode acessar o código inteiro pelo Github
Nota: As versões específicas do node, Express, e outros módulos que esta documentação foi testada, estão listadas no projeto package.json.
Sumário
Agora que você conhece um pouco mais sobre o site "LocalLibrary" e o que vamos aprender, é hora de criar nossa estrutura do projeto para colocar nosso projeto.
Neste módulo
- Express/Node introduction
- Setting up a Node (Express) development environment
- Express Tutorial: The Local Library website
- Express Tutorial Part 2: Creating a skeleton website
- Express Tutorial Part 3: Using a Database (with Mongoose)
- Express Tutorial Part 4: Routes and controllers
- Express Tutorial Part 5: Displaying library data
- Express Tutorial Part 6: Working with forms
- Express Tutorial Part 7: Deploying to production