Apprendre le développement de site web avec Windows 10 et Ubuntu

Voici un guide pour vous permettre d’apprendre le développement de site web, à partir d’un PC sous Windows 10 sur lequel on va facilement lancer Ubuntu.

Etape 1 : le serveur

Pour avoir un site web à programmer, il faut que vous ayez un serveur, vous allez donc louer un Serveur Privé Virtuel, ce qui est une solution moins chère que de louer un « vrai » serveur (appelé serveur dédié).

Un serveur privé virtuel est le plus souvent désigné avec les lettres VPS (Virtual Private Server).

Vous pouvez chercher sur Google le tarif VPS des différents fournisseurs de services d'hébergement. Vous constaterez que les offres les moins chères ne coûtent que quelques euros par mois.

Vous choisirez un VPS avec le système d'exploitation Ubuntu préinstallé.

Sachez que quand vous commencez à apprendre le développement web vous n’avez pas vraiment besoin de louer un serveur (au tout début). Des frameworks permettent de simuler un serveur sur votre ordinateur. Cette fonctionnalité est généralement appelée « serveur de développement ».

En anglais, on dira par exemple « run a development server on the local machine».

Etape 2 : utiliser Ubuntu sous Windows 10

Le serveur VPS va tourner avec Ubuntu, et votre PC est sous Windows 10. Vous allez avoir besoin d’Ubuntu sur votre PC pour travailler avec le serveur. Voici comment lancer Ubuntu sous Windows 10.

Windows Subsystem for Linux (WSL), en français « Sous-système Windows pour Linux », est une nouvelle fonctionnalité qui permet d’exécuter un environnement Linux directement sur Windows 10, sans aucune modification.

Ubuntu est un des environnements Linux que WSL peut faire tourner.

Voici la document officielle pour installer WSL : guide sur le site de microsoft

Etape 3 : choix du langage de programmation pour le back-end

Vous savez maintenant comment utiliser le même système d'exploitation Ubuntu sur un serveur et sur votre PC.

En informatique, le back-end désigne les traitements informatiques que l’utilisateur ne voit pas. Dans le cas du développement d’un site web, le back-end désigne le code qui tourne sur le serveur.

Voici un lien qui vous donnera un premier aperçu des langages utilisés pour le back-end : Quel langage de programmation web choisir ?

Etape 4 : choix du langage de programmation pour le front-end

Un ordinateur connecté à un serveur est appelé un client. Le code qui va tourner sur le « client » est le code front-end.

Le langage des navigateurs (comme Chrome ou Mozilla) est JavaScript.

Il n’y a donc pas besoin de choisir un langage de programmation front-end puisqu’il n’y a qu’un seul choix possible pour débuter.

Etape 5 : comprendre comment le front-end et le back-end communiquent entre eux

Voici un lien d’introduction en anglais : Comment le front-end et le back-end communiquent ?

Il existe différents moyens de communication entre front-end et back-end. Cela varie en fonction de ce qui doit être développé : formulaire de contact, service de chat, etc. Un développeur qui travaille à la fois sur le front-end et le back-end est appelé un développeur full stack.

Etape 6 : choix d’un projet de site web

Vous allez développer votre premier site web donc ne vous lancez pas dans un projet trop compliqué.

Créez un site web sur un sujet qui vous intéresse. Mettez une page de contact pour commencer et ensuite vous ajouterez d’autres fonctionnalités si ça vous dit.

Vous avez maintenant les grandes lignes pour développer un site web !