SlideShare a Scribd company logo
1 of 13
Download to read offline
WORDPRESS
    +
 JQUERY

 KnowCamp - 19 Marzo 2011 Modena
2009
MoebiusMania
   2008

                      2007

        2006
WordPress




E’ il CMS più usato al mondo noto per la sua
         dualità semplice/potente.
jQuery (+ UI & Mobile)




E’ la libreria Javascript più usata al mondo, con
due fork principali (Mobile e UI) dedicate allo
             sviluppo di web app.
Parte 1: Web
Fondamentale:



                      +
jQuery è già incluso in WordPress, viene usato
 principalmente nella backend quindi è inutile
        incorporarlo una seconda volta!

   <?php wp_enqueue_script(“jquery”); ?>
                 (prima di wp_head)
Now it’s time to rock!

- caricare post casuali con Ajax
- evidenziare parti di testo
- controlli testo come zoom e colore
- caricare link esterni in finestre con Ajax
- aggiungere funzionalità drag’n’drop
Parte 2: Mobile
introducing: jQuery Mobile




 jQuery Mobile è un framework Css/Js per lo
sviluppo di siti ottimizzati ai dispositivi mobili,
        attualmente in versione Alpha 3
Come funziona?


Lo si incorpora nella pagina come un plugin ma
   ha un “avvio” automatico, utilizzando la
 proprietà data (pizzico di Html5) si possono
 assegnare ruoli ed effetti agli elementi Html
         presenti nelle nostre pagine.
E quindi WordPress?




  jQuery Mobile è un ottimo strumento per
creare temi alternativi per smartphone e tablet
  senza dove duplicare pagine e contenuti, a
     questo punto serve solo un redirect!
Risorse interessanti

- WordpressMania (wpmania.it)
- jQuery Italia (jqueryitalia.org)
- MoebiusMania (moebiusmania.net)
- Digging into Wordpress (wpdig.com)
- jQuery Mobile (jquerymobile.com)
GRAZIE!
                 e un grazie anche a:
SaidMade e KnowCamp - per il mio angolino nell’evento
  WordPress e jQuery - per non reinventare la ruota
i Dream    eater - la soundtrack delle mie notti insonni

More Related Content

Similar to Salvatore Laisa, WordPress + JQuery

Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Giorgio Carpoca
 
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...DrupalDay
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!Salvatore Laisa
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!Appsterdam Milan
 
Angular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
 
I linguaggi del web - seconda edizione (3° giornata)
I linguaggi del web - seconda edizione (3° giornata)I linguaggi del web - seconda edizione (3° giornata)
I linguaggi del web - seconda edizione (3° giornata)Diego La Monica
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationAlessandro Colla
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni WebRoberto Scano
 
Sviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailSviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailStefano Ottaviani
 
Introduzione a Ruby On Rails
Introduzione a Ruby On RailsIntroduzione a Ruby On Rails
Introduzione a Ruby On RailsLuca Mearelli
 
Matteo baccan raspberry pi - linox 2015 - corso parte 3
Matteo baccan   raspberry pi - linox 2015 - corso parte 3Matteo baccan   raspberry pi - linox 2015 - corso parte 3
Matteo baccan raspberry pi - linox 2015 - corso parte 3Matteo Baccan
 
follow-ap DAY 4: HTML5 e jQuery
follow-ap DAY 4: HTML5 e jQueryfollow-ap DAY 4: HTML5 e jQuery
follow-ap DAY 4: HTML5 e jQueryQIRIS
 
Ionic: Hybrid Mobile Apps... made simple
Ionic: Hybrid Mobile Apps... made simpleIonic: Hybrid Mobile Apps... made simple
Ionic: Hybrid Mobile Apps... made simpleCommit University
 

Similar to Salvatore Laisa, WordPress + JQuery (20)

Ajaxare WordPress
Ajaxare WordPressAjaxare WordPress
Ajaxare WordPress
 
Jquery mobile per App
Jquery mobile per AppJquery mobile per App
Jquery mobile per App
 
Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3
 
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...
Drupal Day 2012 - Applicazioni mobile multipiattaforma integrate con Drupal 7...
 
jQuery
jQueryjQuery
jQuery
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!
 
Angular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un framework
 
I linguaggi del web - seconda edizione (3° giornata)
I linguaggi del web - seconda edizione (3° giornata)I linguaggi del web - seconda edizione (3° giornata)
I linguaggi del web - seconda edizione (3° giornata)
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page Application
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni Web
 
Sviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailSviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRail
 
Rich Internet Application
Rich Internet ApplicationRich Internet Application
Rich Internet Application
 
WordPress REST API
WordPress REST APIWordPress REST API
WordPress REST API
 
Introduzione a Ruby On Rails
Introduzione a Ruby On RailsIntroduzione a Ruby On Rails
Introduzione a Ruby On Rails
 
Matteo baccan raspberry pi - linox 2015 - corso parte 3
Matteo baccan   raspberry pi - linox 2015 - corso parte 3Matteo baccan   raspberry pi - linox 2015 - corso parte 3
Matteo baccan raspberry pi - linox 2015 - corso parte 3
 
HTML5, il lato client della forza...
HTML5, il lato client della forza... HTML5, il lato client della forza...
HTML5, il lato client della forza...
 
follow-ap DAY 4: HTML5 e jQuery
follow-ap DAY 4: HTML5 e jQueryfollow-ap DAY 4: HTML5 e jQuery
follow-ap DAY 4: HTML5 e jQuery
 
Ionic: Hybrid Mobile Apps... made simple
Ionic: Hybrid Mobile Apps... made simpleIonic: Hybrid Mobile Apps... made simple
Ionic: Hybrid Mobile Apps... made simple
 

More from KnowCamp

Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...
Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...
Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...KnowCamp
 
Nicola Iarocci - Fuga dalla Comfort Zone
Nicola Iarocci - Fuga dalla Comfort ZoneNicola Iarocci - Fuga dalla Comfort Zone
Nicola Iarocci - Fuga dalla Comfort ZoneKnowCamp
 
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...KnowCamp
 
Domitilla Ferrari - Social Media Take Away
Domitilla Ferrari - Social Media Take AwayDomitilla Ferrari - Social Media Take Away
Domitilla Ferrari - Social Media Take AwayKnowCamp
 
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...KnowCamp
 
Emilio Galavotti - Acantho
Emilio Galavotti - AcanthoEmilio Galavotti - Acantho
Emilio Galavotti - AcanthoKnowCamp
 
Mattia Soragni – “I 10 Comandamenti del Personal Branding”
Mattia Soragni – “I 10 Comandamenti del Personal Branding”Mattia Soragni – “I 10 Comandamenti del Personal Branding”
Mattia Soragni – “I 10 Comandamenti del Personal Branding”KnowCamp
 
Paolo Franceschini – “Facebook come veicolo di passioni”
Paolo Franceschini – “Facebook come veicolo di passioni” Paolo Franceschini – “Facebook come veicolo di passioni”
Paolo Franceschini – “Facebook come veicolo di passioni” KnowCamp
 
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...KnowCamp
 
Luca Panzarella – “Pizza, mandolino e startup”
Luca Panzarella – “Pizza, mandolino e startup” Luca Panzarella – “Pizza, mandolino e startup”
Luca Panzarella – “Pizza, mandolino e startup” KnowCamp
 
Letizia Melchiorre - Vita da Labbers
Letizia Melchiorre - Vita da LabbersLetizia Melchiorre - Vita da Labbers
Letizia Melchiorre - Vita da LabbersKnowCamp
 
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”KnowCamp
 
Matteo Esposito - Digital brand entertainment
Matteo Esposito - Digital brand entertainmentMatteo Esposito - Digital brand entertainment
Matteo Esposito - Digital brand entertainmentKnowCamp
 
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...KnowCamp
 
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...KnowCamp
 
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...KnowCamp
 
Giorgio Soffiato - 5 cose che vostro nipote non vi dirà
Giorgio Soffiato - 5 cose che vostro nipote non vi diràGiorgio Soffiato - 5 cose che vostro nipote non vi dirà
Giorgio Soffiato - 5 cose che vostro nipote non vi diràKnowCamp
 
Cristiano Toni- Introduzione al Web Listening
Cristiano Toni- Introduzione al Web ListeningCristiano Toni- Introduzione al Web Listening
Cristiano Toni- Introduzione al Web ListeningKnowCamp
 
Elena Codeluppi- La prospettiva relazionale della creatività.
Elena Codeluppi- La prospettiva relazionale della creatività.Elena Codeluppi- La prospettiva relazionale della creatività.
Elena Codeluppi- La prospettiva relazionale della creatività.KnowCamp
 
Paolo Maffei, WordPress Ext
Paolo Maffei, WordPress ExtPaolo Maffei, WordPress Ext
Paolo Maffei, WordPress ExtKnowCamp
 

More from KnowCamp (20)

Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...
Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...
Simone Tornabene - Ciò che non sai conta più di ciò che sai - Colui che sa, s...
 
Nicola Iarocci - Fuga dalla Comfort Zone
Nicola Iarocci - Fuga dalla Comfort ZoneNicola Iarocci - Fuga dalla Comfort Zone
Nicola Iarocci - Fuga dalla Comfort Zone
 
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...
Gianni Marconato - Costruire conoscenza professionale in rete attraverso la n...
 
Domitilla Ferrari - Social Media Take Away
Domitilla Ferrari - Social Media Take AwayDomitilla Ferrari - Social Media Take Away
Domitilla Ferrari - Social Media Take Away
 
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...
Francesca Barbieri - Alcune dritte dagli animali australiani sulla vita da fr...
 
Emilio Galavotti - Acantho
Emilio Galavotti - AcanthoEmilio Galavotti - Acantho
Emilio Galavotti - Acantho
 
Mattia Soragni – “I 10 Comandamenti del Personal Branding”
Mattia Soragni – “I 10 Comandamenti del Personal Branding”Mattia Soragni – “I 10 Comandamenti del Personal Branding”
Mattia Soragni – “I 10 Comandamenti del Personal Branding”
 
Paolo Franceschini – “Facebook come veicolo di passioni”
Paolo Franceschini – “Facebook come veicolo di passioni” Paolo Franceschini – “Facebook come veicolo di passioni”
Paolo Franceschini – “Facebook come veicolo di passioni”
 
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...
Riccardo Polesel – “Comunicare le energie rinnovabili: meno filosofia e più i...
 
Luca Panzarella – “Pizza, mandolino e startup”
Luca Panzarella – “Pizza, mandolino e startup” Luca Panzarella – “Pizza, mandolino e startup”
Luca Panzarella – “Pizza, mandolino e startup”
 
Letizia Melchiorre - Vita da Labbers
Letizia Melchiorre - Vita da LabbersLetizia Melchiorre - Vita da Labbers
Letizia Melchiorre - Vita da Labbers
 
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
 
Matteo Esposito - Digital brand entertainment
Matteo Esposito - Digital brand entertainmentMatteo Esposito - Digital brand entertainment
Matteo Esposito - Digital brand entertainment
 
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...
Alessio Bragadini - Combattere l’information overload: alcuni trucchi GTD per...
 
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...
Alessandra Cosso- sL'impresa si racconta: i come e i perché dello storytellin...
 
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...
Michela Simoncini - I social media al servizio della tua azienda: alcuni esem...
 
Giorgio Soffiato - 5 cose che vostro nipote non vi dirà
Giorgio Soffiato - 5 cose che vostro nipote non vi diràGiorgio Soffiato - 5 cose che vostro nipote non vi dirà
Giorgio Soffiato - 5 cose che vostro nipote non vi dirà
 
Cristiano Toni- Introduzione al Web Listening
Cristiano Toni- Introduzione al Web ListeningCristiano Toni- Introduzione al Web Listening
Cristiano Toni- Introduzione al Web Listening
 
Elena Codeluppi- La prospettiva relazionale della creatività.
Elena Codeluppi- La prospettiva relazionale della creatività.Elena Codeluppi- La prospettiva relazionale della creatività.
Elena Codeluppi- La prospettiva relazionale della creatività.
 
Paolo Maffei, WordPress Ext
Paolo Maffei, WordPress ExtPaolo Maffei, WordPress Ext
Paolo Maffei, WordPress Ext
 

Salvatore Laisa, WordPress + JQuery

  • 1. WORDPRESS + JQUERY KnowCamp - 19 Marzo 2011 Modena
  • 2. 2009 MoebiusMania 2008 2007 2006
  • 3. WordPress E’ il CMS più usato al mondo noto per la sua dualità semplice/potente.
  • 4. jQuery (+ UI & Mobile) E’ la libreria Javascript più usata al mondo, con due fork principali (Mobile e UI) dedicate allo sviluppo di web app.
  • 6. Fondamentale: + jQuery è già incluso in WordPress, viene usato principalmente nella backend quindi è inutile incorporarlo una seconda volta! <?php wp_enqueue_script(“jquery”); ?> (prima di wp_head)
  • 7. Now it’s time to rock! - caricare post casuali con Ajax - evidenziare parti di testo - controlli testo come zoom e colore - caricare link esterni in finestre con Ajax - aggiungere funzionalità drag’n’drop
  • 9. introducing: jQuery Mobile jQuery Mobile è un framework Css/Js per lo sviluppo di siti ottimizzati ai dispositivi mobili, attualmente in versione Alpha 3
  • 10. Come funziona? Lo si incorpora nella pagina come un plugin ma ha un “avvio” automatico, utilizzando la proprietà data (pizzico di Html5) si possono assegnare ruoli ed effetti agli elementi Html presenti nelle nostre pagine.
  • 11. E quindi WordPress? jQuery Mobile è un ottimo strumento per creare temi alternativi per smartphone e tablet senza dove duplicare pagine e contenuti, a questo punto serve solo un redirect!
  • 12. Risorse interessanti - WordpressMania (wpmania.it) - jQuery Italia (jqueryitalia.org) - MoebiusMania (moebiusmania.net) - Digging into Wordpress (wpdig.com) - jQuery Mobile (jquerymobile.com)
  • 13. GRAZIE! e un grazie anche a: SaidMade e KnowCamp - per il mio angolino nell’evento WordPress e jQuery - per non reinventare la ruota i Dream eater - la soundtrack delle mie notti insonni