La meilleure façon d'apprendre à créer des sites Web et des applications est de le faire , ce qui signifie que vous devez créer des projets et le faire tout le temps. Cette courte vidéo transmet les émotions d'un nouveau venu et donne de bons conseils sur le sujet.
J'ai également écrit quelques autres recommandations pour les personnes intéressées par l'apprentissage du développement Web que vous devriez lire avant de commencer.
Cependant, tout comme vous ne parlez pas des langues dans lesquelles vous ne connaissez aucun mot, vous avez besoin d'une bonne compréhension des bases avant de pouvoir créer un projet utile. Voici quelques ressources pour découvrir quelques notions de base et sites qui vous permettent d'explorer par vous-même.
Il existe d'excellents endroits pour apprendre gratuitement les bases du développement Web. Commencez ici, mais dérivez-les pour jouer avec des choses qu'ils n'enseignent pas directement. Après en avoir parcouru quelques-uns, essayez de créer vous-même d'autres sites / projets à partir de zéro. Cela renforcera les concepts, vous enseignera les détails de mise en œuvre et vous apprendra probablement des choses supplémentaires également. Vous ne pouvez tout simplement pas devenir un bon développeur ou designer en lecture seule, vous devez créer !
J'ai fait un cours intensif pour les concepteurs apprenant le développement web
Vérifiez-le! Ils sont adaptés à un public basé sur la conception mais s'appliquent à tous ceux qui apprennent. Ils enseignent les bases dans les diapositives / post / vidéo, puis attribuent un petit projet à la fin de chacun pour enseigner le développement frontal dans le monde réel.
Autres bons sites Web de tutoriel
- CodeAcademy - Connaissances générales de base de plusieurs langues.
- La série «Apprendre le Web» de Mozilla - Cela commence au niveau de départ et peut vous guider dans des sujets plus complexes. Grande ressource, je le recommande fortement.
- Udacity - Classe générale de développement web.
- Tuts + - Tutoriels sur des sujets plus spécifiques.
- KhanAcademy - Je ne l'ai pas utilisé personnellement, mais cela semble s'améliorer de jour en jour.
N'utilisez pas W3Schools , il est généralement obsolète et très sujet aux erreurs. Au lieu de cela, utilisez un site Web de didacticiel comme ceux ci-dessus pour apprendre et utiliser l'un des sites de documentation ci-dessous lorsque vous recherchez quelque chose de spécifique.
Documentation
Il est essentiel de consulter la documentation des propriétés, des bibliothèques, etc. pour devenir un bon développeur Web. Voici les meilleurs documents que vous pouvez utiliser:
- W3.org - La documentation officielle de la plupart des implémentations des navigateurs Web. Apprendre à lire ces documents est très important! Ce n'est en aucun cas affilié à W3Schools.
- Mozilla Docs - Une ressource tierce très fiable des créateurs de FireFox qui reste à jour.
- WHATWG.org - Une sorte de concurrent open source de W3; certains navigateurs implémentent parfois certaines suggestions d'ici sur W3.
- DevDocs - Pas officiel, mais a beaucoup de documents de langues sur un seul site. Assez pratique.
Flux utiles
- WebPlatformDaily - Une liste de nouvelles traitant de tout ce qui est mis à jour quotidiennement sur le Web (sauf les week-ends).
- SitePoint - Articles vraiment utiles sur diverses choses.
- WebDesignerDepot - Peut être du côté spam, mais la plupart de leurs articles réels sont bons.
- Smashing Magazine - Sujets plus avancés, mais surtout toutes les bonnes lectures.
- A List Apart - Un peu plus de connaissances avancées sous forme de blog.
Éditeurs
Petits projets / jouer avec du code
- JSFiddle - Faites de petits projets et suivez-les.
- CodePen - Regardez les griffonnages de code des autres et soumettez le vôtre aux autres.
Éditeurs de texte intégral
Autres sites Web utiles
- Page Mes ressources - Une liste de ressources que j'ai compilées, allant d'une introduction à une conception réactive à une analyse des différentes façons d'animer dans un navigateur Web.
- Manuel du développeur frontal - Une collection de publications plus diversifiée mais utile couvrant un large éventail de sujets frontaux.
- WebFieldManual - Une grande collection de ressources utiles.
- StackOverflow - Si vous avez une question spécifique liée à la programmation, StackOverflow est inégalée pour vous aider.
- LearnLayout - Apprenez quelques notions de base sur la mise en page CSS.
- Positionnement en conception web - Une partie de mon cours intensif qui est peut-être la plus utile.
- 30 sélecteurs CSS que vous devez connaître - Apprenez à les connaître et gagnez du temps plus tard. Il y a aussi un petit jeu sympa pour tester vos connaissances sur le sélecteur CSS.
- Codrops CSS Reference - Une page de référence concise et utile.
- CodeMentor et Thinkful - Sites où vous pouvez payer pour être encadrés 1 sur 1.
Recherchez les blogs personnels des développeurs et concepteurs Web que vous aimez. Ils ont souvent un très bon contenu.
J'ai également rédigé une introduction à la conception de l'interface utilisateur qui pourrait être très utile. J'y ai lié de grandes ressources supplémentaires.
Je ne saurais trop insister, la meilleure façon d'apprendre est de construire des choses qui repoussent vos limites et de le faire continuellement .
Pour une liste encore plus grande (et peut-être écrasante) de sites Web utiles, consultez WebDesignRepo !