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

Desarrollo FrontEnd con JavaScript - S06

Avatar for Gustavo Leon Gustavo Leon
December 08, 2013
Programming
0
100

Desarrollo FrontEnd con JavaScript - S06

S06 - Backbone.js : Vistas y routers:
- Backbone.js: Vistas
- Backbone.js: Routers
Avatar for Gustavo Leon

Gustavo Leon

December 08, 2013
Tweet

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
Avatar for Gustavo Leon hpneo
0
260
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
350
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
470
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
300
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
680
Xamarin
Avatar for Gustavo Leon hpneo
1
280
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
60
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
82
Desarrollo FrontEnd con JavaScript - S03 (I)
Avatar for Gustavo Leon hpneo
0
58

Other Decks in Programming

See All in Programming
Flutterで備える！Accessibility Nutrition Labels完全ガイド
Avatar for 野瀬田　裕樹 yuukiw00w
0
160
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
1
9.9k
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
170
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
170
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
590
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
120
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
1
440
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
10
3k
A full stack side project webapp all in Kotlin (KotlinConf 2025)
Avatar for Dan Kim dankim
0
120
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
Avatar for Hiromi Hishida 77web
2
530
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
2
640
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
180

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
690
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k

Transcript

  1. Desarrollo FrontEnd con JavaScript s05 – Backbone.js : Vistas y

    routers

  2. Backbone.js Model Collection View Router

  3. Backbone.View

  4. Backbone.View

  5. Backbone.View • Maneja la interacción de la aplicación con el

    usuario. • Escucha los cambios realizados en el modelo o colección.

  6. Backbone.View • El manejo de renderizado depende del usuario. •

    Permite usar templates: • Underscore.js • Haml-js • Mustache.js • Handlebars.js

  7. Backbone.Router

  8. Backbone.Router

  9. Backbone.Router • Conecta rutas con funciones que manejan el flujo

    de la aplicación.

  10. Backbone.history

  11. Backbone.history • Inicializa la aplicación, empezando a capturar los eventos

    hashchange. • start() debe ser llamado después de haber inicializado todos los routers de la aplicación.