SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
<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
Tutorial
AngularJS
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ódigo
50min
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

Mais conteúdo relacionado

Mais procurados

Material Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSMaterial Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSHenrique Limas
 
Loopback - Desenvolvimento de APIs REST para aplicativos móveis
Loopback - Desenvolvimento de APIs REST para aplicativos móveisLoopback - Desenvolvimento de APIs REST para aplicativos móveis
Loopback - Desenvolvimento de APIs REST para aplicativos móveisjuscyllan
 
Conhecendo Angular 2
Conhecendo Angular 2Conhecendo Angular 2
Conhecendo Angular 2Lab 1024
 
Node.js Sorocaba - meetup #1
Node.js Sorocaba - meetup #1Node.js Sorocaba - meetup #1
Node.js Sorocaba - meetup #1Pablo Souza
 
Knockout js em 20 minutos
Knockout js em 20 minutosKnockout js em 20 minutos
Knockout js em 20 minutosLuis Rudge
 
Node.js: 5 razões para começar a utilizar
Node.js: 5 razões para começar a utilizarNode.js: 5 razões para começar a utilizar
Node.js: 5 razões para começar a utilizarFilipe Falcão
 
AngularJS - Just Digital
AngularJS - Just DigitalAngularJS - Just Digital
AngularJS - Just DigitalJust Digital
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasDan Vitoriano
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
 
O Poderoso AngularJS
O Poderoso AngularJSO Poderoso AngularJS
O Poderoso AngularJSBeto Muniz
 
React - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UIReact - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UICleiton Francisco
 

Mais procurados (17)

Material Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSMaterial Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJS
 
Loopback - Desenvolvimento de APIs REST para aplicativos móveis
Loopback - Desenvolvimento de APIs REST para aplicativos móveisLoopback - Desenvolvimento de APIs REST para aplicativos móveis
Loopback - Desenvolvimento de APIs REST para aplicativos móveis
 
Introdução ao AngularJS!
Introdução ao AngularJS!Introdução ao AngularJS!
Introdução ao AngularJS!
 
Apresentação JQuery
Apresentação JQueryApresentação JQuery
Apresentação JQuery
 
Conhecendo Angular 2
Conhecendo Angular 2Conhecendo Angular 2
Conhecendo Angular 2
 
Node.js Sorocaba - meetup #1
Node.js Sorocaba - meetup #1Node.js Sorocaba - meetup #1
Node.js Sorocaba - meetup #1
 
Knockout js em 20 minutos
Knockout js em 20 minutosKnockout js em 20 minutos
Knockout js em 20 minutos
 
Domain-Driven Design
Domain-Driven DesignDomain-Driven Design
Domain-Driven Design
 
Node.js: 5 razões para começar a utilizar
Node.js: 5 razões para começar a utilizarNode.js: 5 razões para começar a utilizar
Node.js: 5 razões para começar a utilizar
 
Node.js e Express
Node.js e ExpressNode.js e Express
Node.js e Express
 
AngularJS - Just Digital
AngularJS - Just DigitalAngularJS - Just Digital
AngularJS - Just Digital
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps Modernas
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
O Poderoso AngularJS
O Poderoso AngularJSO Poderoso AngularJS
O Poderoso AngularJS
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
 
React - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UIReact - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UI
 
Node.js for Noobs
Node.js for NoobsNode.js for Noobs
Node.js for Noobs
 

Destaque

MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...InCuca
 
MeetUp WP Floripa - buddypress
MeetUp WP Floripa - buddypressMeetUp WP Floripa - buddypress
MeetUp WP Floripa - buddypressInCuca
 
MeetUp WP Floripa - don't panic
MeetUp WP Floripa - don't panicMeetUp WP Floripa - don't panic
MeetUp WP Floripa - don't panicInCuca
 
InCuca - Coding dojo - ERP Especificação
InCuca - Coding dojo - ERP EspecificaçãoInCuca - Coding dojo - ERP Especificação
InCuca - Coding dojo - ERP EspecificaçãoInCuca
 
Mohanad CV 01-12-2015
Mohanad CV 01-12-2015Mohanad CV 01-12-2015
Mohanad CV 01-12-2015mohanad adel
 
Suicidal tendencies
Suicidal tendenciesSuicidal tendencies
Suicidal tendenciesInCuca
 

Destaque (6)

MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
MeetUp WP Floripa - dicas simples de como deixar o admin com a cara do seu cl...
 
MeetUp WP Floripa - buddypress
MeetUp WP Floripa - buddypressMeetUp WP Floripa - buddypress
MeetUp WP Floripa - buddypress
 
MeetUp WP Floripa - don't panic
MeetUp WP Floripa - don't panicMeetUp WP Floripa - don't panic
MeetUp WP Floripa - don't panic
 
InCuca - Coding dojo - ERP Especificação
InCuca - Coding dojo - ERP EspecificaçãoInCuca - Coding dojo - ERP Especificação
InCuca - Coding dojo - ERP Especificação
 
Mohanad CV 01-12-2015
Mohanad CV 01-12-2015Mohanad CV 01-12-2015
Mohanad CV 01-12-2015
 
Suicidal tendencies
Suicidal tendenciesSuicidal tendencies
Suicidal tendencies
 

Semelhante a InCuca - Coding dojo - AngularJS

A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJSRodrigo Branas
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Marcelo Marques Gonçalves
 
Angular.JS - Estado Atual
Angular.JS - Estado AtualAngular.JS - Estado Atual
Angular.JS - Estado AtualGustavo Costa
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelGustavo Costa
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Getúlio Strapazzon
 
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.Primeiros passos para tomar uma decisão de arquitetura com AngularJS.
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.Cauê Alves
 
O que aprendi após 3 bilhões de jobs processados no Sidekiq
O que aprendi após 3 bilhões de jobs processados no SidekiqO que aprendi após 3 bilhões de jobs processados no Sidekiq
O que aprendi após 3 bilhões de jobs processados no SidekiqAnderson Dias
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionicJoelmir Ribacki
 
TDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSTDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSLeonardo Zanivan
 
Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Loiane Groner
 
Introdução à Programação Web com Angular
Introdução à Programação Web com AngularIntrodução à Programação Web com Angular
Introdução à Programação Web com AngularElmano Cavalcanti
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Julian Cesar
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernastdc-globalcode
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Nicolas Takashi
 
AngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IOAngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IODouglas Lira
 

Semelhante a InCuca - Coding dojo - AngularJS (20)

A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJS
 
Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5
 
Introdução ao AngularJS - Minicurso
Introdução ao AngularJS - MinicursoIntrodução ao AngularJS - Minicurso
Introdução ao AngularJS - Minicurso
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
 
Angular.JS - Estado Atual
Angular.JS - Estado AtualAngular.JS - Estado Atual
Angular.JS - Estado Atual
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvel
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
 
TDC 2018
TDC 2018TDC 2018
TDC 2018
 
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.Primeiros passos para tomar uma decisão de arquitetura com AngularJS.
Primeiros passos para tomar uma decisão de arquitetura com AngularJS.
 
O que aprendi após 3 bilhões de jobs processados no Sidekiq
O que aprendi após 3 bilhões de jobs processados no SidekiqO que aprendi após 3 bilhões de jobs processados no Sidekiq
O que aprendi após 3 bilhões de jobs processados no Sidekiq
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionic
 
TDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSTDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJS
 
Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2
 
Introdução à Programação Web com Angular
Introdução à Programação Web com AngularIntrodução à Programação Web com Angular
Introdução à Programação Web com Angular
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
 
AngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IOAngularJS com NODE.JS e Socket.IO
AngularJS com NODE.JS e Socket.IO
 
Angular 2
Angular 2Angular 2
Angular 2
 
Aula09 - Java Script
Aula09 - Java ScriptAula09 - Java Script
Aula09 - Java Script
 

InCuca - Coding dojo - AngularJS