En février j’avais donné deux cours à l’université en master. Le premier portait sur l’optimisation mobile, avec une introduction au marché mobile, navigateurs, la différence application native/ web-apps, les différents types de layout pour créer des sites qui s’adaptent. Elle comporte également une introduction à l’ergonomie mobile, à ce qu’il faut adapter, et une partie plus technique sur les media-queries, le viewport, et quelques astuces pour construire et tester son site. Vous pouvez d’ailleurs retrouver un article sur les différents types de layout pour optimiser son contenu pour le mobile sur Responsive Web Design: Layouts and Media Queries .
Le second cours était une introduction à jQueryMobile, présentant les avantages du Framework et un rapide tour d’horizon des principales fonctionnalités. La seconde partie du cours a été consacrée à un exercice de création d’une mini application de choix de restaurant dont le code a fait l’objet d’un tutoriel “ jQuery Mobile création d’une application web de choix de restaurant ”
Mieux vaut tard que jamais, les supports des deux interventions sont enfin disponibles sur slideshare. Vous pouvez également les consulter ci dessous :
Hey !
Merci pour le partage :)
De bonnes bases pour démarrer sereinement , en plus de ton tutoriel sur Noupe.
Bonne continuation ;)
PS : merci pour la pitite mention en fin de slide.
Anytime Goeffrey tu m’as bien aidé à faire la chasse aux fautes en plus ^^
Pingback: developpement mobile | Pearltrees
Merci Stéphanie,
un super concentré de tout ce qu’il faut savoir sur le responsive ; à garder sous le coude.
Manque peut-être juste un lien vers Twitter Bootstrap, un super framework qui gère le design responsive.
Merci :)
Par contre je vois pas vraiment ce que Bootstrap vient dans le responsive. Pour le framework il y a des liens en fait de présentation, par contre comme c’est pour une introduction à des étudiants, je pense qu’il vaut mieux qu’ils évitent un framework au début pour apprendre à coder eux même. En plus les média-queries des framework basent souvent leurs break point sur les “device” les plus utilisés, et je préfère la méthode qui consiste à les sélectionner manuellement à partir des endroits où le design “casse” et devient illisible.
Pingback: Mobile | Pearltrees
Salut, je suis nouveau ici mais j’aime déjà beaucoup ce que tu fais. J’ai même cité ton tutoriel jQuery Mobile dans ma chronique jQuery d’hier : http://www.mathieurobin.com/2012/04/70eme-des-chroniques-jquery/
Je vais continuer à te suivre avec assiduité, ça m’a l’air bien sympa ce que tu fais :)
Merci beaucoup ! Pour l’instant, je me suis concentrée uniquement sur le Jquery Mobile et j’ai trouvé ça très bien pour un début. J’ai vu quelques petites fautes mais c’est pas énorme. Bref, merci beaucoup ! (J’aurai aimé avoir des cours comme ca :$)
Pingback: Chroniques jQuery, épisode 80 | MathieuRobin.com
Pingback: Optimisation mobile - mise à jour 2013 - Stéphanie Walter : Webdesign - intégration web