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
480
Introduction to Google Analytics for web developers
Avatar for Paradigma paradigma
0
150
Apache Solr
Avatar for Paradigma paradigma
0
260
Introducción a Scala
Avatar for Paradigma paradigma
0
380
Usando metodologías ágiles en UX
Avatar for Paradigma paradigma
0
100
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
66

Other Decks in Technology

See All in Technology
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
Avatar for ShinoP shinop
0
120
スプリントレトロスペクティブはチーム観察の宝庫？ 〜チームの衝突レベルに合わせたアプローチ仮説！〜
Avatar for Hatorik electricsatie
1
130
シークレット管理だけじゃない！HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
Avatar for ののし nnstt1
2
120
『FailNet～やらかし共有SNS～』エレベーターピッチ
Avatar for yoko yokomachi
1
180
AIエージェント就活入門 - MCPが履歴書になる未来
Avatar for Ikko Eltociear Ashimine eltociear
0
670
モバイルアプリ研修
Avatar for Recruit recruitengineers
PRO
5
1.5k
そのコンポーネント、サーバー？クライアント？App Router開発のモヤモヤを可視化する補助輪
Avatar for Makoto Tateno makotot
4
760
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
Avatar for 株式会社カミナシ kaminashi
3
590
KiroでGameDay開催してみよう(準備編)
Avatar for Yuuuuuuu yuuuuuuu168
1
160
Jaws-ug名古屋_LT資料_20250829
Avatar for Azoo azoo2024
3
190
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
Avatar for gree_tech gree_tech
PRO
0
150
小さなチーム 大きな仕事 - 個人開発でAIをフル活用する
Avatar for himaratsu himaratsu
0
140

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k

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