1.1 - MEAN Stack

O acrônimo MEAN foi cunhado em 2013 por Valeri Karpov do time do MongoDB * para denotar o uso de uma stack completa para desenvolvimento de aplicações incluindo MongoDB, Express, AngularJS e Node.js:

(M)ongoDB

Na MEAN Stack, MongoDB permite armazenar e reaver um dado em um formato muito similar ao JSON (JavaScript Object Notation) que veremos mais à frente. É um banco fracamente tipado, o que ajuda muito pouco com validação de dados, de modo que boa parte da responsabilidade das regras de validação fica nas mãos dos desenvolvedores.

(E)xpress

(A)ngularJS

Na MEAN Stack, AngularJS é o responsável por interfaces dinâmicas sem manipulação de DOM e permite acessar facilmente REST Endpoints diretamente do cliente através de serviços especializados.

(N)odeJs

Na MEAN Stack, Node.js é a condição sine qua non para seu funcionamento, o core.

1.2 - Uma aposta no JavaScript

MEAN aposta na onipresença da linguagem JavaScript, o que significa que a comunidade pode contribuir com novas stacks baseadas em JavaScript na plataforma Node.js que tornem ainda mais produtivo e divertido o desenvolvimento de aplicações web *. Um exemplo disso é a fullstack JavaScript Meteor (https://www.meteor.com), também baseada no Node.js e no MongoDB.

1.3 - Vantagens da stack

Podemos facilmente pensar que, por utilizarmos quatro tecnologias distintas, teremos mais trabalho na implementação e que o desenvolvimento será menos produtivo, certo? Na verdade, para provar o contrário, Karpov utilizou a stack em competições de Hackathon, que são curtas competições de programação, provando o quanto era produtiva. Devido a esta produtividade, a stack foi utilizada em um de seus projetos comerciais, chamado Ascot Project (http://www.ascotproject.com), uma ferramenta de image-tagging para marcar produtos em fotos. É possível ainda listar essas vantagens:

Integração da equipe

A onipresença da linguagem ajuda na integração da equipe: front-end e back-end trabalhando com a mesma linguagem! Isso diminui o truck factor.

Debugging

// no navegador
console.log(contato)
{
  "_id": "5303e0649fd139619aeb783e"
  "nome": "Flávio Almeida"
}

// recebido no servidor
console.log(contato)
{
  "_id": "5303e0649fd139619aeb783e"
  "nome": "Flávio Almeida"
}

// buscado do banco de dados
console.log(contato)
{
  "_id": ObjectId("5303e0649fd139619aeb783e")
  "nome": "Flávio Almeida"
}

Repare que o último exemplo devolve um ObjectId, que veremos mais à frente quando abordarmos o MongoDB.

Prototipação

Performance

Build, teste e gerenciamento de dependências

Mas como vamos juntar todas essas peças e construir algo rapidamente? Quais passos seguiremos? É o que veremos a seguir.

1.4 - Visão geral da nossa jornada

O ecossistema em torno do JavaScript continua a evoluir. A MEAN Stack é uma tentativa de aproveitá-lo, mas não é um fim em si. Há aqueles que utilizam-na apenas para prototipação, outros por curiosidade ou em aplicações comerciais. Este livro não se coaduna com nenhum desses usos: cabe ao leitor decidir como empregará a stack, mas para isso ele precisa estar informado.

O livro fornecerá uma visão geral da stack no contexto de um CRUD de contatos chamado Contatooh. A instalação do Node.js será nosso ponto de partida. Em seguida, entraremos no Express 4 e aprenderemos como expor REST Endpoints através de rotas. Nesta etapa, não teremos integração com banco, apenas dados voláteis na memória do servidor serão retornados.

Na sequência, passaremos para o AngularJS. Primeiro, vamos aprender seus conceitos fundamentais, para depois integrá-lo com o servidor Express, consumindo os REST Endpoints que foram criados. Aproveitaremos esta etapa para aplicar com zero de esforço um visual profissional à aplicação através do Bootstrap, concluindo a interface da aplicação. Todas as dependências front-end serão baixadas e gerenciadas pelo Bower.

Depois, no lugar de retornarmos e atualizarmos dados voláteis, integraremos nosso back-end Express com o MongoDB através do Mongoose, uma biblioteca que reduz significantemente a quantidade de código utilizada nesta integração.

Ativaremos um sistema de autenticação utilizando o protocolo OAuth 2.0, o que permitirá que apenas usuários autenticados tenham acesso ao sistema. Neste momento, já teremos todas as funcionalidades do projeto prontas.

Com todas as funcionalidades do projeto estabelecidas, automatizaremos tarefas de otimização da aplicação através do Grunt. Vamos criar testes unitários utilizando o Karma/Jasmine e testes end-to-end (e2e) com Protractor.

Integraremos nossa aplicação com o Travis, um servidor de integração contínua gratuito para projetos open source. Inclusive, vamos aprender a rodar nossos testes e2e na nuvem, integrando o Travis com o Sauce Labs, um TaaS( test as a service ) também gratuito para projetos open source. Em seguida, vamos ver como criar e testar nossos próprios componentes de view reutilizáveis através das diretivas do AngularJS.

Por fim, realizaremos o deploy da nossa aplicação no OpenShift, um PaaS ( platform as a service ) que permite o deploy gratuito em seu public PaaS . O deploy será realizado pelo Travis, nosso servidor de integração, apenas se a construção do projeto for bem-sucedida e se todos os testes tiverem passado; isso permite que tenhamos, para cada commit da aplicação, um deploy!

Não esgotaremos cada tecnologia da composição MEAN, mas o leitor terá a base para se aprofundar ainda mais em cada uma delas. A Casa do Código possui obras que podem ajudá-lo nesta tarefa:

• Aplicações web real-time com Node.js
• REST: Construa API's inteligentes de maneira simples

Da mesma maneira que um prédio precisa de uma fundação antes de ser construído, a fundação do nosso projeto será o Node.js. Veremos como instalá-lo a seguir.

1.5 - Instalação do Node.js

A instalação do Node.js é tão simples quanto clicar no botão Install em seu website (http://nodejs.org). O navegador inteligentemente baixará a versão para sua plataforma, seja ela Linux, Mac ou Windows.

Com o arquivo de instalação em mãos, basta executá-lo e seguir o assistente de instalação até o fim. É possível verificar se tudo ocorreu bem executando no terminal o comando node -v na linha de comando.

Se tudo estiver funcionando, será exibida no console a versão do Node.js instalada:

node -v
v0.10.33

Versões do Node.js superiores a 0.6.2 possuem por padrão o npm instalado, o que facilita ainda mais sua instalação.