Enviar búsqueda
Cargar
Organizing jQuery Projects Without OO
•
1 recomendación
•
1,257 vistas
Yehuda Katz
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 54
Descargar ahora
Descargar para leer sin conexión
Recomendados
Sprout core and performance
Sprout core and performance
Yehuda Katz
Hack tutorial
Hack tutorial
Wakana Yoshizawa
jQuery secrets
jQuery secrets
Bastian Feder
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
Wakana Yoshizawa
Introducing jQuery
Introducing jQuery
Wildan Maulana
Backbone.js
Backbone.js
Knoldus Inc.
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
jQuery
jQuery
Dileep Mishra
Recomendados
Sprout core and performance
Sprout core and performance
Yehuda Katz
Hack tutorial
Hack tutorial
Wakana Yoshizawa
jQuery secrets
jQuery secrets
Bastian Feder
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
Wakana Yoshizawa
Introducing jQuery
Introducing jQuery
Wildan Maulana
Backbone.js
Backbone.js
Knoldus Inc.
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
jQuery
jQuery
Dileep Mishra
jQuery Presentation
jQuery Presentation
Rod Johnson
jQuery in 15 minutes
jQuery in 15 minutes
Simon Willison
Magento2&java script (2)
Magento2&java script (2)
EvgeniyKapelko1
jQuery
jQuery
Andrew Homeyer
How to increase Performance of Web Application using JQuery
How to increase Performance of Web Application using JQuery
kolkatageeks
AngularJS Compile Process
AngularJS Compile Process
Eyal Vardi
jQuery
jQuery
Jay Poojara
AngulrJS Overview
AngulrJS Overview
Eyal Vardi
AngularJS Services
AngularJS Services
Eyal Vardi
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
What the FUF?
What the FUF?
An Doan
J querypractice
J querypractice
Inbal Geffen
Javascript - Beyond-jQuery
Javascript - Beyond-jQuery
Tanner Moushey ❖ Mission Lab - WordPress Agency
AngularJS - $http & $resource Services
AngularJS - $http & $resource Services
Eyal Vardi
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Ayes Chinmay
JavaScript and jQuery Basics
JavaScript and jQuery Basics
Kaloyan Kosev
jQuery basics for Beginners
jQuery basics for Beginners
Pooja Saxena
AngularJS $Provide Service
AngularJS $Provide Service
Eyal Vardi
Jqeury ajax plugins
Jqeury ajax plugins
Inbal Geffen
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
Remy Sharp
TY.BSc.IT Java QB U1
TY.BSc.IT Java QB U1
Lokesh Singrol
Windows Store app using XAML and C#: Enterprise Product Development
Windows Store app using XAML and C#: Enterprise Product Development
Mahmoud Hamed Mahmoud
Más contenido relacionado
La actualidad más candente
jQuery Presentation
jQuery Presentation
Rod Johnson
jQuery in 15 minutes
jQuery in 15 minutes
Simon Willison
Magento2&java script (2)
Magento2&java script (2)
EvgeniyKapelko1
jQuery
jQuery
Andrew Homeyer
How to increase Performance of Web Application using JQuery
How to increase Performance of Web Application using JQuery
kolkatageeks
AngularJS Compile Process
AngularJS Compile Process
Eyal Vardi
jQuery
jQuery
Jay Poojara
AngulrJS Overview
AngulrJS Overview
Eyal Vardi
AngularJS Services
AngularJS Services
Eyal Vardi
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
What the FUF?
What the FUF?
An Doan
J querypractice
J querypractice
Inbal Geffen
Javascript - Beyond-jQuery
Javascript - Beyond-jQuery
Tanner Moushey ❖ Mission Lab - WordPress Agency
AngularJS - $http & $resource Services
AngularJS - $http & $resource Services
Eyal Vardi
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Ayes Chinmay
JavaScript and jQuery Basics
JavaScript and jQuery Basics
Kaloyan Kosev
jQuery basics for Beginners
jQuery basics for Beginners
Pooja Saxena
AngularJS $Provide Service
AngularJS $Provide Service
Eyal Vardi
Jqeury ajax plugins
Jqeury ajax plugins
Inbal Geffen
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
Remy Sharp
La actualidad más candente
(20)
jQuery Presentation
jQuery Presentation
jQuery in 15 minutes
jQuery in 15 minutes
Magento2&java script (2)
Magento2&java script (2)
jQuery
jQuery
How to increase Performance of Web Application using JQuery
How to increase Performance of Web Application using JQuery
AngularJS Compile Process
AngularJS Compile Process
jQuery
jQuery
AngulrJS Overview
AngulrJS Overview
AngularJS Services
AngularJS Services
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
What the FUF?
What the FUF?
J querypractice
J querypractice
Javascript - Beyond-jQuery
Javascript - Beyond-jQuery
AngularJS - $http & $resource Services
AngularJS - $http & $resource Services
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
JavaScript and jQuery Basics
JavaScript and jQuery Basics
jQuery basics for Beginners
jQuery basics for Beginners
AngularJS $Provide Service
AngularJS $Provide Service
Jqeury ajax plugins
Jqeury ajax plugins
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
Similar a Organizing jQuery Projects Without OO
TY.BSc.IT Java QB U1
TY.BSc.IT Java QB U1
Lokesh Singrol
Windows Store app using XAML and C#: Enterprise Product Development
Windows Store app using XAML and C#: Enterprise Product Development
Mahmoud Hamed Mahmoud
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Barry Gervin
BOF-5110 Extending the Groovy SwingBuilder
BOF-5110 Extending the Groovy SwingBuilder
Danno Ferrin
Workshop: Building Vaadin add-ons
Workshop: Building Vaadin add-ons
Sami Ekblad
jQuery Ecosystem
jQuery Ecosystem
Andrea Balducci
Dojo1.0_Tutorials
Dojo1.0_Tutorials
tutorialsruby
Dojo1.0_Tutorials
Dojo1.0_Tutorials
tutorialsruby
Lab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Walid Ashraf
Using And Extending The DotNetNuke Widget Framework
Using And Extending The DotNetNuke Widget Framework
Nik Kalyani
Google Web Toolkits
Google Web Toolkits
Yiguang Hu
Dynamic Actions, the Hard Parts
Dynamic Actions, the Hard Parts
Daniel McGhan
Extending Groovys Swing User Interface in Builder to Build Richer Applications
Extending Groovys Swing User Interface in Builder to Build Richer Applications
James Williams
Vaadin 7 CN
Vaadin 7 CN
jojule
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
IMC Institute
Salesforce Lightning Tips & Tricks
Salesforce Lightning Tips & Tricks
Thinqloud
Google Web Toolkit
Google Web Toolkit
Software Park Thailand
GWT MVP Case Study
GWT MVP Case Study
David Chandler
Awt event
Awt event
Vijay Kumar
Programming Java GUI using SWING, Event Handling
Programming Java GUI using SWING, Event Handling
Jadavsejal
Similar a Organizing jQuery Projects Without OO
(20)
TY.BSc.IT Java QB U1
TY.BSc.IT Java QB U1
Windows Store app using XAML and C#: Enterprise Product Development
Windows Store app using XAML and C#: Enterprise Product Development
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
BOF-5110 Extending the Groovy SwingBuilder
BOF-5110 Extending the Groovy SwingBuilder
Workshop: Building Vaadin add-ons
Workshop: Building Vaadin add-ons
jQuery Ecosystem
jQuery Ecosystem
Dojo1.0_Tutorials
Dojo1.0_Tutorials
Dojo1.0_Tutorials
Dojo1.0_Tutorials
Lab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Using And Extending The DotNetNuke Widget Framework
Using And Extending The DotNetNuke Widget Framework
Google Web Toolkits
Google Web Toolkits
Dynamic Actions, the Hard Parts
Dynamic Actions, the Hard Parts
Extending Groovys Swing User Interface in Builder to Build Richer Applications
Extending Groovys Swing User Interface in Builder to Build Richer Applications
Vaadin 7 CN
Vaadin 7 CN
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Salesforce Lightning Tips & Tricks
Salesforce Lightning Tips & Tricks
Google Web Toolkit
Google Web Toolkit
GWT MVP Case Study
GWT MVP Case Study
Awt event
Awt event
Programming Java GUI using SWING, Event Handling
Programming Java GUI using SWING, Event Handling
Más de Yehuda Katz
Writing Fast Client-Side Code: Lessons Learned from SproutCore
Writing Fast Client-Side Code: Lessons Learned from SproutCore
Yehuda Katz
SproutCore: Amber
SproutCore: Amber
Yehuda Katz
Rails 3: Dashing to the Finish
Rails 3: Dashing to the Finish
Yehuda Katz
Why You Shouldn't Write OO
Why You Shouldn't Write OO
Yehuda Katz
Rails 3 overview
Rails 3 overview
Yehuda Katz
Making your oss project more like rails
Making your oss project more like rails
Yehuda Katz
Vaporware To Awesome
Vaporware To Awesome
Yehuda Katz
Merb Day Keynote
Merb Day Keynote
Yehuda Katz
Testing Merb
Testing Merb
Yehuda Katz
Merb jQuery
Merb jQuery
Yehuda Katz
Merb Camp Keynote
Merb Camp Keynote
Yehuda Katz
Merb
Merb
Yehuda Katz
DataMapper
DataMapper
Yehuda Katz
jQuery and Ruby Web Frameworks
jQuery and Ruby Web Frameworks
Yehuda Katz
jQuery Presentation to Rails Developers
jQuery Presentation to Rails Developers
Yehuda Katz
Más de Yehuda Katz
(15)
Writing Fast Client-Side Code: Lessons Learned from SproutCore
Writing Fast Client-Side Code: Lessons Learned from SproutCore
SproutCore: Amber
SproutCore: Amber
Rails 3: Dashing to the Finish
Rails 3: Dashing to the Finish
Why You Shouldn't Write OO
Why You Shouldn't Write OO
Rails 3 overview
Rails 3 overview
Making your oss project more like rails
Making your oss project more like rails
Vaporware To Awesome
Vaporware To Awesome
Merb Day Keynote
Merb Day Keynote
Testing Merb
Testing Merb
Merb jQuery
Merb jQuery
Merb Camp Keynote
Merb Camp Keynote
Merb
Merb
DataMapper
DataMapper
jQuery and Ruby Web Frameworks
jQuery and Ruby Web Frameworks
jQuery Presentation to Rails Developers
jQuery Presentation to Rails Developers
Último
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
SeasiaInfotech2
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Zilliz
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Florian Wilhelm
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Mark Simos
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Wonjun Hwang
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
Rizwan Syed
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Alfredo García Lavilla
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Scott Keck-Warren
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
ScyllaDB
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Último
(20)
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Organizing jQuery Projects Without OO
1.
{
Evented...
2.
Why You Shouldn’t Write
OO jQuery
3.
Why You Shouldn’t Write
OO jQuery Troll
4.
Organization
5.
Organization
X
6.
Code Reuse
7.
We’re Used to
It
8.
Strategy
9.
Widget
10.
Widget
11.
Widget
12.
Widget function function function
13.
Widget AjaxWidget
14.
Widget
AjaxWidget HistoryAjaxWidget
15.
Widget
AjaxWidget super HistoryAjaxWidget
16.
Widget
super AjaxWidget super HistoryAjaxWidget
17.
18.
Widget AjaxWidget
19.
Widget
Widget AjaxWidget HistoryWidget
20.
Composability
21.
X Composability
22.
OO Code in
JS is Crippled Evented Code
23.
Instead of calling
a method
24.
{ widget.activate();
25.
User Code Widget
26.
User Code 1:1 Widget
27.
User Code 1:1
Sync Widget
28.
Trigger an
Event
29.
} element.trigger("activate")
30.
User Code Listener
Listener Listener
31.
Advantages
32.
Familiar Model
33.
{ $("div").click(function() { })
// do stuff
34.
Evented Code
Fits More Cleanly with Requirements
35.
“When the user
picks an item from the autocompleter”
36.
Real Example
37.
Caveat: Simple
Technique
38.
I’ve Used This Technique
on Large Projects
39.
Tabs
40.
41.
div.ui-tabs
42.
click
keypress div.ui-tabs
43.
click
keypress div.ui-tabs tabactivate
44.
click
keypress div.ui-tabs tabactivate
45.
click
keypress div.ui-tabs tabactivate
46.
a) open pane
b) mark tab selected tabactivate default analogy: typing in text box triggers a change event
47.
a) open pane b)
mark tab selected tabactivate return false default
48.
Tech in the
Example
49.
Arista Theme
50.
Sass and Compass
51.
(try to avoid using
JS to set up layouts)
52.
Staticmatic
53.
jQuery BBQ (Ben Alman)
54.
Demo
Descargar ahora