[Artigo] Criando uma agenda de contatos com Django e AngularJS

[gilsondev]

Desenvolver uma série de artigos sobre o desenvolvimento de um projeto com Django + Django REST Framework + AngularJS.

Intuito é ensinar todo o processo de implementação de um simples sistema de contatos, incluindo autenticação via token.

Caso tiver tempo, a cada post criar um screencast para melhorar na didática.

Segue a organização dos futuros artigos:

1. Criando uma agenda de contatos com Django e AngularJS - Introdução

Mostrar como será o desenvolvimento do sistema de contatos, e definir a estrutura do projeto e suas configurações

2. Criando uma agenda de contatos com Django e AngularJS - Models e Unit Tests

Com o projeto configurado, iniciar a implementação da aplicação de contatos, seus modelos e os testes unitários, validando a codificação deles.

3. Criando uma agenda de contatos com Django e AngularJS - API REST e Unit Tests

Apresentar a ferramenta para desenvolvimento de APIs REST com Django, o conhecido Django Rest Framework, trazendo uma visão geral dos recursos que oferece, e implementar os endpoints do projeto, usando o método de TDD.

4. Criando uma agenda de contatos com Django e AngularJS - Como usar AngularJS

Antes de definir o front-end, vamos apresentar o framework javascript AngularJS, para que consiga implementar toda as lógicas das telas do projeto. Como ele é usado, quais recursos oferece e como usá-las e também a possibilidade de desenvolver testes nas funcionalidades feitas.

5. Criando uma agenda de contatos com Django e AngularJS - Criação dasTelas

Com o back-end implementado, vamos definir a estrutura da camada de front-end do projeto, usando o framework AngularJS, seguindo boas práticas usadas, como por exemplo, as convenções que o John Papa oferece, e que é amplamente usado em projetos de médio e grande porte. Também é aqui que vamos criar as telas, para receber todos os dados da API do projeto.

6. Criando uma agenda de contatos com Django e AngularJS - Integrando com API

Definido todas as regras e interações das telas, vamos finalmente integrar o front-end com a API, usando os recursos que o AngularJS disponibiliza.

7. Criando uma agenda de contatos com Django e AngularJS - Autenticação via Token

E para fechar a série, vamos criar a autenticação do usuário por meio do token, para que os contatos fiquem protegidos e associados a um usuário logado.