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

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
130
Analysis of Websites as Graphs for SEO
Avatar for Paradigma paradigma
0
150
Introducción a Django
Avatar for Paradigma paradigma
1
470
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
140
Apache Solr
Avatar for Paradigma paradigma
0
250
Introducción a Scala
Avatar for Paradigma paradigma
0
370
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
98
Bitcoin Protocol for Developers
Avatar for Paradigma paradigma
4
92
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
62

Other Decks in Technology

See All in Technology
品質と速度の両立：生成AI時代の品質保証アプローチ
Avatar for odasho odasho
1
340
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
Avatar for かわうそ kawauso
2
9.2k
怖くない！はじめてのClaude Code
Avatar for Shinya Masadome（東京AI祭） shinya337
0
390
OSSのSNSツール「Misskey」をさわってみよう（右下ワイプで私のOSCの20年を振り返ります） / 20250705-osc2025-do
Avatar for Akira Ouchi akkiesoft
0
160
2025 AWS Jr. Championが振り返るAWS Summit
Avatar for Kazuki Adachi kazukiadachi
0
110
PO初心者が考えた ”POらしさ”
Avatar for (Ha)rady nb_rady
0
210
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
Avatar for Markus Harrer feststelltaste
1
130
What’s new in Android development tools
Avatar for Yuki Anzai yanzm
0
310
United Airlines Customer Service– Call 1-833-341-3142 Now!
Avatar for vivankilkenny548+imnfc airhelp
0
170
Lazy application authentication with Tailscale
Avatar for Elliot Blackburn bluehatbrit
0
210
FOSS4G 2025 KANSAI　QGISで点群データをいろいろしてみた
Avatar for kou_kita kou_kita
0
400
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
Avatar for Nstock nstock
0
170

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
It's Worth the Effort
Avatar for 3n 3n
185
28k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k

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