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

Seminario Angular JS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
500
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
190
Apache Solr
Avatar for Paradigma paradigma
0
280
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
98
Groovy&Grails: Cambia la forma de desarrollar tus aplicaciones web
Avatar for Paradigma paradigma
0
80

Other Decks in Technology

See All in Technology
Amazon S3 Filesについて
Avatar for Yuuki Yamashita yama3133
2
210
AIはハッカーを減らすのか、増やすのか？──現役ホワイトハッカーから見るAI時代のリアル【MEGU-Meet】
Avatar for サイバーセキュリティクラウド cscengineer
0
160
小説執筆のハーネスエンジニアリング
Avatar for osushi_cr yoshitetsu
0
710
ARIA Notifyについて
Avatar for ryokatsuse ryokatsuse
1
120
M5Stack CoreS3とZephyr(RTOS)で Edge AIっぽいことしてみた
Avatar for misoji engineer iotengineer22
0
240
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
0
370
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
6
18k
マルチエージェント × ハーネスエンジニアリング × GitLab Duo Agent Platformで実現する「AIエージェントに仕事をさせる時代へ。」 / 20260421 GitLab Duo Agent Platform
Avatar for Niishi Kubo n11sh1
0
160
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
23k
MLOps導入のための組織作りの第一歩
Avatar for Daisuke Akagawa (Akasan) akasan
0
340
Rapid Start: Faster Internet Connections, with Ruby's Help
Avatar for kazuho kazuho
2
620
はじめての MagicPod生成AI機能 機能紹介から活用方法まで
Avatar for MagicPod magicpod
0
100

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
340
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
290
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
700
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
190
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.4k

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