Enviar búsqueda
Cargar
Unobtrusive Javascript - SD.rb 2007
•
4 recomendaciones
•
589 vistas
M
matta
Seguir
Unobtrusive Javascript
Leer menos
Leer más
Empresariales
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 17
Descargar ahora
Descargar para leer sin conexión
Recomendados
Javascript and DOM
Javascript and DOM
Ketan Ghumatkar
Patterns: The new Javascript framweork
Patterns: The new Javascript framweork
Franco Pellegrini
A Look At Flex And Php
A Look At Flex And Php
Michael Girouard
MTDDC Meetup HOKKAIDO 2018
MTDDC Meetup HOKKAIDO 2018
bitpart
GTUG JS will save us all
GTUG JS will save us all
Mário Valente
從一個超簡單範例開始學習 Canvas
從一個超簡單範例開始學習 Canvas
Anna Su
Oops
Oops
Jelmer Prins
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Arvind Bhardwaj
Más contenido relacionado
La actualidad más candente
Ruby course-1-practice
Ruby course-1-practice
Burhanudin Hakim
Angular js & Reactjs 접근방법
Angular js & Reactjs 접근방법
Peter YoungSik Yun
The Role Of Java Script
The Role Of Java Script
Christian Heilmann
Last Month in PHP - May 2016
Last Month in PHP - May 2016
Eric Poe
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Mike Hale
work-experience
work-experience
Nitipat Vachira-angsana
Prepara tu entorno para Magento 2
Prepara tu entorno para Magento 2
Óscar Recio Soria
HOW TO EXTEND WEBPACK WITH YOUR OWN PLUGINS
HOW TO EXTEND WEBPACK WITH YOUR OWN PLUGINS
DevClub_lv
Serverside Javascript - Hope and Opportunity (Introducing Starbucks JS Web Fr...
Serverside Javascript - Hope and Opportunity (Introducing Starbucks JS Web Fr...
Mário Valente
Creating Content in a Pattern Library
Creating Content in a Pattern Library
Rachel DeLauder
Integrating grunt and bower with maven
Integrating grunt and bower with maven
Rahul Nanwani
Spring Framework - Study Group
Spring Framework - Study Group
Adiyat Mubarak
HTML5 for the Ruby Developer
HTML5 for the Ruby Developer
SV Ruby on Rails Meetup
Best Practices in Component Development for MODX
Best Practices in Component Development for MODX
Jan Tezner
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Table module
Table module
RAKESHYADAV481
Php laravel training
Php laravel training
Mohammad Hussein Aldweek
The Full Stack Web Development
The Full Stack Web Development
Sam Dias
Blazor
Blazor
기욱 원
Paas
Paas
Houda Mouttalib
La actualidad más candente
(20)
Ruby course-1-practice
Ruby course-1-practice
Angular js & Reactjs 접근방법
Angular js & Reactjs 접근방법
The Role Of Java Script
The Role Of Java Script
Last Month in PHP - May 2016
Last Month in PHP - May 2016
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
work-experience
work-experience
Prepara tu entorno para Magento 2
Prepara tu entorno para Magento 2
HOW TO EXTEND WEBPACK WITH YOUR OWN PLUGINS
HOW TO EXTEND WEBPACK WITH YOUR OWN PLUGINS
Serverside Javascript - Hope and Opportunity (Introducing Starbucks JS Web Fr...
Serverside Javascript - Hope and Opportunity (Introducing Starbucks JS Web Fr...
Creating Content in a Pattern Library
Creating Content in a Pattern Library
Integrating grunt and bower with maven
Integrating grunt and bower with maven
Spring Framework - Study Group
Spring Framework - Study Group
HTML5 for the Ruby Developer
HTML5 for the Ruby Developer
Best Practices in Component Development for MODX
Best Practices in Component Development for MODX
Javascript fullstasck
Javascript fullstasck
Table module
Table module
Php laravel training
Php laravel training
The Full Stack Web Development
The Full Stack Web Development
Blazor
Blazor
Paas
Paas
Similar a Unobtrusive Javascript - SD.rb 2007
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Simon Willison
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
peter_marklund
Server Side Javascript
Server Side Javascript
rajivmordani
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Andrea Giannantonio
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
railsconf
Ajax World Oracle Ria
Ajax World Oracle Ria
rajivmordani
Scripting Support in GFv3 Prelude - Full Version
Scripting Support in GFv3 Prelude - Full Version
Eduardo Pelegri-Llopart
Active Web Development
Active Web Development
Divya Manian
L R U G - JRuby
L R U G - JRuby
Ross Lawley
Javascript Dependency Management
Javascript Dependency Management
Sean Duncan
Scripting Support in GlassFish v3 Prelude
Scripting Support in GlassFish v3 Prelude
Eduardo Pelegri-Llopart
Modern Webdevelopment With Ruby On Rails
Modern Webdevelopment With Ruby On Rails
Robert Glaser
Jaoo Michael Neale 09
Jaoo Michael Neale 09
Michael Neale
Enterprise Portal 2.0
Enterprise Portal 2.0
Jeremi Joslin
企业级软件的组件化和动态化开发实践
企业级软件的组件化和动态化开发实践
Jacky Chi
Architecture & Workflow of Modern Web Apps
Architecture & Workflow of Modern Web Apps
Rasheed Waraich
Java Web Start czyli jak żyć z tą dziwną technologią? & Continuous Delivery w...
Java Web Start czyli jak żyć z tą dziwną technologią? & Continuous Delivery w...
MarcinStachniuk
Ajax World West
Ajax World West
rajivmordani
Groovy and Grails in Google App Engine
Groovy and Grails in Google App Engine
Guillaume Laforge
Integrating React.js Into a PHP Application
Integrating React.js Into a PHP Application
Andrew Rota
Similar a Unobtrusive Javascript - SD.rb 2007
(20)
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
Server Side Javascript
Server Side Javascript
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
Develop With Pleasure Deploy With Fun Glass Fish And Net Beans For A Better...
Ajax World Oracle Ria
Ajax World Oracle Ria
Scripting Support in GFv3 Prelude - Full Version
Scripting Support in GFv3 Prelude - Full Version
Active Web Development
Active Web Development
L R U G - JRuby
L R U G - JRuby
Javascript Dependency Management
Javascript Dependency Management
Scripting Support in GlassFish v3 Prelude
Scripting Support in GlassFish v3 Prelude
Modern Webdevelopment With Ruby On Rails
Modern Webdevelopment With Ruby On Rails
Jaoo Michael Neale 09
Jaoo Michael Neale 09
Enterprise Portal 2.0
Enterprise Portal 2.0
企业级软件的组件化和动态化开发实践
企业级软件的组件化和动态化开发实践
Architecture & Workflow of Modern Web Apps
Architecture & Workflow of Modern Web Apps
Java Web Start czyli jak żyć z tą dziwną technologią? & Continuous Delivery w...
Java Web Start czyli jak żyć z tą dziwną technologią? & Continuous Delivery w...
Ajax World West
Ajax World West
Groovy and Grails in Google App Engine
Groovy and Grails in Google App Engine
Integrating React.js Into a PHP Application
Integrating React.js Into a PHP Application
Último
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Online
lng ths
Fabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and Festivals
Wristbands Ireland
Lecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb to
umarfarooquejamali32
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024
Winbusinessin
Boat Trailers Market PPT: Growth, Outlook, Demand, Keyplayer Analysis and Opp...
Boat Trailers Market PPT: Growth, Outlook, Demand, Keyplayer Analysis and Opp...
IMARC Group
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizations
P&CO
Intellectual Property Licensing Examples
Intellectual Property Licensing Examples
amberjiles31
A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.
mcshagufta46
Slicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup Berlin
Anton Skornyakov
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
lokeshwarmaha
Team B Mind Map for Organizational Chg..
Team B Mind Map for Organizational Chg..
dlewis191
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BBPMedia1
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry Webinar
NathanielSchmuck
Chicago Medical Malpractice Lawyer Chicago Medical Malpractice Lawyer.pdf
Chicago Medical Malpractice Lawyer Chicago Medical Malpractice Lawyer.pdf
Sourav Sikder
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
Stephan Koning
Graham and Doddsville - Issue 1 - Winter 2006 (1).pdf
Graham and Doddsville - Issue 1 - Winter 2006 (1).pdf
AnhNguyen97152
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agency
Hanna Klim
Cracking the ‘Business Process Outsourcing’ Code Main.pptx
Cracking the ‘Business Process Outsourcing’ Code Main.pptx
Workforce Group
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês em formato ppt
ElizangelaSoaresdaCo
7movierulz.uk
7movierulz.uk
aroemirsr
Último
(20)
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Online
Fabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and Festivals
Lecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb to
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024
Boat Trailers Market PPT: Growth, Outlook, Demand, Keyplayer Analysis and Opp...
Boat Trailers Market PPT: Growth, Outlook, Demand, Keyplayer Analysis and Opp...
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizations
Intellectual Property Licensing Examples
Intellectual Property Licensing Examples
A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.
Slicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup Berlin
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
Team B Mind Map for Organizational Chg..
Team B Mind Map for Organizational Chg..
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry Webinar
Chicago Medical Malpractice Lawyer Chicago Medical Malpractice Lawyer.pdf
Chicago Medical Malpractice Lawyer Chicago Medical Malpractice Lawyer.pdf
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
Graham and Doddsville - Issue 1 - Winter 2006 (1).pdf
Graham and Doddsville - Issue 1 - Winter 2006 (1).pdf
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agency
Cracking the ‘Business Process Outsourcing’ Code Main.pptx
Cracking the ‘Business Process Outsourcing’ Code Main.pptx
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês em formato ppt
7movierulz.uk
7movierulz.uk
Unobtrusive Javascript - SD.rb 2007
1.
Unobtrusive JavaScript behavior oriented
JS with graceful degradation progressive enhancement matt aimonetti - SDRuby - Dec 2007 http://railsontherun.com 1
2.
2
3.
Graceful Degradation
3
4.
• create a
page that works with and without javascript • page degrades to a less advanced one if javascript isn’t enabled in the browser 4
5.
Progressive Enhancement
5
6.
• graceful degradation
is good but... • first build the basic functionality available to all • then build advanced features on top of the foundations 6
7.
how?
7
8.
• register event
handlers programmatically • use CSS selectors to select the elements to register • keep things separate 8
9.
V from MVC
9
10.
• Structure: HTML •
Presentation: CSS 10
11.
• Structure: HTML •
Presentation: CSS • Behavior: JavaScript Keep the layers separate 11
12.
structure:
12
13.
presentation:
13
14.
behavior:
14
15.
JQuery + livequery
15
16.
Prototype + LowPro
16
17.
resources •
http://prototypejs.org • http://danwebb.net/lowpro • http://lowpro.stikipad.com/ • http://groups.google.co.uk/group/low-pro?hl=en • http://jquery.com/ • http://brandonaaron.net/docs/livequery/ • http://railsontherun.com 17
Descargar ahora