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
GET /AngularJS 200 OK
Search
Evaldo Barbosa
October 05, 2013
Programming
0
58
GET /AngularJS 200 OK
Palestra sobre AngularJS realizada no 4.PHP - 4o. Fórum de Profissionais PHP do Maranhão.
Evaldo Barbosa
October 05, 2013
Tweet
Share
More Decks by Evaldo Barbosa
See All by Evaldo Barbosa
Vamos falar a mesma língua
evaldobarbosa
0
18
Conhecendo o Firebase
evaldobarbosa
0
96
Web Apis
evaldobarbosa
0
38
Estendendo o HTML com diretivas AngularJS
evaldobarbosa
0
31
Dicas de Orientação a Objetos
evaldobarbosa
0
40
Montagem de equipes de software
evaldobarbosa
0
26
Other Decks in Programming
See All in Programming
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
560
Java 22 Overview
kishida
1
190
Sheets API使ってみた
toshi0383
2
160
Netty Chicago Java User Group 2024-04-17
sullis
0
200
Kotlin Multiplatform at Stable and Beyond (Android Makers 2024)
zsmb
0
440
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k
Milestoner
bkuhlmann
1
410
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
360
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
400
Polars入門
daikikatsuragawa
1
160
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
6.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
20
1.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
The Pragmatic Product Professional
lauravandoore
26
5.8k
Building Adaptive Systems
keathley
32
1.9k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
A better future with KSS
kneath
231
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Transcript
GET /AngularJs 200 Ok
Evaldo Barbosa Analista de Sistemas Presidente do PHPMA Artigos publicados
em sites como: http://www.imasters.com.br http://www.vivaolinux.com.br http://www.phpdf.org http://www.phpmaranhao.com.br
O que é AngularJS MVC Client-side HTML melhorado
E como eu comecei? Fazendo o que todo programador deve
fazer: Ler código. Alguma documentação (angularjs.org)
E pra usar? <script src="lib/angular/angular.js"></script>
Por que é bom? • Google • Extende o HTML
• Tira o MVC do servidor • Aprendizagem rápida • Velocidade na codificação • Proteção contra XSRF
Tirando o MVC do Servidor • Codificação de APIs no
backend – Maior velocidade na codificação – Mais foco na regra de negócio • JS de sintaxe fácil • Two-way data binding
Começando
Two-way data binding Alteração dos dados do Model de forma
fácil Atualização da interface automática
Diretivas melhoram o HTML • ng-app: inicia uma aplicação •
ng-controller: marca o início de um controller • ng-show/ng-hide: visibilidade de um objeto HTML • ng-model: vincula um objeto a um atributo do model • ng-click/ng-change: eventos • ng-repeat: faz mágica
ng-repeat
Modularidade e DI • Serviços – Data factories • Diretivas
• Filtros • Componentes – Estendem o DOM com diretivas
Anote a receita MVC com AngularJS … mais rotas, diretivas
MVC com AngularJS … mais rotas, diretivas personalizadas... personalizadas...
Controllers e Rotas • Rotas configuráveis • Um Controller por
Rota
Diretivas personalizadas <my-directive></my-directive> <span my-directive></span> App.directive('my-directive',function() { return { restrict:
'EA', template: '<div class=”angular-js-4-php”>Quer twittar a #4php ?</div>' } });
Melhorando ainda mais • Bootstrap (http://getbootstrap.com) • FontAwesome ( http://fortawesome.github.io/Font-Awesome/)
• Jasmine (http://pivotal.github.io/jasmine/) • Yoman, Bower, Angular-seed, ...
Usando código online Plunkr.co jsfiddle.net
Perguntas?
Muito obrigado @evaldobarbosa
[email protected]
http://www.linkedin.com/in/evaldobarbosa