General purpose Javascript frameworks are the ones that made the language popular in the past, but right now it is a risk to think about our application development and architecture just in relation to our favorite framework.
This talk highlights risks and suggest some techniques (from design patterns to snippet of code) to avoid being coupled to a specific framework
7. Hello, who’s speaking?
Marco Cedaro
@cedmax
About me...
Frontend Cowboy
Nicola Vitto Jr.
Javascript Pervert
Roberto Felter
8. Hello, who’s speaking?
Marco Cedaro
@cedmax
About me...
Frontend Cowboy
Nicola Vitto Jr.
Javascript Pervert
Roberto Felter
Marco.. who?
basically anyone else
9. Hello, who’s speaking?
Marco Cedaro
@cedmax
Actually I am:
a Frontend Developer at
Spreaker.com
10. Hello, who’s speaking?
Marco Cedaro
@cedmax
Actually I am:
a Frontend Developer at
Spreaker.com
Conference organizer
with From The Front
11. Hello, who’s speaking?
Marco Cedaro
@cedmax
Actually I am:
a Frontend Developer at
Spreaker.com
Conference organizer
with From The Front
and a javascript pervert
16. Definition
frame·work n.
A structure for supporting or enclosing something
else, especially a skeletal support used as the basis for
something being constructed.
gen·er·al-pur·pose adj.
Designed for or suitable to more than one use;
broadly useful.
17. A little history
http://mattstone.blogs.com/photos/christian_art_genesis/adam-eve-and-the-tree.html
18. Once upon a time
code snippet
“dhtml”
if (document.all)
http://creativecriminals.com/print/scotch-tape-beyond-strong/
31. General purpose
framework may seem
the right solution to
handle complexity
Long life cycle websites
http://sproutsocial.com/insights/2011/11/how-to-iphone-ipad-friendly/ - http://pressganger.blogspot.it/2012/03/blog-progress-update.html
- http://news.brothersoft.com/internet-explorer-10-focuses-html5-improves-performance-16036.html
32. General purpose What about updates?
framework may seem
the right solution to clientside environment is
handle complexity always changing
Long life cycle websites
http://sproutsocial.com/insights/2011/11/how-to-iphone-ipad-friendly/ - http://pressganger.blogspot.it/2012/03/blog-progress-update.html
- http://news.brothersoft.com/internet-explorer-10-focuses-html5-improves-performance-16036.html
33. General purpose What about updates? How many patches did
framework may seem
you make in your
the right solution to clientside environment is
always changing framework over years?
handle complexity
Long life cycle websites
http://sproutsocial.com/insights/2011/11/how-to-iphone-ipad-friendly/ - http://pressganger.blogspot.it/2012/03/blog-progress-update.html
- http://news.brothersoft.com/internet-explorer-10-focuses-html5-improves-performance-16036.html
34. Counterintuitively
situation is even worse
Short life cycle websites
http://www.cnbc.com/id/46994692/The_Worst_Jobs_for_2012 - http://indiatransportportal.com/india-transport-studies/
35. Counterintuitively Less analysis and
situation is even worse foresight
Short life cycle websites
http://www.cnbc.com/id/46994692/The_Worst_Jobs_for_2012 - http://indiatransportportal.com/india-transport-studies/
36. Did you make any
Counterintuitively Less analysis and
patch in your
situation is even worse foresight
framework over years?
Short life cycle websites
http://www.cnbc.com/id/46994692/The_Worst_Jobs_for_2012 - http://indiatransportportal.com/india-transport-studies/
44. Own scripts built on a
known framework
case study
http://www.naba.it/newsletter_09_10/naba_n184.html - http://sevenspark.com/product/agility-responsive-minimal-html5-template/
- http://middleclasshell.com/republicans-ignore-catholics-when-it-comes-to-unemployment-benefits
45. Own scripts built on a Brand new website
known framework with responsive design
case study
http://www.naba.it/newsletter_09_10/naba_n184.html - http://sevenspark.com/product/agility-responsive-minimal-html5-template/
- http://middleclasshell.com/republicans-ignore-catholics-when-it-comes-to-unemployment-benefits
46. Own scripts built on a Brand new website same old frw over 3g?
known framework with responsive design or rewrite all scripts?
case study
http://www.naba.it/newsletter_09_10/naba_n184.html - http://sevenspark.com/product/agility-responsive-minimal-html5-template/
- http://middleclasshell.com/republicans-ignore-catholics-when-it-comes-to-unemployment-benefits
47. Desktop
$LAB
.script("jquery.js").wait()
.script("scripts.js")
Mobile
$LAB
.script("xui.js").wait()
.script("scripts.js")
48. Desktop
$LAB
.script("jquery.js").wait()
.script("scripts.js")
Mobile
$LAB
.script("xui.js").wait()
.script("scripts.js")
166. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
167. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
168. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
get to know microframeworks
169. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
get to know microframeworks
let github be your playground
170. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
get to know microframeworks
let github be your playground
javascript is fun
171. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
get to know microframeworks
let github be your playground
javascript is fun
javascript is lovable
172. BE A JAVASCRIPT
PERVERT
play with javascript
discover your limits
get to know microframeworks
let github be your playground
javascript is fun
javascript is lovable
but you need to...