InCuca - Coding dojo - AngularJS

27

Transcript of InCuca - Coding dojo - AngularJS

<Coding Dojo/>

Qual a data do próximo Dojo?

Próxima...2min

Retrospectiva sobre o último Dojo!

...anterior30min

:D o que correu bem?

:) o que era interessante?

:( o que foi frustrante?

O QUE SERÁ FEITO HOJE?

<Protocolo/>10min

AngularJS

AngularJS é um framework JavaScript open-source, mantido pelo Google, que auxilia na execução de single-page applications.https://angularjs.org/

+

Onde surgiu

- Miško Hevery e Adam Abrons (2009)- Projeto Google Feedback, 6 meses de

desenvolvimento e 18 mil linhas de código- Miško: "Refaço em 2 semanas"- Projeto final: "1500 linhas em 1 semana"

AngularJS

Sobre AngularJS

- Framework Javascript- MVC (Model-View-Controller) para web - Single Page Application

Mas o principal disso tudo é que….

AngularJS

Como usar?

- Carregar o código-fonte do AngularJS

- Inicializar o framework (ng-app)

- https://github.com/tverney/pedidos.git

AngularJS

TutorialAngularJS

Organização do framework

- Modules- Controllers- Services- Directives- $scope !

AngularJS

A metáfora do restaurante

- Vamos imaginar um restaurante onde: Module = Restaurante;

Controller = Cozinha;View = Cliente;Quem seria o garçom?

AngularJS

Two-way data binding

- A ideia é muito simples: o dado gerado no Controller pode ser acessado na View e vice-versa! Tudo - é claro - através do $scope.

AngularJS

Código50min

Principais diretivas

- ng-app

- ng-bind ou {{}}

- ng-model

- ng-class

- ng-controller

AngularJS

- ng-repeat

- ng-show & ng-

hide

- ng-view

- ng-if

Intervalo10min

ERP InCuca

- https://github.com/lucasastefanello/InCuca- https://trello.com/b/wDSkP88q/erp-incuca- Revisão- Auto organização de tarefas

AngularJS + JAVA

<Até a próxima/>http://incuca.com.br