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

Seminario Angular JS

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
170
Analysis of Websites as Graphs for SEO
Avatar for Paradigma paradigma
0
170
Introducción a Django
Avatar for Paradigma paradigma
1
540
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
200
Apache Solr
Avatar for Paradigma paradigma
0
300
Introducción a Scala
Avatar for Paradigma paradigma
0
430
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
140
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
110
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
93

Other Decks in Technology

See All in Technology
FORENSIA: ローカルLLMフォレンジックハーネス
Avatar for S.Nakano sumeshi
2
280
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
Avatar for kk0n kk0n
0
1.6k
もう一度考える SRE チームの作り方・育て方 / Rethinking SRE #1: Building and Growing SRE Teams
Avatar for rrreeeyyy rrreeeyyy
6
1k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
53k
【CEDEC2026】コードレビュー支援ツール開発から学ぶ：LLMを用いた業務システムの実践的な運用設計と誤出力対策
Avatar for Cygames, Inc. cygames
PRO
0
620
ラジオの科学
Avatar for Frieve-A frievea
0
280
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
110
Redmine 7.0 新機能・機能強化解説（OSC2026京都ダイジェスト版）
Avatar for MAEDA Go vividtone
1
200
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
Avatar for Cygames, Inc. cygames
PRO
0
530
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
Avatar for Atsushi Nakatsugawa moongift
PRO
2
2.2k
20260608_Codexの可能性_ノンプログラマー向け_大城追記
Avatar for NobuakiOshiro doradora09
PRO
0
780
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
Avatar for Wolfgang Wagner wolfgangwagner
0
160

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
260
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
630
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
430
Between Models and Reality
Avatar for mayunak mayunak
4
390
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k

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