• 10 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 13/03/2020

Configurez votre environnement de développement

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Avant de pouvoir commencer à coder, vous devrez installer quelques outils. Commençons par installer le runtime de Node.

Installez Node

Accédez à NodeJS.org pour télécharger puis installer la dernière version de Node. Cela a pour effet d'installer le runtime JavaScript de Node, ce qui vous permet par là même d'exécuter les serveurs Node. Cela installe également Node Package Manager ou npm, outil précieux pour l'installation des packages nécessaires à la création de vos projets.

Installez Angular

Il vous faudra également la CLI Angular pour pouvoir faire tourner le serveur de développement sur lequel sera exécuté le code du front-end. Pour l'installer, exécutez la commande suivante à partir de votre console :

npm install -g @angular/cli

Clonez l'application front-end

Il est maintenant temps de créer votre répertoire de travail pour ce cours : vous pouvez le nommer go-fullstack  par exemple.

Une fois le répertoire créé, il vous faudra cloner le code pour l'application front-end dans un sous-répertoire appelé frontend . À partir de votre répertoire de travail, entrez la commande ci-dessous :

git clone https://github.com/OpenClassrooms-Student-Center/go-fullstack-fr-frontend.git frontend

Vous pouvez ensuite procéder comme suit :

cd frontend
npm install
ng serve

Cela installera toutes les dépendances requises par l'application front-end et lancera le serveur de développement. Désormais, si vous accédez à http://localhost:4200, vous devriez voir l'interface suivante (en supposant que vous avez bien suivi les étapes ci-dessus) :

Page d'accueil de l'application front-end
Page d'accueil de l'application front-end 

N'hésitez pas à explorer le contenu pour avoir un aperçu de ce que nous allons créer. Ça ne représente pas encore beaucoup, mais c'est là que vous intervenez !

La dernière étape consiste à créer un second sous-répertoire dans votre répertoire de travail, appelé backend. C'est là que vous créerez l'application Express.

Exemple de certificat de réussite
Exemple de certificat de réussite