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
AIで変わるテスト自動化:最新ツールの多様なアプローチ/ 20240910 Takahiro Kaneyama
shift_evolve
0
240
AI活用したくてもできなかった不動産SaaSの今とこれから
nealle
0
340
GC24 Recap: Interface Internals
task4233
0
160
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
500
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
160
Discovering AI Models
picardparis
4
3.9k
チームビルディングは"感性"で向き合おう / Team Building with Awareness
kohzas
0
260
『GRANBLUE FANTASY Relink』キャラクターの魅力を支えるリグ・シミュレーション制作事例
cygames
0
120
Segment Anything Model 2
tenten0727
3
710
再考 アクターモデル/ reconsider actor model
ytake
0
360
JEP 480: Structured Concurrency
aya_ebata
0
130
o1のAPIで実験してみたが 制限きつすぎて辛かった話
pharma_x_tech
0
210
Featured
See All Featured
Thoughts on Productivity
jonyablonski
66
4.2k
Rails Girls Zürich Keynote
gr2m
93
13k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Documentation Writing (for coders)
carmenintech
65
4.3k
Building Adaptive Systems
keathley
36
2.1k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.2k
Optimizing for Happiness
mojombo
375
69k
Speed Design
sergeychernyshev
22
430
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
8.9k
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