Feuille de route pour le développement Web du débutant

Cette feuille de route pour débutants présente toutes les bases du développement Web. Nous allons passer par chaque étape - de déterminer quel éditeur de code utiliser, quel framework JavaScript ou quel langage back-end vous pouvez choisir. Et nous inclurons également des liens vers des ressources où vous pouvez acquérir ces compétences.

Le fait est que si vous débutez, tout ce que vous devez savoir pour le moment, ce sont les bases. Vous n'avez vraiment pas besoin de connaître chaque technologie, outil ou langage existant dès le départ. (Vous traverserez ce pont quand vous y arriverez, croyez-moi!)

À la fin de ce guide, vous aurez une compréhension des bases du développement Web, des compétences que vous devez connaître et où les trouver!

1: Qu'est-ce que le développement Web : comment fonctionnent les sites Web, front-end vs back-end, éditeur de code‌‌

2: Interface de base: HTML, CSS et JavaScript‌‌

3: Outils : gestionnaires de packages, outils de construction, contrôle de version‌‌

4a: Front-end supplémentaire: Sass, design réactif, frameworks JavaScript‌‌

4b: Back-end de base: gestion des serveurs et des bases de données, langage de programmation

Dans cette feuille de route, je recommande d'effectuer les étapes 1, 2 et 3 dans l'ordre. Ensuite, selon que vous souhaitez vous concentrer sur plus de front-end ou de back-end, vous pouvez effectuer les étapes 4a ou 4b dans n'importe quel ordre.

Personnellement, je pense que c'est une bonne idée que les développeurs Web front-end connaissent au moins un peu le back-end, et vice versa. À tout le moins, connaître les bases des deux vous aidera à déterminer si vous préférez le front-end ou le back-end?

Vous pouvez également consulter la version mise à jour de cet article sur mon blog!

1: Qu'est-ce que le développement Web?

Avant d'entrer dans le codage proprement dit, examinons d'abord quelques informations générales sur ce qu'est le développement Web: le fonctionnement des sites Web, la différence entre le front et le back-end et l'utilisation d'un éditeur de code.

Comment fonctionnent les sites Web?

Tous les sites Web, dans leur forme la plus élémentaire, ne sont qu'un ensemble de fichiers stockés sur un ordinateur appelé serveur. Ce serveur est connecté à Internet. Vous pouvez ensuite charger ce site Web via un navigateur (comme Chrome, Firefox ou Safari) sur votre ordinateur ou votre téléphone. Votre navigateur est également appelé le client dans cette situation.

Ainsi, chaque fois que vous êtes sur Internet, vous (le client) obtenez et chargez des données (comme des photos de chat) à partir du serveur, ainsi que de renvoyer des données au serveur ( chargez des photos de chat moar! ) . entre le client et le serveur est la base d'Internet.

Tout ce à quoi vous pouvez accéder dans votre navigateur est quelque chose qu'un développeur Web a créé. Certains exemples sont les sites Web et les blogs de petites entreprises du côté le plus simple, jusqu'aux applications Web très complexes comme AirBnb, Facebook et Twitter.

Quelle est la différence entre front-end et back-end?

Les termes «front-end», «back-end» et «full stack» développeur Web décrivent la partie de la relation client / serveur avec laquelle vous travaillez.

«Front-end» signifie que vous traitez principalement avec le client. C'est ce qu'on appelle le «frontal» parce que c'est ce que vous pouvez voir dans le navigateur. Inversement, le «back-end» est la partie du site Web que vous ne pouvez pas vraiment voir, mais il gère une grande partie de la logique et des fonctionnalités nécessaires pour que tout fonctionne.

Une façon dont vous pouvez penser à cela est que le développement Web frontal est comme la partie «avant de la maison» d'un restaurant. C'est la section où les clients viennent voir et découvrir le restaurant - la décoration intérieure, les sièges et, bien sûr, la nourriture.

D'autre part, le développement web back-end est comme la partie «back of house» du restaurant. C'est là que les livraisons et les stocks sont gérés, et le processus de création de la nourriture se déroule. Il y a beaucoup de choses dans les coulisses que les clients ne verront pas, mais ils feront l'expérience (et j'espère apprécier) le produit final - un délicieux repas!

Mis à part les illustrations amusantes, le développement Web avant et arrière remplit des fonctions différentes mais très importantes.

Utilisation d'un éditeur de code

Lorsque vous créez un site Web, l'outil le plus essentiel que vous utiliserez est votre éditeur de code ou IDE (Integrated Development Environment). Cet outil vous permet d'écrire le balisage et le code qui composeront le site Web.

Il existe quelques bonnes options, mais actuellement l'éditeur de code le plus populaire est VS Code. VS Code est une version plus légère de Visual Studio, le principal IDE de Microsoft. C'est rapide, gratuit, facile à utiliser et vous pouvez le personnaliser avec des thèmes et des extensions.

Les autres éditeurs de code sont Sublime Text, Atom et Vim.

Si vous ne faites que commencer, je vous recommande de consulter VS Code, que vous pouvez télécharger sur leur site Web.

Maintenant que nous avons couvert certains des concepts plus larges de ce qu'est le développement Web, entrons dans plus de détails - en commençant par le front-end.

2: interface de base

Le frontal d'un site Web est composé de trois types de fichiers: HTML, CSS et JavaScript. Ces fichiers sont ce qui est chargé dans le navigateur, côté client.

Examinons chacun d'eux de plus près.

HTML

HTML, ou HyperText Markup Language, est la base de tous les sites Web. C'est le type de fichier principal qui est chargé dans votre navigateur lorsque vous consultez un site Web. Le fichier HTML contient tout le contenu de la page et utilise des balises pour désigner différents types de contenu.

Par exemple, vous pouvez utiliser des balises pour créer des titres de titres, des paragraphes, des listes à puces, des images, etc. Les balises HTML en elles-mêmes ont des styles attachés, mais ils sont assez basiques, comme ce que vous verriez dans un document Word.

CSS

CSS, ou feuilles de style en cascade, vous permet de styliser ce contenu HTML pour qu'il soit beau et élégant. Vous pouvez ajouter des couleurs, des polices personnalisées et mettre en page les éléments de votre site Web comme vous le souhaitez. Vous pouvez même créer des animations et des formes avec CSS!

Il y a beaucoup de profondeur dans le CSS, et parfois les gens ont tendance à le passer sous silence pour pouvoir passer à des choses comme JavaScript. Cependant, je ne peux pas surestimer l'importance de comprendre comment convertir un design en une mise en page de site Web à l'aide de CSS. Si vous souhaitez vous spécialiser dans le front-end, il est essentiel d'avoir de solides compétences CSS.

JavaScript

JavaScript est un langage de programmation conçu pour s'exécuter dans le navigateur. En utilisant JavaScript, vous pouvez rendre votre site Web dynamique, ce qui signifie qu'il répondra à différentes entrées de l'utilisateur ou d'autres sources.

Par exemple, vous pouvez créer un bouton «Retour en haut» qui, lorsque l'utilisateur clique dessus, défile vers le haut de la page. Ou vous pouvez créer un widget météo qui affichera la météo du jour en fonction de l'emplacement de l'utilisateur dans le monde.

Surtout si vous souhaitez développer vos compétences plus tard avec un framework JavaScript comme React, vous en comprendrez plus si vous prenez le temps d'apprendre d'abord le JavaScript vanilla ordinaire. C'est une langue vraiment amusante à apprendre, et vous pouvez en faire tellement!

Où apprendre HTML, CSS et JavaScript

On me demande souvent quels sont les meilleurs endroits pour apprendre le codage, et je leur dirai généralement certaines des ressources suivantes. De plus, j'ai une liste plus détaillée des meilleurs cours pour apprendre le développement Web sur mon blog - vous pourriez trouver cela utile!

Remarque : Certains des liens ci-dessous (ceux vers des cours et des livres payants) sont des liens d'affiliation, ce qui signifie que j'obtiendrai une commission si vous achetez par leur intermédiaire sans frais supplémentaires pour vous-même. C'est une façon de m'aider à créer des ressources utiles comme celle-ci!

freeCodeCamp

L'un de mes endroits préférés à recommander est freeCodeCamp. C'est un bootcamp de codage en ligne à but non lucratif et entièrement gratuit! J'adore cette option parce que si vous êtes un débutant et que vous n'êtes pas tout à fait sûr que le codage soit fait pour vous, c'est un moyen à basse pression et sans risque de voir si vous l'aimez.

Un inconvénient de freeCodeCamp est que, bien qu'ils aient un programme incroyable avec un environnement de codage intégré, ils ne contiennent pas de vidéos structurées.

Donc, si vous aimez vraiment apprendre des vidéos, voici quelques autres options:

Équipe Treehouse

Team Treehouse est une plateforme d'apprentissage en ligne premium basée sur la vidéo et comportant plusieurs pistes que vous pouvez suivre. Ils ont même un programme de diplôme en ligne qui ressemble à un bootcamp en ligne que vous pouvez compléter en 4 à 5 mois.

Malheureusement, Treehouse n'est pas gratuit, mais ils ont des plans mensuels ou annuels différents en fonction de votre budget. Ils ont un essai gratuit de 7 jours pour que vous puissiez voir si vous l'aimez, et je peux également vous proposer une offre où vous pouvez obtenir 100 $ de réduction sur 1 an de leur plan de base. Si vous êtes assez certain de vouloir vous lancer dans le développement Web, Team Treehouse est un excellent endroit pour apprendre.

Si vous êtes plus fan des cours vidéo uniques, il existe des options gratuites et payantes:

Wes Bos

Wes Bos propose des cours gratuits sur l'apprentissage de Flexbox, CSS Grid et JavaScript qui sont excellents. Je viens de suivre son cours CSS Grid, et c'était vraiment approfondi et aussi amusant. Wes est un excellent professeur!

Udemy

Udemy est une plate-forme d'apprentissage en ligne proposant également de nombreux excellents cours. L'un en particulier que vous pourriez aimer est le cours Advanced CSS and Sass de Jonas Schmedtmann - ce cours payant couvre la grille CSS, la flexbox, la conception réactive et d'autres sujets CSS!

Youtube

Il existe également une tonne de ressources vidéo gratuites sur YouTube:

Traversy Media, probablement le plus grand canal de développement Web, propose un cours intensif HTML et un cours intensif CSS.

DesignCourse, un canal axé sur la conception Web et le front-end, propose également un didacticiel HTML et CSS.

Et freeCodeCamp a sa propre chaîne YouTube, avec des vidéos comme un cours Apprendre JavaScript et d'autres cours approfondis.

Livres et articles sur le développement Web

Si vous êtes plutôt une personne qui lit, je vous recommande vivement ce qui suit:

Les livres incroyablement populaires de Jon Duckett, sur HTML et CSS, et JavaScript et jQuery. Ces livres ne sont pas du tout vos manuels denses et ordinaires. Ils sont magnifiquement conçus, très bien écrits et contiennent de nombreuses photos et images pour aider à enseigner le matériel.

Eloquent JavaScript est un autre livre que j'aime beaucoup. Vous pouvez le lire gratuitement sur leur site Web ou acheter une copie papier d'Amazon si vous aimez les livres physiques. J'ai moi-même celui-ci et je l'aime vraiment!

Si vous souhaitez voir plus de recommandations de livres, consultez mon article sur les livres recommandés pour apprendre le développement Web.

Enfin, certains sites Web qui contiennent d'excellents articles et d'autres ressources sont:

  • Réseau de développeurs Mozilla
  • Astuces CSS
  • Magazine écrasant

3: outils

Passons maintenant à d'autres technologies frontales. Comme nous l'avons mentionné, HTML, CSS et JavaScript sont les éléments de base du développement Web frontal. En plus d'eux, il y a quelques autres outils que vous voudrez apprendre.

Gestionnaires de packages

Les gestionnaires de packages sont des collections de logiciels en ligne, dont la plupart sont open source. Chaque logiciel, appelé package, est disponible pour que vous puissiez l'installer et l'utiliser dans vos propres projets.

Vous pouvez les considérer comme des plugins - au lieu de tout écrire à partir de zéro, vous pouvez utiliser des utilitaires utiles que d'autres personnes ont déjà écrits.

Le gestionnaire de packages le plus populaire est appelé npm, ou Node Package Manager, mais vous pouvez également utiliser un autre gestionnaire appelé Yarn. Les deux sont de bonnes options à connaître et à utiliser, bien qu'il soit probablement préférable de commencer par npm.

Si vous souhaitez en savoir plus, vous pouvez lire cet article sur les bases de l'utilisation de npm.

Créer des outils

Les regroupeurs de modules et les outils de création tels que Webpack, Gulp ou Parcel sont un autre élément essentiel du flux de travail frontal.

Au niveau de base, ces outils exécutent des tâches et traitent des fichiers. Vous pouvez les utiliser pour compiler vos fichiers Sass en CSS, transpiler vos fichiers JavaScript ES6 vers ES5 pour une meilleure prise en charge du navigateur, exécuter un serveur Web local et de nombreuses autres tâches utiles.

Gulp , techniquement un exécuteur de tâches, dispose d'une suite de packages npm que vous pouvez utiliser pour compiler et traiter vos fichiers.

Webpack est un bundler super puissant qui peut faire tout ce que Gulp peut faire et plus encore. Il est très utilisé dans les environnements JavaScript, en particulier avec JavaScript Frameworks (que nous aborderons dans un instant). Un inconvénient de Webpack est qu'il nécessite beaucoup de configuration pour être opérationnel, ce qui peut être frustrant.

Parcel est un nouveau bundle comme Webpack, mais il est pré-configuré prêt à l'emploi, vous pouvez donc littéralement le démarrer en quelques minutes. Et vous n'aurez pas à vous soucier autant de tout configurer.

Personnellement, j'aime utiliser Gulp pour mes propres workflows frontaux où je veux juste compiler mes fichiers Sass et JavaScript et ne pas en faire trop.

Liens utiles

Si vous êtes intéressé par Gulp ou Parcel, j'ai des tutoriels pour les deux:

  • Utiliser Gulp 4 dans votre flux de travail
  • Guide de démarrage rapide de Colis

Si vous souhaitez en savoir plus sur Webpack, regardez les vidéos YouTube suivantes:

  • Cours accéléré dans Webpack par DesignCourse
  • Série en 10 parties sur Webpack par Colt Steele

Contrôle de version

Le contrôle de version (également appelé contrôle de code source) est un système qui assure le suivi de chaque modification de code que vous apportez à vos fichiers de projet. Vous pouvez même revenir à une modification précédente si vous faites une erreur. C'est presque comme avoir des points de sauvegarde infinis pour votre projet, et laissez-moi vous dire que cela peut être une énorme bouée de sauvetage.

Le système de contrôle de version le plus populaire est un système open source appelé Git. En utilisant Git, vous pouvez stocker tous vos fichiers et leur historique des modifications dans des collections appelées référentiels.

Vous avez peut-être également entendu parler de GitHub, une société d'hébergement en ligne appartenant à Microsoft où vous pouvez stocker tous vos référentiels Git.

Pour apprendre Git et GitHub, GitHub.com propose des guides en ligne qui expliquent comment être opérationnel. Traversy Media propose également une vidéo YouTube expliquant le fonctionnement de Git.

4a: frontal supplémentaire

Une fois que vous avez les bases du front-end, il y a d'autres compétences intermédiaires que vous voudrez apprendre. Je vous recommande de regarder les éléments suivants: Sass, conception réactive et un cadre JavaScript.

Toupet

Sass est une extension de CSS qui rend les styles d'écriture plus intuitifs et modulaires. C'est un outil vraiment puissant. Avec Sass, vous pouvez diviser vos styles en plusieurs fichiers pour une meilleure organisation, créer des variables pour stocker les couleurs et les polices, et utiliser des mixins et des espaces réservés pour réutiliser facilement les styles.

Même si vous n'utilisez que certaines des fonctionnalités de base, comme l'imbrication, vous pourrez écrire vos styles plus rapidement et avec moins de maux de tête.

Vous pouvez en savoir plus sur Sass dans ce tutoriel Scotch.io, ainsi que dans une vidéo YouTube de Dev Ed.

Conception réactive

La conception réactive garantit que vos styles auront une belle apparence sur tous les appareils - ordinateurs de bureau, tablettes et téléphones mobiles. Les pratiques de base de la conception réactive incluent l'utilisation d'un dimensionnement flexible pour les éléments, ainsi que l'utilisation de requêtes multimédias pour cibler des styles pour des périphériques et des largeurs spécifiques.

Par exemple, au lieu de définir votre contenu sur une largeur statique de 400 pixels, vous pouvez utiliser une requête multimédia et définir le contenu sur une largeur de 50% sur ordinateur et de 100% sur mobile.

Construire vos sites Web avec un CSS réactif est un must de nos jours, car le trafic mobile dépasse le trafic de bureau dans de nombreux cas.

Pour plus d'informations sur la conception réactive et la réactivité de vos sites Web, consultez cet article. Je fais également des flux de codage en direct sur ma chaîne YouTube où je crée un site Web à partir de zéro et les téléspectateurs peuvent me poser des questions en temps réel!

Framework JavaScript

Une fois que vous avez acquis les bases de JavaScript vanilla, vous voudrez peut-être apprendre l'un des frameworks JavaScript (surtout si vous voulez être un développeur JavaScript complet).

Ces frameworks sont fournis avec des structures et des composants prédéfinis qui vous permettent de créer des applications plus rapidement que si vous partiez de zéro.

Actuellement, vous avez trois choix principaux: React, Angular et Vue.

React (techniquement une bibliothèque), a été créé par Facebook et est actuellement le framework le plus populaire. Vous pouvez commencer à apprendre en vous rendant sur le site Web React.js. Si vous êtes intéressé par un cours React premium, Tyler McGinnins et Wes Bos ont tous deux d'excellents cours.

Angular a été le premier grand framework, et il a été créé par Google. Il est toujours très populaire, même s'il a été dépassé par React récemment. Vous pouvez commencer à apprendre Angular sur leur site Web. Gary de DesignCourse a également un cours intensif Angular sur YouTube.

Vue est un nouveau framework créé par Evan You, un ancien développeur Angular. Bien qu'il soit plus petit que React et Angular, il se développe rapidement et est également considéré comme facile et amusant à utiliser. Vous pouvez l'utiliser sur le site Web de Vue.

Quel cadre devriez-vous apprendre?

Vous vous demandez peut-être maintenant: "D'accord, quel cadre est le meilleur?"

La vérité est qu'ils sont tous bons. Dans le développement Web, il n'y a presque jamais un seul choix qui soit à 100% le meilleur choix pour chaque personne et chaque situation.

Votre choix sera très probablement déterminé par votre travail ou simplement par celui que vous aimez le plus utiliser. Si votre objectif final est de décrocher un emploi, essayez de rechercher quel cadre semble être le plus courant dans les offres d'emploi potentielles.

Ne vous inquiétez pas trop du cadre à choisir. Il est plus important que vous appreniez et compreniez les concepts qui les sous-tendent. De plus, une fois que vous aurez appris un framework, il sera plus facile d'en apprendre d'autres (similaires aux langages de programmation).

Passons maintenant à notre dernière section: le développement web back-end!

4b: back-end de base

Le back-end, ou côté serveur du développement Web, est composé de trois composants principaux: le serveur, un langage de programmation côté serveur et la base de données.

Serveur

Comme nous l'avons mentionné au tout début, le serveur est l'ordinateur sur lequel sont stockés tous les fichiers du site Web, la base de données et d'autres composants.

Les serveurs traditionnels fonctionnent sur des systèmes d'exploitation tels que Linux ou Windows. Ils sont considérés comme «centralisés» parce que tout - les fichiers du site Web, le code back-end et les données sont stockés ensemble sur le serveur.

De nos jours, il existe également des architectures sans serveur, qui sont un type d'installation plus décentralisé. Ce type d'application divise ces composants et s'appuie sur des fournisseurs tiers pour gérer chacun d'entre eux.

Malgré le nom, cependant, vous avez toujours besoin d'une sorte de serveur, pour au moins stocker les fichiers de votre site Web. Quelques exemples de fournisseurs sans serveur sont AWS (Amazon Web Services) ou Netlify.

Les configurations sans serveur sont populaires car elles sont rapides, bon marché et vous n'avez pas à vous soucier de la maintenance du serveur. Ils sont parfaits pour les sites Web statiques simples qui ne nécessitent pas de langage traditionnel côté serveur. Cependant, pour les applications très complexes, la configuration de serveur traditionnelle peut être une meilleure option.

Pour en savoir plus sur les configurations sans serveur, Netlify a un article de blog informatif qui vous guide à travers toutes les étapes de configuration d'un site Web statique avec déploiement.

Langage de programmation

Sur le serveur, vous devez utiliser un langage de programmation pour écrire les fonctions et la logique de votre application. Le serveur compile ensuite votre code et transmet le résultat au client.

Les langages de programmation populaires pour le Web incluent PHP, Python, Ruby, C # et Java. Il existe également une forme de JavaScript côté serveur - Node.js, qui est un environnement d'exécution qui peut exécuter du code JavaScript sur le serveur.

Il existe également des frameworks que vous pouvez utiliser avec chacun de ces langages côté serveur. Tout comme les frameworks JavaScript frontaux, ces frameworks back-end sont des outils utiles qui permettent de créer des applications Web beaucoup plus rapidement.

Voyons une liste des langages de programmation les plus couramment utilisés pour le développement Web:

C #

C # a été développé en tant que concurrent de Microsoft à Java. Il est utilisé pour créer des applications Web avec le framework .NET, le développement de jeux et peut même être utilisé pour créer des applications mobiles.

Lieux pour apprendre C #: ‌‌C # Programming Yellow Book by Rob Miles‌‌C # Basics on Udemy

Java

Java est l'un des langages de programmation les plus populaires et est utilisé dans les applications Web ainsi que pour créer des applications Android.

Lieux pour apprendre Java: ‌‌ MOOC de l'Université d'Helsinki‌‌Le cours complet de développement Java sur Udemy

Node.js

Node.js est une technologie très populaire (selon l'enquête 2019 de Stack Overflow auprès des développeurs). Une chose à noter: ce n'est pas techniquement un langage côté serveur - c'est une forme de JavaScript qui s'exécute sur le serveur en utilisant le framework Express.js.

Lieux pour apprendre Node.js: Tutoriel ‌‌Node.js par Programmation avec Mosh‌‌Learn Node par Wes Bos

PHP

PHP est le langage qui alimente WordPress, donc cela pourrait être un bon choix si vous pensez que vous travaillerez avec des sites Web de petites entreprises, car beaucoup d'entre eux utilisent WordPress. Vous pouvez également créer des applications Web avec le framework Laravel.

Lieux pour apprendre PHP: ‌‌Introduction à PHP par mmtuts‌‌PHP par Edwin Diaz sur Udemy

Python

Python gagne en popularité, d'autant plus qu'il est utilisé dans la science des données et l'apprentissage automatique. Il est également considéré comme bon, car sa syntaxe est plus simple que celle de certains autres langages. Si vous souhaitez créer des applications Web, vous pouvez utiliser les frameworks Django ou Flask.

Lieux pour apprendre Python: ‌‌Le Bootcamp Modern Python 3 par Colt Steele sur Udemy‌‌LearnPython.org

Rubis

Ruby est un autre langage dont la syntaxe est considérée comme parfaite à apprendre. Vous pouvez créer des applications Web avec le framework Ruby on Rails.

Lieux pour apprendre Ruby: ‌‌Le projet Odin‌‌ Tutoriel Ruby on Rails par Michael Hartl

Tout comme avec les frameworks JavaScript, il n'y a pas de meilleur langage de programmation n ° 1. Votre choix doit être basé sur vos intérêts et préférences personnels, ainsi que sur les emplois potentiels - alors faites une petite recherche sur lequel pourrait être un bon choix pour vous .

Bases de données

Les bases de données, comme leur nom l'indique, sont l'endroit où vous stockez des informations pour votre site Web. La plupart des bases de données utilisent un langage appelé SQL (prononcé «suite») qui signifie «langage de requête structuré».

Dans la base de données, les données sont stockées dans des tables, avec des lignes un peu comme des documents Excel complexes. Ensuite, vous pouvez écrire des requêtes en SQL afin de créer, lire, mettre à jour et supprimer des données.

La base de données est exécutée sur le serveur, à l'aide de serveurs tels que Microsoft SQL Server sur les serveurs Windows et MySQL pour Linux.

Il existe également des bases de données NoSQL, qui stockent les données dans des fichiers JSON par opposition aux tables traditionnelles. Un type de base de données NoSQL est MongoDB, qui est souvent utilisé avec les applications React, Angular et Vue.

Voici quelques exemples d'utilisation des données sur les sites Web:

Si vous avez un formulaire de contact sur votre site Web, vous pouvez créer le formulaire de sorte que chaque fois que quelqu'un soumet le formulaire, ses données sont enregistrées dans votre base de données.

Vous pouvez également vous connecter à la base de données et écrire une logique dans le langage côté serveur pour gérer la vérification et l'authentification des connexions.

Certaines ressources pour apprendre les bases de SQL sont:

  • The Complete SQL Bootcamp par Jose Portilla sur Udemy
  • SQLBolt

Quelques conseils pour vous laisser avec…

Merci d'avoir lu! J'espère sincèrement que ce guide vous aidera à commencer à apprendre le développement Web.

Quelques conseils que j'ai si vous empruntez la voie autodidacte:

  1. N'essayez pas de tout apprendre à la fois. Choisissez une compétence à apprendre à la fois.
  2. Ne sautez pas de tutoriel en tutoriel. Au fur et à mesure que vous apprenez, vous pouvez consulter différentes ressources pour voir celle que vous préférez. Mais encore une fois, choisissez-en un et essayez de le parcourir jusqu'au bout.
  3. Sachez que l'apprentissage du développement Web est un voyage à long terme. Malgré les histoires que vous avez peut-être lues sur des personnes passant de zéro à décrocher un emploi de développement Web dans 3 mois, je viserais davantage à 1 à 2 ans pour devenir prêt pour l'emploi, si vous partez du début.
  4. Le simple fait de regarder un cours vidéo ou de lire un livre ne fera pas automatiquement de vous un expert. L'apprentissage du matériel n'est que la première étape. Construire des sites Web et des projets réels (même des démos pour vous-même) vous aidera à vraiment consolider votre apprentissage.

Bonne chance pour commencer à apprendre le développement Web! Si vous souhaitez en savoir plus, consultez cet article sur mon blog: Apprenez le développement Web en tant que débutant absolu.

Envie de me suivre?

Je poste des mini-astuces de développement web sur Instagram et Twitter, et crée des tutoriels de codage sur YouTube!