Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AngularJS
Search
Vítor Nogueira
September 13, 2014
Technology
3
160
AngularJS
Talk sobre AngularJS
Vítor Nogueira
September 13, 2014
Tweet
Share
More Decks by Vítor Nogueira
See All by Vítor Nogueira
Continuous Delivery
vitornogueira
0
19
IoT: Node.js e Arduino
vitornogueira
0
62
MEAN: JavaScript do navegador ao servidor
vitornogueira
3
64
IoT: Arduino e Node.js
vitornogueira
2
180
Priceapp
vitornogueira
0
62
Other Decks in Technology
See All in Technology
Engineer Career Talk
lycorp_recruit_jp
0
170
安心してください、日本語使えますよ―Ubuntu日本語Remix提供休止に寄せて― 2024-11-17
nobutomurata
1
990
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
kakehashi
1
400
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
200
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
780
IBC 2024 動画技術関連レポート / IBC 2024 Report
cyberagentdevelopers
PRO
0
110
The Role of Developer Relations in AI Product Success.
giftojabu1
0
120
サイバーセキュリティと認知バイアス:対策の隙を埋める心理学的アプローチ
shumei_ito
0
380
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
370
DMARC 対応の話 - MIXI CTO オフィスアワー #04
bbqallstars
1
160
Featured
See All Featured
How GitHub (no longer) Works
holman
310
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
Unsuck your backbone
ammeep
668
57k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
The Cult of Friendly URLs
andyhume
78
6k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Navigating Team Friction
lara
183
14k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
89
Transcript
#angularjs
Vitor Nogueira Desenvolvedor Front-end - Jaws Digital FATEC Itapetininga SENAC
Itapetininga
- Framework JavaScript para criação de Web Apps - Criado
em 2010 - Hoje é mantido pelo Google O que é?
Two Way Data Binding
- É o processo que estabelece uma conexão entre a
interface da aplicação e o lógica de negócio ¹ https://gist.github.com/diegoeis/1033b3f7a91cb8a337d8 [1] Data Binding
- Vínculo entre dois componentes da sua aplicação - Ao
alterar o valor de um componente, este valor é automaticamente alterado no outro Two Way Data Binding
None
None
bit.ly/angularjs-1 bit.ly/angularjs-2
Module
- Local onde são “adicionadas” as diferentes partes do seu
aplicativo: Controllers, Services, Filters, Directives Module
bit.ly/angularjs-3 bit.ly/angularjs-4
Controller
- No Angular um controller é uma função JavaScript onde
se manipula o escopo ($scope) Controller
Não use um Controller para: - Manipular o DOM -
Controlar entradas (ex.: validação de formulários) - Filtrar saídas Controller
bit.ly/angularjs-2
Directives
- Estendem o codigo HTML, atribuindo funcionalidades aos componentes ¹
- Diretivas são o lugar onde você irá manipular o DOM na sua aplicação ² http://tableless.com.br/diretivas-angularjs-abas/ [1] http://pedronauck.com/angularjs/sobre-diretivas-e-como-usar- corretamente-plugins-jquery-com-angularjs [2] Directives
- Permite a criação de componentes reutilizáveis Directives
bit.ly/angularjs-5
Services
- Função ou objeto utilizado para compartilhar dados ou comportamentos
entre controllers, filters, directives e outros serviços ¹ Services http://lostechies.com/gabrielschenker/2014/02/26/angular-jspart-13-services [1]
- O Angular tem diferentes tipos de serviços ² Services
http://pedronauck.com/angularjs/entendendo-os-tipos-de-servico-do-angularjs [2]
bit.ly/angularjs-4
Filters
- Usados para formatação dos dados exibidos para o usuário
Filters
bit.ly/angularjs-6
- Backbone JS - Ember JS - Knockout JS -
Can JS http://blog.codeschool.com/post/85819292538/angular-backbone-or-ember-which-is- best-for-your http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/ Alternativas
https://github.com/angular/angular.js/wiki/Projects-using-AngularJS https://builtwith.angularjs.org/ https://play.google.com/store/apps/details?id=com.clickbus.mobile http://ionicframework.com/ Cases
- CRUD - Google Maps App Exemplos
http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro http://www.angularcourse.com/#/ https://www.youtube.com/playlist? list=PLgMNBa0XaIgcD9IGiqvAQxPrUEyW_i87I https://www.facebook.com/groups/angularjsbrasil/ Referências e Materiais
github.com/vitornogueira facebook.com/vitornogueiraa twitter.com/vitornogueiraa