Dans ce cours de deux heures basé sur un projet, vous créerez des pages de tableau de bord d'administration réactives, épurées et élégantes à l'aide de Bootstrap. Ce projet de niveau intermédiaire vise à aider les développeurs web à acquérir les compétences essentielles pour construire des tableaux de bord efficaces en utilisant Bootstrap qui fournit un cadre robuste pour créer des mises en page réactives et des composants pré-stylisés, accélérant considérablement le processus de développement. Plus précisément, vous créerez des tableaux de bord de visualisation des données en utilisant Bootstrap et Chart.js. Vous mettrez en œuvre des interfaces intuitives avec des onglets Bootstrap, des tables réactives et d'autres composants. Vous utiliserez également les classes de style de Bootstrap et les icônes font-awesome pour améliorer l'attrait visuel de votre tableau de bord. Vous appliquerez ces compétences et techniques pour construire une page d'administration pour un pipeline de gestion de projet en utilisant Bootstrap. Ce tableau de bord offrira une interface centralisée pour visualiser et gérer l'avancement du projet à travers les différentes étapes du cycle de vie du développement. Ce projet se distingue parce qu'il vous apprend à construire des tableaux de bord réactifs rapidement et facilement. Pour réussir, vous devez être familier avec la structure HTML5 de base, la syntaxe JavaScript de base et le système de quadrillage de Bootstrap.
Design réactif en Bootstrap : Créer un tableau de bord administratif
Instructeur : Mohammed Al-Mousa
Inclus avec
Expérience recommandée
Ce que vous apprendrez
Créer et personnaliser des visualisations de données en cours d'utilisation bootstrap et chart.js.
Mettez en place des interfaces intuitives avec des navs Bootstrap, des tables réactives et d'autres composants.
Utilisez les classes de style de Bootstrap et les icônes font-awesome pour améliorer l'attrait visuel.
Compétences que vous pratiquerez
- Catégorie : Développement Web
- Catégorie : HTML et CSS
- Catégorie : conception web
- Catégorie : Chart.js
- Catégorie : Bootstrap (Framework Front-End)
- Catégorie : Visualisation de Données
- Catégorie : Interface utilisateur (UI)
- Catégorie : Conception de sites web réactifs
- Catégorie : Applications Web
- Catégorie : Tableau de bord
- Catégorie : Conception d’interfaces utilisateur (UI)
Détails à connaître
Ajouter à votre profil LinkedIn
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents
À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
Tâche 1 : Créer une interface de suivi des progrès
Tâche du projet : créer des fiches d'état d'avancement du projet
Pratique 1 : Visualisation des données des 5 principaux pays de recherche
Tâche 3 : Créer un rapport rapide avec un graphique linéaire
Tâche du projet : assembler une interface de rapport de projet détaillé
Pratique 2 : créer des graphiques pour les 5 principaux pays de recherche
Tâche du projet : Construire un tableau de projets avec pagination
Tâche 6 : Créer et personnaliser une barre d'outils pour le tableau de bord
Tâche cumulative :
Expérience recommandée
Structure et composants HTML5 (div, img, canvas, etc.)
Structure de quadrillage de Bootstrap (conteneur, ligne, col, et points de rupture).
Objets JavaScript
8 images de projet
Instructeur
Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Vous aimerez peut-être aussi
Statut : Gratuit
Statut : Essai gratuit
Statut : Gratuit
Statut : Essai gratuit
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux Questions
En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.
Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.
Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.