Tag Archives: projeto

NodeJS – Básico – Estrutura da solução

Web App Saga

A estrutura do projeto!

O VisualStudio for NodeJS oferece o template Basic Node.js versão 4 do Express Application. Veja:

node_basico_estrutura_folder

A imagem ilustra essa estrutura inicial, após a criação de um projeto Template NodeJS| Starter Node.js Express 3 Application. Temos esta estrutura de arquivos necessários para construir um app.

As pastas do APP NodeJS:

  • pacotes npm – express, jade e stylus
  • public – fontes, imagens e referências javascripts :bootstratp, jquery
  • routes – index.js
  • views– utilizando o engine Jade
  • js – a aplicação Node
  • json –

O Jade é um template engine exclusivo para Node.js, com sintaxe diferente do HTML convencional.

O Jade nos permite desenvolver código server-side junto ao código client-side, ou seja, js server-side junto com html ou javascript client-side;

Next stop Node. Disambarke on the left!

#01 – Angular2 – Fundamentos – Estrutura da Solução

Um pouco de teoria! #1 – A estrutura do projeto à ser trabalhado!

Saga: M&M (Mundo Mobile)

Um app Angular2 é composto por muitos arquivos e recursos. Vamos aprender hoje sobre esta estrutura e todas as pastas e o tipo de informação que cada uma delas guarda. Vamos lá:

ang2_basico_estrutura

A imagem ilustra essa estrutura inicial mínima contendo a estrutura de pastas/arquivos necessários para construir um webapp.

Team Spirit! Toda webapp Angular2 deve conter estas pastas/arquivos de configuração:

  • package.json – guarda todas as informações de dependências do projeto
  • tsconfig.json – guarda as informações sobre como o TS deve gerar JS a partir dos arquivos do projeto, configura o compilador TS
  • config.js – carrega módulos compilados usando o compilador TS (*)

(*) Para módulos anônimos (um módulo por arquivo JS). Ele permite mapear o nome dos módulos para arquivos JS que realmente contêm código JS do módulo.

Referências

Next stop Angular2. Disambarke on the left!