link Source : openclassrooms.com
list 5 séquences
assignment Niveau : Intermédiaire
chat_bubble_outline Langue : Français
card_giftcard 100 points
Avis de la communauté
5
starstarstarstarstar
Voir l'avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 10 heures de cours

En résumé

Vous voulez créer des sites web riches en fonctionnalités, en développant des prototypes avec la capacité de personnaliser entièrement la conception et les fonctionnalités du produit fini ?

Dans ce cours, vous créerez des pages web à l'aide de Bootstrap 5 et sa bibliothèque de composants. Vous rendrez ces pages responsives à l'aide de la grille flexible de Bootstrap, et vous les façonnerez grâce à sa gamme complète d'utilitaires mise à disposition.

Vous apprendrez également à personnaliser la conception et les fonctionnalités afin de créer un thème customisable à votre image.

À la fin de ce cours, vous aurez créé l’intégralité du front-end d'un site web portfolio en ligne.

Commencez dès maintenant à augmenter votre productivité en tant que développeur front-end.

Rejoignez-moi dans le premier chapitre pour découvrir Bootstrap !

À la fin de ce cours, vous serez capable de :

  • identifier les cas d’usage de Bootstrap ;
  • créer des mises en page responsives ;
  • afficher du contenu avec les composants d'interface utilisateur ;
  • ajouter de l'interactivité à un site web ;
  • créer des fonctionnalités et des thèmes personnalisés à l'aide de Bootstrap.

more_horiz Lire plus
more_horiz Lire moins
report_problem

Les prérequis

Pour tirer le meilleur parti de ce cours, vous devez déjà posséder des connaissances pratiques de HTML et de CSS. Vous pouvez acquérir ces compétences en suivant les cours suivants :

  • Apprenez à créer votre site web avec HTML 5 et CSS3.
  • Simplifiez-vous le CSS avec Sass.

Outils nécessaires 

  • un éditeur de code ;
  • Bootstrap ;
  • GitHub.

dns

Le programme

    
Partie 1 - Identifiez les cas d’usage de Bootstrap
1. Tirez un maximum de ce cours
2. Découvrez l’importance du mobile dans les pratiques des internautes
3. Découvrez si Bootstrap correspond à vos besoins
Quiz : Identifier les cas d'usage de Bootstrap

Partie 2 - Créez des mises en page responsives
1. Décomposez la structure des pages
2. Implémentez votre structure de pages
3. Rendez votre mise en page responsive
Quiz : Créer des mises en page responsives

Partie 3 - Affichez du contenu avec les composants d'interface utilisateur
1. Personnalisez votre page
2. Créez de la navigation responsive
3. Ajoutez le composant progress bar
4. Structurez du contenu grâce au composant card
Quiz : Afficher du contenu avec les composants d'interface utilisateur

Partie 4 - Ajoutez de l'interactivité à votre site
1. Ajoutez des composants interactifs
2. Permettez à vos visiteurs de vous contacter grâce aux formulaires
3. Améliorez l’expérience utilisateur avec une modal et des tooltips
Quiz : Ajouter de l'interactivité à votre site

Partie 5 - Créez des fonctionnalités et des thèmes personnalisés
1. Créez votre propre thème de conception
2. Créez vos propres classes utilitaires grâce à l’API de Bootstrap 5
Quiz : Créer des fonctionnalités et des thèmes personnalisés

Certificat de réussite

record_voice_over

Les intervenants

Benoît Philibert

Max Mahmoud Wardeh

Experienced developer leading the architecture, development and delivery of web and mobile projects globally and in multiple languages.

Luca Bousquet

store

Le concepteur

OpenClassrooms

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Avis de la communauté
5 /5 Moyenne
starstarstarstarstar
1
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
Contenu
5/5
Plateforme
5/5
Animation
5/5
Le meilleur avis

meilleur

le 12 mai 2023
Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
5/5
Plateforme
5/5
Animation
5/5