Vous voulez apprendre le développement Web mais vous ne savez pas par où commencer?

Alors, vous souhaitez apprendre le développement Web et devenir développeur Web? Tout d'abord, félicitations. Vous avez fait un excellent choix.

Et puisque vous lisez ceci, vous êtes peut-être déjà un membre actif d'un groupe Facebook, d'un subreddit ou d'une autre communauté de codage en ligne. C'est un bon point de départ et pour trouver du soutien tout au long de la poursuite choisie.

Encore une fois, vous allez très bien jusqu'à présent.

Donc, en fonction de votre expérience, vous vous demandez peut-être par où commencer à apprendre le développement Web. Si vous avez principalement cherché sur Google, vous pourriez vous sentir un peu dépassé par tous les langages, cadres et ressources d'apprentissage disponibles.

Eh bien, ne t'inquiète pas. Tu n'es pas seul. Google peut être votre meilleur ami ou votre pire ennemi. Cela dépend simplement de la façon dont vous l'utilisez.

Commencez avec la fin à l'esprit.

L'une des premières choses que je recommande de faire lorsque je commence à apprendre le développement Web est de décider d'un objectif final clair et de le garder à l'esprit.

Vous souhaitez peut-être changer de carrière. Peut-être avez-vous une idée géniale pour une application. Ou peut-être voulez-vous simplement apprendre pour le plaisir.

Quel que soit votre objectif, il est important de comprendre pourquoi vous faites cela. Cette compréhension vous aidera à être plus productif avec votre temps d'apprentissage. Cela vous aidera également à traverser les moments où vous avez envie d'abandonner.

N'oubliez pas que, peu importe à quel point l'objectif final peut sembler complexe et éloigné maintenant, vous pouvez l' atteindre avec un travail acharné et de la persévérance.

En supposant que vous n'ayez aucune expérience préalable, c'est une bonne idée au début de décider également si votre intérêt réside dans le développement back-end ou front-end. Permettez-moi d'expliquer brièvement la différence.

Frontend - c'est ce que l'utilisateur final voit et interagit avec sur la page. C'est tout le design, les effets fantaisie, la mise en page et les images qui créent l'expérience utilisateur.

En général, les développeurs front-end seront des créatifs visuels avec d'excellentes compétences en conception et une passion pour l'accessibilité et l'expérience utilisateur. Les technologies souvent associées au développement Web frontal sont HTML, CSS, jQuery et JavaScript.

Backend - c'est la partie qui traite, stocke et manipule généralement les données. C'est ainsi que fonctionne le site Web ou l'application. Les développeurs back-end sont généralement de bons résolveurs de problèmes, des penseurs logiques qui s'intéressent aux fonctionnalités d'un site Web ou d'une application. Le développement back-end est généralement associé à des langages côté serveur tels que PHP, Python et Ruby.

J'ai su dès le départ que je n'avais tout simplement pas ce flair pour la conception visuelle qui attire de nombreux développeurs vers le développement front-end. J'ai probablement trouvé cette décision plus facile que la plupart, en raison de mes antécédents en ingénierie et en construction. Je suis naturellement plus proche de la résolution de problèmes et de comprendre comment les choses fonctionnent que de rendre les choses jolies!

Quoi qu'il en soit, quel que soit votre intérêt, je pense toujours que le meilleur endroit pour commencer est d'apprendre du HTML et du CSS de base. Après tout, peu importe le domaine de développement dans lequel vous souhaitez travailler, vous devez toujours pouvoir l'afficher sur une page Web sous une forme légèrement présentable.

Tout d'abord, rendez-vous directement sur freeCodeCamp ou Codecademy et suivez leurs cours «HTML & CSS». Cela devrait vous donner une idée de ce que sont ces technologies.

De plus, en raison de leurs environnements d'apprentissage interactifs, ils vous permettront également de commencer à écrire du code immédiatement, plutôt que d'avoir à comprendre d'abord comment configurer un environnement de développement local. Rien ne renforcera plus votre confiance que d'écrire du code et de passer des tests immédiatement.

Une fois que vous avez fait cela, félicitations! Vous avez commencé votre parcours de développement Web.

Il est maintenant temps de pratiquer. Cela peut sembler difficile au début. Il est difficile de trouver du temps lorsque vous avez un emploi à plein temps, une école, un partenaire ou des enfants qui exigent tous votre attention.

Mais la cohérence est la clé . Vous en apprendrez beaucoup plus en codant pendant une heure chaque jour, plutôt que de passer sept heures à coder un samedi.

Les humains sont des créatures d'habitude, alors intégrez le codage à votre routine quotidienne. Prenez du temps et continuez.

Apprendre à coder, c'est comme essayer de devenir l'homme le plus fort du monde.

Si vous avez déjà regardé la compétition «Worlds Strongest Man», apprendre à coder ressemble beaucoup à l'événement de traction de camion. C'est si difficile de démarrer au début. Cela semble être une tâche impossible. Vous faites juste des pas de bébé.

Mais une fois que vous faites rouler ce camion, cela devient de plus en plus facile, jusqu'à ce que vous vous retrouviez à courir vers la fin! Ok… peut-être pas en cours d'exécution! :-)

Si votre style d'apprentissage est plus adapté aux didacticiels vidéo, consultez également certains des cours HTML et CSS disponibles sur YouTube.

Je peux personnellement recommander ces deux cours Udemy gratuits par Edwin Diaz et Brad Hussey. Les deux sont d'excellents instructeurs (sinon un peu excentriques). Et les deux cours couvriront la configuration de votre environnement de développement, le téléchargement d'un éditeur de texte (j'aime Sublime et Brackets) et la construction d'un projet réel.

Un petit mot d'avertissement: même si Udemy est génial, ne vous laissez pas entraîner par l'achat de nombreux cours. À ce stade précoce, il n'est pas nécessaire de dépenser de l'argent pour les ressources d'apprentissage. Il ne manque pas de trucs géniaux disponibles entièrement gratuitement. Et si tôt, vous n'êtes probablement pas sûr à 100% de ce que vous voulez apprendre de toute façon.

Des communautés étonnantes comme freeCodeCamp rendent l'éducation des masses totalement gratuite. Et sérieusement, si vous vous appliquez correctement, vous n'avez vraiment rien à dépenser.

L'un des avantages du développement Web et de la communauté du développement Web est qu'il ne fait pas de discrimination. Il n'y a pas de barrières à l'entrée. Et la plupart des membres les plus expérimentés de la communauté sont prêts à aider, à conseiller et à donner de leur temps pour les autres.

Vous n'avez pas besoin d'être un expert HTML ou CSS avant de pouvoir commencer à construire des choses.

Une chose que je tiens à souligner avant de signer ceci: vous n'avez en aucun cas besoin d'être un expert HTML et CSS avant de pouvoir commencer à construire des choses ou à apprendre un langage côté serveur.

Vous n'avez pas à passer des mois et des mois à faire un tutoriel après un tutoriel. Ne restez pas coincé dans l'ornière du didacticiel de codage. Une fois que vous maîtrisez les principes fondamentaux, vous pouvez apprendre au fur et à mesure que vous construisez.

Les modèles ne sont pas l'ennemi.

Une autre chose que j'ai trouvée utile au début est de travailler avec des modèles. Maintenant, ne me détestez pas encore - écoutez-moi!

Quelques semaines à peine après avoir ouvert un éditeur de code pour la première fois, j'ai pu lancer un site Web d'aspect professionnel pour l'entreprise de mon beau-frère. Ce site Web était basé sur un modèle de 12 $, mais il y en a beaucoup que vous pouvez acheter gratuitement.

Je sais que certaines personnes hausseront les sourcils à ce que je viens de dire. Mais en tant que débutant, je pouvais travailler avec du code déjà bien structuré et formaté. Cela m'a également permis de construire de meilleurs projets, ce qui a renforcé ma confiance et mon enthousiasme pour le développement Web.

Cette expérience m'a appris à lire la documentation (ce qui est une partie très importante du métier de développeur). Cela m'a également présenté des technologies telles que jQuery et m'a donné la chance de travailler avec JavaScript.

Un autre point que je dois souligner est que de nombreuses agences de conception Web et éditeurs de logiciels utilisent des modèles au quotidien.

Un modèle ne crée pas un site Web étonnant, mais il fournit un cadre sur lequel vous pouvez créer un site Web fantastique. Je travaille dans une société de logiciels basés sur les produits et nous utilisons des modèles sur l'interface de nos produits. Cela signifie que nous pouvons concentrer notre temps sur la fonctionnalité de notre produit et ne pas perdre un temps précieux à réinventer la roue.

Cela étant dit, si votre objectif final est de devenir un grand développeur Web front-end, vous devez passer du temps à maîtriser ces compétences. Ce que je dis, c'est, ne vous laissez pas retenir, ne vous enlisez pas en faisant tutoriel après tutoriel. Construisez!

Si vous avez trouvé ce post utile et que vous êtes intéressé par un contenu similaire, veuillez me suivre ou partager. Votre soutien est vraiment apprécié!

De plus, je suis toujours heureux d'aider les gens dans la mesure du possible, alors n'hésitez pas à dire bonjour :-)