Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Seminario Angular JS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Paradigma Paradigma
February 08, 2013
Technology
220
3

Seminario Angular JS

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

Avatar for Paradigma

Paradigma

February 08, 2013

More Decks by Paradigma

See All by Paradigma
Meetup Madrid Redis Users: Introducción a Redis
Avatar for Paradigma paradigma
0
180
Analysis of Websites as Graphs for SEO
Avatar for Paradigma paradigma
0
180
Introducción a Django
Avatar for Paradigma paradigma
1
570
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
200
Apache Solr
Avatar for Paradigma paradigma
0
320
Introducción a Scala
Avatar for Paradigma paradigma
0
440
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
150
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
120
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
99

Other Decks in Technology

See All in Technology
DGX Spark でどこまでハッキングができるのか？
Avatar for kash1064 kash1064
3
1.3k
hackers_champloo_2026_tidb
Avatar for makocchi makocchi
0
160
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
1.2k
WasmをRustにする
Avatar for SansanTech sansantech
PRO
0
250
Active Record Connection Adaptersにおける長年の課題に再び取り組む
Avatar for Yasuo Honda yahonda
0
150
パスキーの自動テストはどこまでいけるのか
Avatar for teamLab teamlab
PRO
0
250
TinyGoでオブザーバビリティ？OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
Avatar for ymotongpoo ymotongpoo
2
140
JAWSUG TOHOKU 青森支部 「LoGoチャット」のAWS移行で 乗り越えたこと
Avatar for たけだ taketakekaho
0
330
ストレスなくAIと付き合いたい！こんなときどうしてる？
Avatar for Nami Kimura namiki64
3
530
AIにシークレットを見せない、WSL2で安全な開発環境
Avatar for yazm4 yazm
0
300
How to Design Configuration for Rails Applications
Avatar for Shinichi Maeshima willnet
1
790
Getting Started with Google Antigravity
Avatar for Guillaume Laforge glaforge
0
310

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.9k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
360
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
570
Done Done
Avatar for chrislema chrislema
187
17k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
490
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
260
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
430

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