Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Seminario Angular JS

Avatar for Paradigma Paradigma
February 08, 2013
Technology
3
210

Seminario Angular JS

Seminario de Angular JS presentado por Luis Calvo en Paradigma Tecnológico

Avatar for Paradigma

Paradigma

February 08, 2013
Tweet

More Decks by Paradigma

See All by Paradigma
Meetup Madrid Redis Users: Introducción a Redis
Avatar for Paradigma paradigma
0
140
Analysis of Websites as Graphs for SEO
Avatar for Paradigma paradigma
0
150
Introducción a Django
Avatar for Paradigma paradigma
1
480
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
160
Apache Solr
Avatar for Paradigma paradigma
0
260
Introducción a Scala
Avatar for Paradigma paradigma
0
390
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
110
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
92
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
66

Other Decks in Technology

See All in Technology
Trust as Infrastructure
Avatar for Bryan Cantrill bcantrill
1
370
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
0
1k
ガバメントクラウド（AWS）へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
180
Simplifying Cloud Native app testing across environments with Dapr and Microcks
Avatar for Salaboy salaboy
0
120
ユーザーの声とAI検証で進める、プロダクトディスカバリー
Avatar for SansanTech sansantech
PRO
1
100
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
9
4k
AWS 잘하는 개발자 되기 - AWS 시작하기: 클라우드 개념부터 IAM까지
Avatar for KimJaewook kimjaewook
0
120
Git in Team
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
330
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
Avatar for Sagara sagara
0
240
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
Avatar for Makky12 smt7174
2
110
能登半島災害現場エンジニアクロストーク 【JAWS FESTA 2025 in 金沢】
Avatar for Masakatsu Sugii ditccsugii
0
220
英語は話せません！それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
Avatar for ニイオカ niioka_97
0
130

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.9k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
189
55k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k

Transcript

  1. Mejorando el HTML para crear Aplicaciones Web

  2. QUÉ ES ANGULARJS • Framework en Javascript puro • Paradigma

    MVC (MVVM) en el lado cliente • Open source • Creado y mantenido por Google

  3. FEATURES • Templates • Inyección de dependencias • Data binding

    (bidireccional) • RESTful • Routing

  4. HELLO WORLD! <!doctype html> <html lang="en" ng-app> <head> <meta charset="UTF-8">

    <title>Document</title> <script src=“angular.js"></script </head> <body> <h1>Hello World!!</h1> </body> </html>

  5. FUNCIONAMIENTO

  6. UN PASO MÁS <!doctype html> <html lang="en" ng-app> <head> <meta

    charset="UTF-8"> <title>Document</title> <script src=“angular.js"></script </head> <body> Hello {{name}}!! <button ng-click=“action()”> <script> function MyCtrl($scope){ $scope.action = function(){ // bla bla bla }; $scope.name = “World!!”; } </script> </body> </html>

  7. $SCOPE

  8. ANGULAR RUNTIME