Premiers pas avec Grunt
Nous vous conseillons aujourd’hui d’utiliser un gestionnaire de tâches qui nous paraît être mieux sur bien des points: configuration plus souple, lisible et facile et rapidité vous attendent avec Gulp. Vous avez sûrement déjà entendu parler de Grunt à droite à gauche, en conférence, voire votre boite l’utilise déjà mais vous ne savez toujours pas trop ce qui se cache derrière ce terme saugrenu digne d’un personnage de Warcraft. Soit, ce n’est pas bien grave. Grunt est simplement un JavaScript Task Runner, un outil vous permettant de créer des tâches automatisées en JavaScript. Forcément ce n’est pas très parlant mais c’est tout l’intérêt de cet article, vous expliquer ce qu’est Grunt et pourquoi il peut vous être utile dans un workflow de front-end dev. Vous est-il déjà arrivé de devoir régulièrement lancer, lancer et relancer des processus tels que Sass, LESS, uglify - en somme des préprocesseurs ou des minifiers - régulièrement à la main ?
Chart.js : créez des graphiques HTML5
Développez des graphiques côté client orientés objetsAvec ces bibliothèques JavaScript qui manipulent le HTML5 Chart.js est une bibliothèque JavaScript conçue pour utiliser les nouvelles fonctionnalités HTML5. Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5. Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.
JQuery
Fabien Montagne Amigraph Reveal.js HTML Presentations Made Easy Programme Présentation jQuery, premiers scripts Objet jQuery, $ comme raccourci, Propriétés et méthodes de l'objet jQuery Sélecteurs, rôle des sélecteurs, pseudo classes, Gestionnaire d'événements premiers pas (.ready()) Jouer avec l'arbre DOM Présentation DOM Accès aux éléments d'une page (exercices : faire disparaître des éléments dans une page Web dans un tableau, modifier le texte d'un élément), manipulation du DOM avec JQuery Gestion CSS avec jQuery (exercices modifications des classes, modification CSS) Evénements animations et requêtes Ajax Retour sur le gestionnaire d'événements / méthode bind (exercices ) Animation Ajax : principe et fonctionnement Construction d'une requête Ajax / Traitement des réponses Ajax
Type MIME
Un article de Wikipédia, l'encyclopédie libre. Un Internet media type[1], à l'origine appelé type MIME ou juste MIME ou encore Content-type[2], est un identifiant de format de données sur internet en deux parties. Les identifiants étaient à l'origine définis dans la RFC 2046 pour leur utilisation dans les courriels à travers du SMTP mais ils ont été étendus à d'autres protocoles comme le HTTP ou le SIP. Un type MIME est composé d'au moins deux parties : un type et un sous-type et d'un ou plusieurs autres champs au besoin. Par exemple, les sous-types du type text ont un champ optionnel charset indiquant le codage des caractères ; ou encore, les sous-types du type multipart définissent une option boundary entre les parties.
JavaScript
Tutoriels JavaScript (qui est souvent abrégé en « JS ») est un langage de script léger, orienté objet, principalement connu comme le langage de script des pages web. Mais il est aussi utilisé dans de nombreux environnements extérieurs aux navigateurs web tels que Node.js, Apache CouchDB voire Adobe Acrobat.
Grunt pour ceux qui pensent que Grunt est compliqué
On parle beaucoup de Grunt aujourd'hui, mais les articles disponibles sont souvent abscons et techniques. Pourtant Grunt n'est pas réservé aux spécialistes, comme le montre cette introduction de Chris Coyier. Par Chris Coyier On donne souvent les conseils suivants aux intégrateurs web : Divisez votre CSS et votre JavaScript en autant de parties que nécessaire, puis concaténez-les pour la version de production de votre site. Compressez votre CSS, minifiez votre JavaScript, pour améliorer la performance de votre site.
jQuery 3.0, déjà ?! Souvenons-nous
Hum, deux articles parlant du passé en moins de 2 mois. Je me fais vieux ou... ah non, c'est vrai, je bosse dans le web, c'est normal, les choses changent vite Bon alors, si vous ne l'avez pas encore lu, je vous invite à lire l'article de Dave Methvin annonçant jQuery 3.0 : Quelques "petits" changements, le terme est ironique. Alors on commence par l'adoption de SemVer (Semantic Versionning).
Créer son Application Mobile : 7 outils simples d’utilisation
Il est désormais presque incontournable de proposer à ses visiteurs une version mobile de son contenu. Si voulez construire une app iPhone ou Android, vous n’avez pas nécessairement besoin de mobilier un budget important ou de recruter un développeur spécialement pour votre projet. En effet, il existe de plus en plus d’outils qui vous permettront de bricoler vous même une App mobile, sans que vous ayez des compétences techniques spécifiques. Bien sûr, les possibilités de personnalisation sont inférieures à celles offertes par un développement sur-mesure, vous pourrez quand même tester une idée d’application, voir le potentiel pour ensuite vous tourner vers une version affinée. Nous avons comparé plusieurs de ces outils et voici quelques pistes si vous êtes intéressés par les créateurs d’App mobiles en mode Saas. AppBuilder
Node.js derrière un proxy Apache
Pour un projet dont je ne tarderai plus à vous parler, j’ai eu à faire cohabiter Apache2 et Node.js sur un même machine déstinée à la production. Je voulais pouvoir accéder à mon application Node.js sur le port 80. Le sujet est assez bien documenté et ne présente pas de difficultés particulières ; cet article sera surtout une mise en relation des différents tutos et autres posts que j’ai pu lire ici et là.
