SlideShare une entreprise Scribd logo
1  sur  41
Télécharger pour lire hors ligne
don’t code
   CRAP!!!


for a better 2012
JAVASCRIPT
    is...
...the
FUTURE
and you know!
HTML + JS +
     CSS
sucks!
and you know why!!!
but... wait!
JS can write HTML!
JS can write CSS too!

JS can make it
crossbrowser!!
then why do we
need to write
crossbrowser
HTML and CSS?
Cheat!
write ugly HTML
and
get sexy pages
you can
really get
hot, sexy
high
performance
chicks (apps)
too.
YES!
SHE’s HOT!
-wanna know her?
her name is
   javascript

and she hates
messy guys like
I used to be
the HTMLCSS guy
but I
but changed
javascript only
 You should really
 get/make a frame-
work that generates
  HTML&CSS code.
you get

CLEAN CODE
and she
will like
use 100% ajax
with JSON only,
NO dirty HTML*
ups!
 that’s also
important!
*write duplicate data




for SEO & for the JS
4 SEO
generate HTML to be
  viewed by search
engine spiders ONLY.
4 JS
generate javascript
 code, more exactly
simple objects {key:
       ‘value’}
SERVER
will only serve DIRTY
HTML for/on:
-SEO;
-first page;
-refresh;
SERVER
will only serve CLEAN
JSON:
-for everything else;
SRV.flow()
->router
->(cache)
->service manager
->service
->model
->render
SRV.router()
-check if it’s a get/post
request;
-can return an instant
cache result;
-can call the service
manager;
S.serviceMng()
-a singleton;
-avoids duplicate
service requests;
S.service()
-just like a controller
in MVC, but I like more
to name it a service
because returns pure
objects no HTML
S.model()
-no need to explain;
-the cache is managed
here and not in the
service;
-data is filtered here
and not in the render()
S.render()
-render raw HTML only
for SEO;
-renders javascript
objects;
but to make
a change like
this is HARD!
you really
 need good JS
  stuff; some-
thing like Dojo
or YUI3 but
not jQyery!!!
my JS?
   I’m building a JS
  framework that is
presented in the other
        slide.
help
  I would need some
help in order to make
it. If you want a better
 web this is one of the
    ways. (ask for it!)
change
please don’t write
   more creepy
  architectures!
    it’s 2012!
and don’t
worry about
the Big guys!
   100 CRAP
      =~
   1 SMART
function totty(){
  if(‘thanks!’){
    you = ‘help’ || ‘share’;
  }
  return you;
}
// bye

Contenu connexe

Tendances

Implementation of gui framework part1
Implementation of gui framework part1Implementation of gui framework part1
Implementation of gui framework part1
masahiroookubo
 
HTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - FronteersHTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - Fronteers
Robert Nyman
 
Lecture 11 Answers
Lecture 11 AnswersLecture 11 Answers
Lecture 11 Answers
is4030.ray
 

Tendances (20)

Implementation of gui framework part1
Implementation of gui framework part1Implementation of gui framework part1
Implementation of gui framework part1
 
Implementation of GUI Framework part3
Implementation of GUI Framework part3Implementation of GUI Framework part3
Implementation of GUI Framework part3
 
Implementation of gui framework part2
Implementation of gui framework part2Implementation of gui framework part2
Implementation of gui framework part2
 
Portfolio
PortfolioPortfolio
Portfolio
 
Backbone.js – an introduction
Backbone.js – an introductionBackbone.js – an introduction
Backbone.js – an introduction
 
Javascript
JavascriptJavascript
Javascript
 
I feel the need... the need for SPEED
I feel the need... the need for SPEEDI feel the need... the need for SPEED
I feel the need... the need for SPEED
 
Our first eZPublish mobile website
Our first eZPublish mobile websiteOur first eZPublish mobile website
Our first eZPublish mobile website
 
Real World Web components
Real World Web componentsReal World Web components
Real World Web components
 
1 ppt-ajax with-j_query
1 ppt-ajax with-j_query1 ppt-ajax with-j_query
1 ppt-ajax with-j_query
 
Levent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & PolymerLevent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & Polymer
 
The 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityThe 5 Layers of Web Accessibility
The 5 Layers of Web Accessibility
 
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5thJSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
 
SproutCore and the Future of Web Apps
SproutCore and the Future of Web AppsSproutCore and the Future of Web Apps
SproutCore and the Future of Web Apps
 
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
 
Javascript by geetanjali
Javascript by geetanjaliJavascript by geetanjali
Javascript by geetanjali
 
HTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - FronteersHTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - Fronteers
 
Performace optimizations and frontend happiness
Performace optimizations and frontend happinessPerformace optimizations and frontend happiness
Performace optimizations and frontend happiness
 
JavaScript: Ajax & DOM Manipulation
JavaScript: Ajax & DOM ManipulationJavaScript: Ajax & DOM Manipulation
JavaScript: Ajax & DOM Manipulation
 
Lecture 11 Answers
Lecture 11 AnswersLecture 11 Answers
Lecture 11 Answers
 

En vedette

Porno calendario
Porno calendarioPorno calendario
Porno calendario
Fer Al
 
Ebola MOOC: Undressing
Ebola MOOC: UndressingEbola MOOC: Undressing
Ebola MOOC: Undressing
Elevate
 
The Whore of South London
The Whore of South LondonThe Whore of South London
The Whore of South London
ranaechyka
 
The Hotel By Helen Slater
The  Hotel   By  Helen  SlaterThe  Hotel   By  Helen  Slater
The Hotel By Helen Slater
Helen Slater
 

En vedette (17)

Porno calendario
Porno calendarioPorno calendario
Porno calendario
 
Juste pour rire_1
Juste pour rire_1Juste pour rire_1
Juste pour rire_1
 
Celebrating Aaron
Celebrating AaronCelebrating Aaron
Celebrating Aaron
 
Vote For Michelle
Vote For MichelleVote For Michelle
Vote For Michelle
 
Lotus - normas gráficas
Lotus - normas gráficasLotus - normas gráficas
Lotus - normas gráficas
 
Sexy bum pic
Sexy bum picSexy bum pic
Sexy bum pic
 
Page 3 journalism 2016 djk.ppt
Page 3 journalism 2016 djk.pptPage 3 journalism 2016 djk.ppt
Page 3 journalism 2016 djk.ppt
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
 
Torremolinos presentation in English
Torremolinos presentation  in EnglishTorremolinos presentation  in English
Torremolinos presentation in English
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
 
Valencia CF - 10 Match Team Study + Analysis
Valencia CF  - 10 Match Team Study + AnalysisValencia CF  - 10 Match Team Study + Analysis
Valencia CF - 10 Match Team Study + Analysis
 
Ebola MOOC: Undressing
Ebola MOOC: UndressingEbola MOOC: Undressing
Ebola MOOC: Undressing
 
Sydney Beaches
Sydney BeachesSydney Beaches
Sydney Beaches
 
The Whore of South London
The Whore of South LondonThe Whore of South London
The Whore of South London
 
Me!me!me!
Me!me!me!Me!me!me!
Me!me!me!
 
Ce au devenit(1)
Ce au devenit(1)Ce au devenit(1)
Ce au devenit(1)
 
The Hotel By Helen Slater
The  Hotel   By  Helen  SlaterThe  Hotel   By  Helen  Slater
The Hotel By Helen Slater
 

Similaire à Don't code CRAP in 2012 (architecture & future)

Google IO 2013: Web Performance Matters
Google IO 2013: Web Performance MattersGoogle IO 2013: Web Performance Matters
Google IO 2013: Web Performance Matters
Mitch Chen
 
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
Sébastien Levert
 
INFO 3775 Chapter 2 Part 1
INFO 3775 Chapter 2 Part 1INFO 3775 Chapter 2 Part 1
INFO 3775 Chapter 2 Part 1
Jeff Byrnes
 

Similaire à Don't code CRAP in 2012 (architecture & future) (20)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
frontend-161011205424 (1).pdf
frontend-161011205424 (1).pdffrontend-161011205424 (1).pdf
frontend-161011205424 (1).pdf
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
 
Submit form with Ajax and jQuery without reloading page.pdf
Submit form with Ajax and jQuery without reloading page.pdfSubmit form with Ajax and jQuery without reloading page.pdf
Submit form with Ajax and jQuery without reloading page.pdf
 
Google IO 2013: Web Performance Matters
Google IO 2013: Web Performance MattersGoogle IO 2013: Web Performance Matters
Google IO 2013: Web Performance Matters
 
frontend-161011205424.pptx
frontend-161011205424.pptxfrontend-161011205424.pptx
frontend-161011205424.pptx
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
 
6주 javaScript 시작하며
6주  javaScript 시작하며6주  javaScript 시작하며
6주 javaScript 시작하며
 
SMX_DevTools_Monaco_2.pdf
SMX_DevTools_Monaco_2.pdfSMX_DevTools_Monaco_2.pdf
SMX_DevTools_Monaco_2.pdf
 
Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldSolving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonald
 
Developing node-mdb: a Node.js - based clone of SimpleDB
Developing node-mdb: a Node.js - based clone of SimpleDBDeveloping node-mdb: a Node.js - based clone of SimpleDB
Developing node-mdb: a Node.js - based clone of SimpleDB
 
1. Let's study web-development
1. Let's study web-development1. Let's study web-development
1. Let's study web-development
 
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
 
jQuery quick tips
jQuery quick tipsjQuery quick tips
jQuery quick tips
 
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday
 
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 20102012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
 
Look ma! No images!
Look ma! No images!Look ma! No images!
Look ma! No images!
 
INFO 3775 Chapter 2 Part 1
INFO 3775 Chapter 2 Part 1INFO 3775 Chapter 2 Part 1
INFO 3775 Chapter 2 Part 1
 
13-IntroJavascript.pptx
13-IntroJavascript.pptx13-IntroJavascript.pptx
13-IntroJavascript.pptx
 

Dernier

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 

Don't code CRAP in 2012 (architecture & future)