link Source: openclassrooms.com
list 5 sequences
assignment Level : Intermediate
chat_bubble_outline Language : French
card_giftcard 100 points
Logo My Mooc Business

Their employees are learning daily with Edflex

Get started
Users' reviews
-
starstarstarstarstar
0 reviews

Key Information

credit_card Free access
verified_user Fee-based Certificate
timer 10 hours in total

About the content

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 Read more
more_horiz Read less
report_problem

Prerequisite

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

Syllabus

    
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

Instructors

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

Content Designer

OpenClassrooms

OpenClassrooms (formerly Le site du Zéro or SdZ) is a website that offers courses about computer science and entrepreneurship. Online courses can be made both by site staff, professors of universities or colleges partner as by its members.

Today, courses are available in several formats: MOOC (Massive Open Online Course), web text, e-book, book and video. The company delivers certifications for certain courses, including one recognized by the state in partnership with IESA multimedia.

You are the designer of this MOOC?
What is your opinion on this resource ?
Content
5/5
Platform
5/5
Animation
5/5