Premier pas sur l’utilisation de MDBootstrap Angular : Intsallation

Au jour d’aujourd’hui, toutes applications web devraient utiliser Angular tout en proposant des designs attractifs et facile à utiliser par les utilisateurs.

Les applications doivent utiliser Anuglar. Pourquoi ? Nous allons répondre à cette question en une seule phrase. Angular est un framework qui va faciliter grandement la création d’application web évolutives.

De plus, pour avoir un design qui soit attractifs et facile à utiliser, nous pouvons utiliser le framework MDBootstrap. En effet, MDBootstrap propose déjà de multiple design et approche pour créer des applications web. Et pour pouvoir offrir le design de MDBootstrap aux développeurs qui utilise déjà Angular, MDBootstrap a proposé un produit MDBootstrap Angular qui intègre Angular dans MDBootstrap.

MDBootstrap propose plusieurs versions de MDBootstrap Angular :

• La version Free;
• La version PRO.

Dans ce qui suit, nous allons montrer comment faire pour installer MDBootstrap Angular Free.

Les prérequis

Avant de pouvoir procéder à l’installation de MDBootstrap Angular, il nous faut avoir les plateformes ci-dessous d’installer :

• Node LTS (12.x.x ou supérieur);
• Angular CLI (12.x.x ou supérieur) .

Pour développer une application web avec MDBootstrap Angular, nous vous proposons d’utiliser l’IDE Visual Studio Code.

Installation de MDBootstrap Angular proprement dite

Pour la suite de ce document, nous avons utiliser le système d’exploitation Ubuntu 22.04. La version de Node est 16.17 et la version de Angular CLI est 14.2.

Pour effectuer l’installation, nous allons utiliser le terminal que propose Ubuntu.

Il faut dans un premier temps, il faut télécharger MDBootstrap Angular.

Une fois le téléchargement fait, il faut le décompresser. Et après la décompression, nous aurons l’architecture du répertoire représenté par la figure ci-dessous.

Il faut accéder au répertoire qui a été décompressé à partir du terminal et exécuter la commande :

$ npm install

Une fois l’installation faite, nous pouvons maintenant lancer l’application avec la commande :

$ ng serve

Une fois que c’est fait, nous pouvons voir notre application MDBootstrap Angular à partir de l’URL http://localhost:4200. Et nous aurons l’écran ci-dessous.