Bootstrap Code Play

Apprenez le design web adaptatif avec les leçons Bootstrap modifiables et prévisualisables. Bootstrap Code Play associe explications, exemples de code et un environnement de test pour vous permettre d'explorer l'impact des modifications de balisage sur une page.

LIRE, MODIFIER, PRÉVISUALISER

Choisissez un sujet, découvrez son fonctionnement, puis appuyez sur « Essayer » pour ouvrir l'exemple dans l'éditeur. Modifiez une classe, ajustez le contenu ou ajoutez un élément. Ouvrez l'aperçu pour examiner le résultat, puis retournez à l'éditeur de code pour une autre expérience.

APPRENEZ LES BASES

Entraînez-vous à créer des grilles adaptatives, à la typographie, aux boutons, aux alertes, aux tableaux et aux formulaires. Explorez des composants tels que les cartes, les barres de navigation, les accordéons et les boîtes de dialogue dans les parcours d'apprentissage correspondants. Les leçons guidées comprennent des étapes, des défis et des erreurs courantes pour vous aider à comprendre le code plutôt qu'à simplement le copier. Les leçons de projet mettent en pratique les concepts à travers des exemples tels qu'une section de tarification et un tableau de bord compact.

CHOISISSEZ UN PARCOURS D'APPRENTISSAGE

Étudiez le parcours Bootstrap 5.3.8 intégré, ou explorez Bootstrap 4.6.2 et 3.4.1 pour les projets plus anciens. Ces parcours plus anciens ne sont plus maintenus et sont fournis à des fins d'apprentissage et de migration. Un parcours Bootstrap 6 alpha distinct est disponible en version expérimentale ; son aperçu nécessite une connexion Internet et une WebView moderne.

CONTINUEZ À VOUS ENTRAÎNER

Recherchez des sujets ou parcourez les catégories. Marquez les leçons comme terminées et consultez votre progression pour chaque version. Ouvrez l'espace de travail pour vos propres expériences HTML, enregistrez un fichier et reprenez-le via les fichiers enregistrés.

MODIFIEZ AVEC DES OUTILS PRATIQUES

Utilisez la coloration syntaxique, les fonctions Annuler et Rétablir, Rechercher et remplacer, et la navigation vers une ligne précise lorsque vous travaillez sur des exemples. L'option « Enregistrer sous » conserve une copie séparée, et l'option « Partager le code » permet d'envoyer le texte de l'éditeur via les options de partage disponibles.

Pour les étudiants, les apprenants autonomes et les développeurs qui retravaillent des mises en page responsives, l'application propose un parcours pratique : lire une explication, apporter une petite modification et examiner le résultat.

L'application contient de la publicité. Les exemples faisant référence à des ressources externes nécessitent une connexion internet ; la disponibilité des ressources distantes peut varier.