Angular JS
O que é?
AngularJS é um framework em javascript para front-end de aplicações web, que visa criar aplicativos web dinâmicos, simples de construir e fáceis de manter. Basicamente, uma aplicação em angularJS está dividida em três partes, sendo elas:
- Módulos (Modules): contém os diversos componentes de uma aplicação angularJS
- Controlador (Controller): Gerencia os dados das aplicações;
- View: é a camada que se apresenta ao usuário. Geralmente é representado por um arquivo index.html. Os dados da aplicação poderão ser vistos aqui usando as expressões {{}};
- Scope: Faz a mediação entre a camada View e a Controller.
Um fluxo de trabalho típico com AngularJS consiste na criação de um arquivo index.html, que vamos usar para exibir os dados da aplicação, ou seja, será a View do projeto. Depois criaremos um arquivo javascript que vai conter os módulos do projeto.
Na View, preferencialmente dentro de uma tag de nível mais alto, como <html> ou <body>, adicionamos a diretiva ng-app para definir o escopo da aplicação.
Em seguida, num outro arquivo javascript, vamos criar um controlador. Para que a View o reconheça, primeiro usamos $scope quando o controlador é criado, depois usamos a diretiva ng-controller na tag que receberá os dados do controlador. Com isso, acabamos de definir o escopo do controlador.
Esta foi uma breve explicação de criar um projeto AngularJS. Nos próximos capítulos vamos detalhar cada passo, ensinar como instalar o AngularJS e outros recursos necessários para criar uma aplicação interessante e organizada.