$30 off During Our Annual Pro Sale. View Details »

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
160
Introducción a Django
Avatar for Paradigma paradigma
1
490
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
180
Apache Solr
Avatar for Paradigma paradigma
0
270
Introducción a Scala
Avatar for Paradigma paradigma
0
400
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
110
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
95
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
73

Other Decks in Technology

See All in Technology
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
Avatar for NTT docomo Business nttcom
1
110
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
Avatar for みのるん minorun365
2
430
AWSインフルエンサーへの道 / load of AWS Influencer
Avatar for WHIsaiyo whisaiyo
0
210
AI with TiDD
Avatar for Shiraji shiraji
1
270
なぜ あなたはそんなに re:Invent に行くのか？
Avatar for Kazuki Miura miu_crescent
PRO
0
190
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
120
20251203_AIxIoTビジネス共創ラボ_第4回勉強会_BP山崎.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
130
テストセンター受験、オンライン受験、どっちなんだい？
Avatar for Yuuki Yamashita yama3133
0
120
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
1
400
SQLだけでマイグレーションしたい！
Avatar for MakKi makki_d
0
1.2k
フィッシュボウルのやり方 / How to do a fishbowl
Avatar for Pauli pauli
2
370
LayerX QA Night#1
Avatar for koyaman2 koyaman2
0
250

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
510
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
120
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
65
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
110
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
170
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
120

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