Le design Web peut être intimidant. Le nombre impressionnant de nouvelles techniques et d’acronymes apparaissant chaque jour peut donner l’impression d’être effrayant et déroutant, même si vous êtes un concepteur de sites Web professionnel, encore moins un débutant. Mais ne vous inquiétez pas, une aide est disponible sous la forme de ressources de formation à la conception Web faciles à comprendre sur le Web.
Il existe de nombreuses approches en matière de formation à la conception Web - certaines payantes, d’autres gratuites; certains interactifs, d'autres non; certains sont basés sur du texte, d'autres sur de la vidéo. Ce qui signifie que cela peut même être une lutte difficile pour trouver où aller et quoi apprendre.
Pour vous faciliter la tâche, nous avons rassemblé les 22 meilleures ressources de formation en conception de sites Web sur le Web. Tous ont une bonne réputation et disposent des instructions et des conseils des plus grands experts en web design. La plupart comprennent une gamme de leçons couvrant un éventail de niveaux, du débutant au avancé.
01. W3Schools
Alors que de nombreux sites de formation Web paraissent colorés, attrayants et accueillants, avec une vidéo et des graphiques colorés, W3Schools semble un peu plat et ennuyeux à première vue. Mais ne soyez pas rebutés!
Si vous souhaitez commencer par les leçons les plus élémentaires en HTML et en CSS, le site propose une progression constante des didacticiels interactifs qui expliquent tout dans un langage clair et simple et, plus important encore, vous permettent de jouer avec les balises en direct sur Internet. site, de sorte que vous puissiez voir quel effet les plus infimes modifications peuvent avoir sur la façon dont une page Web apparaît dans le navigateur.
Oui, oui, nous le savons: le site a fait l’objet de critiques qui ont révélé des erreurs techniques dans certaines de ses leçons. Cependant, pour un débutant qui ne sait pas trop par où commencer avec HTML, CSS et JavaScript, il fournit toujours un moyen très convivial, simple et gratuit de se lancer.
02. Programme d'études Opera Web Standard
Les bonnes personnes qui travaillent sur le navigateur Opera ont créé et mettent à jour cette ressource gratuite et complète présentant les bases du design Web et des normes Web. Comme W3Schools, il s’appuie sur du texte brut et n’est pas particulièrement séduisant. Mais l'écriture est vive et facile à suivre, ce qui compense largement ce fait.
03. Google Code University
Les leçons de Google sur "HTML, CSS et Javascript à partir de la base" présentent les bases de la création de sites Web à l'aide de didacticiels vidéo présentés par les développeurs de Google. Un lieu idéal pour les débutants qui commencent leur formation en conception de sites Web.
04. Treehouse
Treehouse est un service vidéo proposant une formation à la conception Web en HTML et CSS, au développement Web (y compris HTML5 et Javascript) et à la création d'applications iOS (à l'aide d'Objective-C et Xcode), le tout dans un environnement clair et facile à utiliser. naviguer dans l'interface utilisateur.
Treehouse facture un abonnement pour ses services, mais les vidéos sont produites de manière très professionnelle et vous obtenez une multitude de leçons couvrant presque tous les aspects de la conception et du développement de sites Web.
Treehouse fournit non seulement un excellent contenu, mais le site contient également un élément de jeu qui teste ce que vous avez appris et vous récompense avec des badges de réussite. Donc, si vous avez besoin de motivation supplémentaire pour apprendre, c'est un site formidable à utiliser.
05. Lynda.com
Comme Treehouse, Lynda.com propose une large gamme de didacticiels vidéo pouvant vous apprendre à concevoir des sites Web (ainsi que d'autres sujets liés à la conception) moyennant des frais mensuels. Lynda.com existe depuis l'aube du Web (lancé en 1995) et produit également des livres, des vidéos et des documentaires. Une source faisant autorité de vidéos de formation en conception Web, vous pouvez obtenir un testeur en consultant ses didacticiels gratuits .
06. Ne craignez pas Internet
Ne craignez pas Internet, une idée originale de Jessica Hische, typographe et illustratrice indépendante, qui s'adresse aux créateurs de la même nature qui n'ont que peu ou pas le désir de faire de la conception Web de façon professionnelle - mais qui ne veulent pas non plus d'un vilain emporte-pièce site présentant leur travail.
À travers de courts tutoriels vidéo, vous apprendrez à utiliser un blog WordPress de base et à manipuler les CSS, le HTML et même un peu de PHP pour répondre à vos besoins esthétiques. Donc, si vous êtes effrayé par la terminologie de la conception Web et le geekdom général, mais que vous aimez l'idée d'une approche d'apprentissage plus décontractée et de bonne humeur, c'est un excellent point de départ. Le site est gratuit, mais les dons sont les bienvenus.
07. Mozilla School of Webcraft
Non, nous n'avons pas ajouté de jeu malicieux Harry Potter à la liste. La Mozilla School of Webcraft fait partie d'un programme d'enseignement ouvert de la communauté d'apprentissage en ligne Peer to Peer University .
Le site propose une multitude de cours de formation en conception de sites Web gratuits, notamment en CSS, en PHP et en HTML. Il propose également divers défis pour tester vos compétences: par exemple, le Challenge 101 vous aidera à créer votre propre site Web de base à partir de zéro.
08. net magazine sur Creative Bloq
Notre magazine soeur print title net regorge de tutoriels sur tous les aspects du HTML, du CSS, de JavaScript, de jQuery, etc., et partage une grande partie de son contenu hérité en ligne sur Creative Bloq. La plupart des documents ici s'adressent aux concepteurs Web de niveau intermédiaire à avancé, et nous recommandons particulièrement la série intitulée " Construire un site réactif en une semaine " pour tous ceux qui souhaitent se lancer dans la conception Web réactive.
09. Smashing Magazine
Ce n’est pas vraiment un magazine (enfin, pas au sens traditionnel du terme imprimé), mais le blog de conception Web Smashing Magazine est une fantastique ressource de tutoriels sur tous les aspects du processus. Les leçons visent les niveaux intermédiaire à avancé du spectre de la conception Web.
10. Codecademy
Codecademy se décrit comme le "moyen le plus simple d'apprendre à coder" et s'est taillé une solide réputation au sein de la communauté des concepteurs de sites Web.
Cette ressource gratuite de formation en conception de sites Web décrit de façon attrayante la création de sites Web, de jeux et d’applications, permettant ainsi aux utilisateurs d’entrer doucement dans une première leçon de base.
Le site comporte également un aspect de réseau social, ce qui signifie que les utilisateurs peuvent interagir avec et apprendre aux côtés d'amis et de collègues. Et, à l'instar de Treehouse, l'équipe de Codecademy comprend également le pouvoir d'un badge en les proposant à différents moments clés de la formation.
11. Webdesigntuts +
Webdesigntuts + propose gratuitement une vaste gamme de tutoriels sur un large éventail de sujets liés à la conception et au développement Web. Il y a aussi une zone premium avec du contenu payant. La partie du site du réseau plus large Tuts +, qui comprend des tutoriels PSD Tuts pour Photoshop et WP Tuts pour WordPress.
12. Astuces CSS
CSS-Tricks est un blog où le concepteur Web Chris Coyier décrit certaines des dernières techniques CSS. Il est devenu immensément populaire parmi les concepteurs de sites Web professionnels et a récemment développé un partenariat avec le numéro 4 de notre liste, Treehouse . C'est une source brillante et constamment mise à jour de conseils, de tutoriels et de leçons vidéo - tous gratuits.
13. Sitepoint
La société australienne Sitepoint gagne son argent en vendant des livres de conception et de développement Web, mais cela ne l’empêche pas de fournir gratuitement de fantastiques didacticiels sur son site. Ceux-ci tendent vers le technicien, mais il existe également quelques introductions utiles à la conception Web pour les débutants, comme cet article sur HTML et CSS .
14. Udacity
Vous voulez apprendre à créer un navigateur Web simple en seulement sept semaines? Ou comment construire un moteur de recherche comme Google? Eh bien, avec Udacity, vous pouvez faire les deux et le meilleur de tous, la formation est absolument gratuite et est dirigée par des professeurs experts de Stanford et de l'Université de Virginie.
Pour ceux qui sont intéressés, les cours ne sont pas offerts sur demande. Au lieu de cela, les étudiants potentiels peuvent consulter le site Web pour consulter l'horaire des cours et s'inscrire en conséquence.
15. Code Racer
Ce n'est pas une formation en conception de sites Web au sens traditionnel du terme, mais pour quelque chose de complètement différent, consultez Code Racer. Ici, vous devez vous battre pour finir le code avant vos ennemis, utiliser des armes spéciales pour contrecarrer leurs progrès et gagner des récompenses en cours de route! Une façon interactive et amusante d’apprendre les compétences fondamentales du HTML et du CSS.