Apprendre à coder : les bonnes adresses

Un listing des sites indispensables pour débuter dans l'apprentissage du code

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

_0018_sdzLa 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

webdesign-repoUn annuaire long comme deux bras de sites à connaître concernant le webdesign et le code.

W3C School

_0009_w3cschool

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

codeacademy« 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

_0010_alsacreation

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

_0016_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

_0013_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

_0011_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

_0014_bdw

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

_0000_creative_juiz

Des articles et des tutoriels autour du CSS, WordPress, de veille technologiques et graphiques.

Gratuit / Payant

Tuto.com

_0019_tutodotcom

Un large choix de tutoriels gratuits et formations complètes payantes de qualité autour des logiciels, des langages et des CMS.

Video2brain

_0015_videobrain

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

_0017_elephorm

Même principe que les deux sites précédents.

Tutoriels – Content Management System

WordPress : Le Codex

_0008_wordpress_codex

Un index exhaustif (et officiel) des fonctions pour construire des thèmes sur WordPress

WordPress : Construire son thème WordPress de A à Z

_0007_wordpress_tutorial

Un excellent tutoriel, complet pour appréhender la construction de thème jusqu’à un niveau intermédiaire sur WordPress.

Documentations

Dev Docs

devdoc

L’ensemble des documentations pour la plupart des langages de programmation, concentré à un même endroit !

Can I use ?

_0012_caniuse

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)

_0006_stackoverflow

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

a-book-appart

É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

cssavancees

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

livresduzero2

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

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

memento

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é.