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
78

Other Decks in Technology

See All in Technology
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
420
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
160
入社1ヶ月でデータパイプライン講座を作った話
Avatar for Yuta Ozaki waiwai2111
1
260
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
440
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.6k
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
340
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
130
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
570
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.3k
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
400
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
300

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
84
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
280
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

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