Ressources et formations pour les développeurs web

Explorez les bases de la création de sites web avec cette sélection de ressources. Cet article vous connecte à des outils et des sites fiables et sans coût. Participez à l’enrichissement de cette collection en partageant vos ressources de prédilection dans les commentaires.

Logiciels

Visual Studio Code

Éditeur très largement utilisé par les développeurs, surtout pour travailler sur HTML/CSS et JavaScript. De nombreuses extensions permettent de personnaliser l’environnement de développement. Extensions utiles pour commencer :

  • CSS Peek : pour visualiser/modifier rapidement les styles CSS d’un élément.
  • JavaScript (ES6) Code Snippets : pour une saisie rapide des codes JavaScript.
  • Live Server : pour lancer un serveur de développement local avec une fonction de rechargement en direct.
  • French Language Pack : avoir l’interface en Français.

Chrome Developer Tools

Suite d’utilitaires déjà intégrés dans le navigateur Google Chrome. Permet de tester et déboguer le code directement dans le navigateur. Click droit dans une page et « Inspecter », les outils apparaissent.

Figma

Figma est un outil de design collaboratif en ligne qui facilite la conception, le maquettage de sites et applications. Quelques extensions utiles :

  • Contrast: vérifier le niveau d’accessibilité des couleurs utilisées.
  • Iconify: accès direct à plusieurs librairies d’icônes.
  • Unsplash: accès direct à des images gratuites.
  • Content Reel: générer du texte et des images fictives.
  • Wireframe: liste de modèles de wireframe (maquettes).

FileZilla

FileZilla est un client FTP utilisé pour le transfert de fichiers entre un client local et un serveur sur un réseau.

Bing Copilot

Version gratuite de GPT4 sur bing.com. Explication, correction, debug. L’IA peut aider à comprendre le code mais ne remplacera jamais la logique à acquérir pour devenir développeur.

WampServer

Serveur de développement local pour PC. Vous permettra de reproduire l’environnement d’un hébergeur. Requis pour travailler les langages PHP/MySQL. Équivalent pour Mac OS : Mamp.

Formations en ligne

MDN Web Docs

MDN Web Docs par Mozilla. La documentation de référence en HTML, CSS et JavaScript. Documentation exhaustive basée sur les préconisations du W3C (organisme de référence en HTML/CSS).

OpenClassrooms

Idéal pour débuter. Beaucoup de développeurs ont commencé leur apprentissage par une formation HTML/CSS sur ce site (anciennement « site du zéro »). C’est clair, progressif.

freeCodeCamp

freeCodeCamp est une organisation à but non lucratif qui offre un programme d’études complet pour apprendre le développement web. Les cours sont en Anglais, formation pratique qui permet d’obtenir des certifications.

Grafikart

Tutoriels vidéos de qualité. Idéal pour apprendre rapidement de nouvelles technologies et faire de la veille.

Capitaine WP

Si vous vous intéressez au développement avec WordPress, Capitaine WP offre des formations complètes et bien structurées.

Ressources libres

GitHub

GitHub est une plateforme de développement collaboratif qui permet aux développeurs de partager et de collaborer sur des projets. Vous pourrez donc y télécharger des codes sources.

Pexel

Photos et vidéos libres de droits.

The Noun Project

Sets d’icônes de qualité.

FreePicks

De nombreuses ressources graphiques. Notamment des fichiers Photoshop éditables (.psd).