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

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
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
150
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
410
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
120
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
76

Other Decks in Technology

See All in Technology
しろおびセキュリティへ ようこそ
Avatar for ogiogi log0417
0
190
CodeRabbit CLI + Claude Codeの連携について
Avatar for Oikon oikon48
1
680
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.7k
AWS Devops Agent ~ 自動調査とSlack統合をやってみた！ ~
Avatar for Kubo kubomasataka
2
260
DEVCON 14 Report at AAMSX RU65: V9968, MSX0tab5, MSXDIY etc
Avatar for Akira Tsukamoto mcd500
0
230
漸進的過負荷の原則
Avatar for SansanTech sansantech
PRO
3
420
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
23k
The Engineer with a Three-Year Cycle - 2
Avatar for YAMADA Nobuko e99h2121
0
200
入社1ヶ月でデータパイプライン講座を作った話
Avatar for Yuta Ozaki waiwai2111
1
160
AIとともに歩む情報セキュリティ / Information Security with AI
Avatar for Hokuto Hoshi kanny
4
2.7k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
Exadata Database Service ソフトウェアのアップデートとアップグレードの概要
Avatar for oracle4engineer oracle4engineer
PRO
1
1.2k

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
150
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.6k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
100
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
190
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
300
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
150
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
7.9k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
83

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