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

Seminario Angular JS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Paradigma Paradigma
February 08, 2013
Technology
210
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
160
Analysis of Websites as Graphs for SEO
Avatar for Paradigma paradigma
0
160
Introducción a Django
Avatar for Paradigma paradigma
1
520
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
190
Apache Solr
Avatar for Paradigma paradigma
0
290
Introducción a Scala
Avatar for Paradigma paradigma
0
420
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
130
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
100
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
84

Other Decks in Technology

See All in Technology
AI Adaptable なテストを整える工夫 / Ways to Make Your Tests AI-Adaptable
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
2
200
Kiro CLI v2.0.0がやってきた！
Avatar for Hiroo Katoh kentapapa
0
260
AI活用を推進するために ファインディが下した、一つの小さな決断
Avatar for starfish719 starfish719
0
120
電子辞書Brainをネットに繋げてみた(自力編)
Avatar for らすぴー raspython3
0
410
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
430
チームで実践する AI-DLC 思考の軌跡を残すチェックポイント設計
Avatar for Belong inc. belongadmin
0
1.2k
AI フレンドリーなエラー監視を TypeScript で実現する
Avatar for Shinobu Hayashi shinyaigeek
2
210
Javaで学ぶSOLID原則
Avatar for Negima negima
1
260
Javaコミュニティをもっと楽しむための9箇条
Avatar for Sugiyama Takaaki takasyou
0
1k
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.8k
Strands Agents超入門
Avatar for KintoTech_Dev kintotechdev
1
150
long-running-tasks
Avatar for cipepser cipepser
3
460

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
310
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
240
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
130
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
590
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
130
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k

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