SlideShare uma empresa Scribd logo
1 de 13
Baixar para ler 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

Mais conteúdo relacionado

Semelhante a Salvatore Laisa, WordPress + JQuery

Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3
Giorgio Carpoca
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!
Salvatore Laisa
 
Sviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailSviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRail
Stefano Ottaviani
 
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
QIRIS
 

Semelhante a 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
 

Mais de KnowCamp

Mais de 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