Dev Theory - Site web Node.js - Express.js & Axios & Twig - Projet
techno_logo

Créer un site web Node.js avec Express.js & Twig & Axios Projet

Cette application va vous permettre de savoir comment créer un site web dépendant d'une API externe, et étant gérable/scalable très facilement grâce à un seul fichier : config.json

Ce projet va vous permettre de comprendre comment créer de A à Z un site web sous Node.js avec Express.js, vous allez voir comment gérer des pages mais aussi comment lier les informations d'une page à une API externe avec Axios.

Voici un aperçu du fichier app.js :

Module 1 : Axios
Dans la première partie de ce projet, nous allons créer deux fonctions nous permettant de faire les deux appels à l'API nécessaire au site web, nous ferons en sorte que ces fonctions nous envoient des promesses afin d'avoir un code propre et lisible.

Module 2 : Express.js
Comme vous le savez probablement, Express.js permet de créer facilement un site web avec Node.js. Il gère de manière simple les différentes page et les requêtes HTTP qui arrivent, il va nous permettre de lier les appels à l'API et l'affichage des pages avec Twig.

Module 3 : Twig
Twig est un langage de template, c'est-à-dire qu'il va nous permettre de gérer l'affichage des variables (mais également des traitements comme des boucles & conditions) dans nos fichiers HTML. Nous allons donc voir comment récupérer des informations depuis une API externe, puis les transmettre à Twig via Express.js.

Que vais-je apprendre dans ce projet ?

Regardez cette vidéo qui vous explique le contenu du projet

Programme du projet

1 - Introduction

  • 1 - Introduction

2 - Appel à l’API - Axios

  • 1 - Introduction de section
  • 2 - Création de l’application
  • 3 - Choix de l’API & des crypto-monnaies
  • 4 - Création de l’URL dynamique & du config
  • 5 - Récupération des crypto-monnaies voulues
  • 6 - Informations sur une seule crypto-monnaie
  • 7 - Sources fin section Axios

3 - Structure des pages - Express.js

  • 1 - Introduction de section
  • 2 - Mise en place d’Express.js
  • 3 - Inclusion d’une page HTML
  • 4 - Création de la page d’accueil
  • 5 - Création de la page informations
  • 6 - Liaisons entre les pages
  • 7 - Création de la page d’erreur
  • 8 - Sources fin section Express.js

4 - Pages dynamiques - Twig

  • 1 - Introduction de section
  • 2 - Mise en place de Twig
  • 3 - Page listing sous Twig
  • 4 - Page informations sous Twig
  • 5 - Sources fin section Twig

5 - Conclusion

  • 1 - Conclusion
  • Code Source

Tout ce qui est inclus...

Acheter ce projet pour 19€ Ou s'inscrire au Club pour un accès illimité à tous les projets