jQuery Mobile +  PhoneGap           Adrián Catalánadriancatalan@elementalgeeks.com               @ykro
Librería de widgets
¿qué meprovee jQuery   Mobile?
¿qué NO meprovee jQuery   Mobile?
¿cómo uso  jQuery Mobile?
"The purpose ofPhoneGap is forPhoneGap tocease to exist”    Brian LeRoux, Nitobi
Librería de JavaScript
Un puente para unirlas diferentesplataformas nativascon el mundo web
+
http://phoneg ap.com/start
jQuery Mobile + PhoneGap             Adrián Catalán  adriancatalan@elementalgeeks.com                 @ykro
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Próxima SlideShare
Cargando en…5
×

Mejorando.la - Introducción a jQuery Mobile y PhoneGap

14.039 visualizaciones

Publicado el

Presentación que usé para mostrar una pequeña introducción a jQuery Mobile y PhoneGap

4 comentarios
8 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
14.039
En SlideShare
0
De insertados
0
Número de insertados
110
Acciones
Compartido
0
Descargas
216
Comentarios
4
Recomendaciones
8
Insertados 0
No insertados

No hay notas en la diapositiva.
  • Elementos de interface,temas
  • Geo / Canvas / Storage
  • <div data-role="page"> <div data-role="header"> <h1>Titulo</h1> </div> <div data-role="content"> <p>Contenido</p> </div> <div data-role="footer"> <h4>Page Footer</h4> </div></div>
  • <!DOCTYPE HTML><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script><script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  • <div data-role="page"> <div data-role="header"> <h1 id="_title"></h1> </div> <div data-role="content"> <imgsrc="loading.gif" id="_loading" /> <p id="_desc"></p> <ul data-role="listview" data-inset="true" data-filter="true" id="_list"></ul> </div> <div data-role="footer"> <h4><a href="http://mejorando.la"><imgsrc="http://mejorando.la/static/images/logos/mejorandola.png"/></a></h4> </div></div>
  • <script type="text/javascript"> $(document).ready(function(){varfeedurl = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=" +encodeURIComponent("http://mejorando.la/feed") $.ajax({url: feedurl,dataType: 'json',success: function(data) {vardata_as_json = data.responseData.feed; $("#_title").html(data_as_json.title); $("#_desc").html(data_as_json.description); varentries = data_as_json.entries; $.each(entries, function(index, value) { $("#_list").append("<li><a href=\\"" + value.link + "\\">" + value.title + "</a></li>"); }); $("#_loading").hide(); $("#_list").show(); $("#_list").listview("refresh"); } }); });</script>
  • Mejorando.la - Introducción a jQuery Mobile y PhoneGap

    1. 1. jQuery Mobile + PhoneGap Adrián Catalánadriancatalan@elementalgeeks.com @ykro
    2. 2. Librería de widgets
    3. 3. ¿qué meprovee jQuery Mobile?
    4. 4. ¿qué NO meprovee jQuery Mobile?
    5. 5. ¿cómo uso jQuery Mobile?
    6. 6. "The purpose ofPhoneGap is forPhoneGap tocease to exist” Brian LeRoux, Nitobi
    7. 7. Librería de JavaScript
    8. 8. Un puente para unirlas diferentesplataformas nativascon el mundo web
    9. 9. +
    10. 10. http://phoneg ap.com/start
    11. 11. jQuery Mobile + PhoneGap Adrián Catalán adriancatalan@elementalgeeks.com @ykro

    ×