Pour ce premier article de la catégorie « Code » du blog, j’ai voulu permettre à ceux qui débutent – et les autres – dans tel ou tel langage de programmation, d’avoir accès à des sites de qualité pour s’initier ou se perfectionner.
Lorsque l’on apprend la programmation, quelque soit le langage, il est très laborieux de progresser et de se débrouiller sans l’aide de cours ou tutoriels comme point de départ. Il est plutôt décourageant et contre-productif de commencer par galérer dans le vide dans un éditeur de texte. Et même après avoir maîtrisé les bases, Google sera votre meilleur moyen de continuer à en apprendre toujours plus.
En effet, le code est une pratique qu’il est difficile d’assimiler de manière purement scolaire et surtout exhaustive, d’autant que les langages évoluent constamment. Là encore, Internet sera votre meilleur allié pour entretenir votre veille technologique. Voici un classement d’excellents sites à connaître si vous souhaitez vous auto-former à l’intégration et/ou au Développement Web.
Formation / Tutoriels
OpenClassrooms, Le Site du Zéro
La référence absolue de l’auto-formation. Tous les langages du web qui vous seront utiles y figurent. Les tutoriels sont extrêmement bien écrits et pédagogiques, téléchargeables en .pdf et proposent des exercices pratiques pour vérifier les acquis. Et surtout : ils sont consultables gratuitement
Webdesign Repo
Un annuaire long comme deux bras de sites à connaître concernant le webdesign et le code.
W3C School
Un équivalent du SDZ mais en anglais, qui propose tout au long des tutoriels, de tester par des exemples, les étapes décrites.
Code Academy
« Apprenez à coder de manière interactive, gratuitement. ». Le principe est simple : vous faire écrire vos premières lignes de code directement sur ce site, et monter en puissance. Très ludique.
![]()
Alsacréations
Des tutoriels et articles pour intégrateur et développeurs avec des niveaux d’expertises progressifs. Je vous recommande tout particulièrement leurs articles concernant le CSS et notamment ceux sur le Responsive et le Positionnement.
![]()
Grafikart
Probablement mon préféré. D’excellents tutoriels vidéos autour de l’intégration, des frameworks, des CMS et du développement plus poussé.
![]()
Codrops
Probablement le meilleur fournisseur de ressources pour les intégrateurs (anglais). Le site expose des démonstrations plutôt spectaculaires et décryptées.
Codepen
Un site à la pédagogie exemplaire : Le code source, éditable en ligne par l’utilisateur pour faire des expérimentations, ainsi que le rendu en direct, Le tout sur la même page. Véritable incitation à l’expérimentation, le site permet de constituer son propre « bac à sable » de bouts de code.
Ressources / Tutoriels
Blogduwebdesign
Non-content de publier très régulièrement des articles de qualité autour des tendances et de l’actualité du Webdesign, cet excellent blog propose de temps en temps des ressources pour les intégrateurs.
Creative Juiz
Des articles et des tutoriels autour du CSS, WordPress, de veille technologiques et graphiques.
Gratuit / Payant
Tuto.com
Un large choix de tutoriels gratuits et formations complètes payantes de qualité autour des logiciels, des langages et des CMS.
Video2brain
Un large choix de formations complètes payantes de qualité, et d’extraits gratuits, réalisés par des professionnels et spécialistes certifiés.
Elephorm
Même principe que les deux sites précédents.
Tutoriels – Content Management System
WordPress : Le Codex
Un index exhaustif (et officiel) des fonctions pour construire des thèmes sur WordPress
WordPress : Construire son thème WordPress de A à Z
Un excellent tutoriel, complet pour appréhender la construction de thème jusqu’à un niveau intermédiaire sur WordPress.
Documentations
Dev Docs
L’ensemble des documentations pour la plupart des langages de programmation, concentré à un même endroit !
Can I use ?
Depuis quelques temps déjà, HTML et CSS connaissent une révolution. Révolution qui n’est pas toujours compatible avec les anciens navigateurs web et mobile. Ce site vous permet d’être fixé sur l’utilisation d’une balise HTML5 ou d’une propriété CSS3.
![]()
JQuery API
Le site de l’API de JQuery est réellement indispensable pour débuter sereinement avec JQuery, grâce à une documentation riche.
PHP.net
L’encyclopédie du PHP. Le site propose notamment un index de toutes les functions existantes en PHP et leur utilisabilité.
Forum
Stackoverflow (eng)
Lorsque vous serez habitué à chercher intelligemment sur Google, grâce à des mots clés pertinents, la raison pour laquelle vous ne parvenez pas à faire ce que vous désirez en code, il est quasiment sûr que quelqu’un d’autre dans le monde a eu le même problème que vous un jour. Et il y a tout autant de chance que la réponse se trouve sur l’un des topics de la communauté de Stackoverflow.
Livres / Magazines
La collection A BOOK APART
Édités par Eyrolles, les ouvrages de cette collection sont une approche très pédagogique et agréable à parcourir en ce qui concerne la conception technique et graphique sur le web. A posséder absolument dans votre bibliothèque et/ou en ebook.
CSS avancées par Raphaël Goetter
Ouvrage signé Raphaël Goetter, Webdesigner et gérant d’Alsacréation. C’est probablement l’ouvrage de référence sur le CSS et certaines de ses propriétés méconnues et pourtant utilisable depuis longtemps, ainsi que les techniques de positionnement de demain.
Les livres du Zero
Versions imprimées des cours du Site du Zéro, ils permettent d’être lu de manière plus confortables que sur un écran (avis personnel) et donc de les parcourir à votre rythme. Ils sont régulièrement réédités lorsque leur contenu devient trop obsolète. Ils sont généralement vendus entre 20 et 30€. Ils ont le bon goût d’être la retranscription exact de la pédagogie et l’humour qui a fait le succès du SDZ puis d’Open Classroom.
Webdesign Magazine
Probablement le meilleur mensuel français sur la création Web chez votre marchand de journaux. Il propose des focus sur des sites et technologies qui font le buzz. En outre, il est toujours accompagné d’un CD contenant des ressources, des scripts et des accès à des tutoriels vidéos proposés par Tuto.com.
Collection « Memento » par Eyrolles
Véritables aides-mémoire de poche, sous formes de dépliants, la collection Mémento propose une manière pratique et que vous pouvez avoir toujours sur vous pour (ré)apprendre du code. Les dépliants sont plutôt robustes et vendus entre 3€ et 7€ pour ceux qui contiennent le plus de volets. Ils sont généralement très complets et contiennent par exemple, la plupart des balises ou fonctions pour un langage donné.