bootstrap exercises tutorial

Tutoriel d'exercices de bootstrap à la 4Geeks Academy

Salut! Je suis Alejandro Sanchez @Alesanchezr, je suis ravi de vous avoir ici! ? ? Apprendre à coder est difficile; Vous avez besoin de coaching! Dm moi sur Twitter si vous avez une question. Vous apprendrez les concepts suivants:

Vous apprendrez les concepts suivants:

1. Comment appliquer Bootstrap à votre site Web.

2. Sélection des éléments HTML sur votre site Web pour appliquer les styles bootstrap.

3. Appliquez des classes bootstrap à ces éléments.

4. Utilisez les règles de bootstrap les plus populaires.

5. Apprenez les astuces de bootstrap les plus populaires.

Avant de commencer ... d'autres tutoriels connexes

1. Apprendre html
2. Apprenez les formulaires HTML
3. Apprendre CSS
4. Apprendre les dispositions CSS
5. Apprenez Bootstrap ← Vous êtes ici maintenant

Sélection complète des exercices CSS automatiquement, toute personne intéressée à apprendre CSS!

Installation d'un clic (recommandé):

Vous pouvez ouvrir ces exercices en quelques secondes en cliquant: Ouvrir en codespaces (recommandée) ou ouvrir en gitpod.

Une fois que vous avez VSCODE ouvert, les exercices LearnPack devraient démarrer automatiquement. Si les exercices ne fonctionnent pas automatiquement, vous pouvez essayer de taper sur votre terminal: $ learnpack start

Installation locale:

Clone le référentiel dans votre environnement local et suivez les étapes ci-dessous:

1. Installer LearnPack, le gestionnaire de packages pour les tutoriels d'apprentissage et le plugin de compilateur de nœud pour LearnPack, assurez-vous d'avoir également Node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Téléchargez ces exercices particuliers en utilisant LearnPack et cd dans le dossier:

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

Remarque: Une fois le téléchargement terminé, vous trouverez un dossier "Exercices" qui contient tous les exercices à l'intérieur.

3. Démarrez le tutoriel / les exercices en exécutant la commande suivante au même niveau où votre fichier Learn.json est:

$ npm i [email protected] -g
$ learnpack start

Comment les exercices sont-ils organisés?

Chaque exercice est une petite application React contenant les fichiers suivants:

1. index.html: représente le fichier d'entrée pour l'ensemble de l'exercice.
2. Readme.md: contient des instructions d'exercice.
3. test.js: vous n'avez pas à ouvrir ce fichier, il contient le script de test pour l'exercice.

Remarque: Les exercices ont un classement automatique, mais il est très rigide et strict, ma recommandation est de ne pas passer les tests trop graves et de les utiliser uniquement comme suggestion, ou vous pouvez être frustré.

Contributeurs

Merci à ces gens merveilleux (clé emoji):

1. Alejandro Sanchez (Alesanchezr), contribution: (codeur) (idée) ?, (Tests de construction) ️ , (pull-request-review)? (build-tutorial) ✅ (documentation)

Ce projet suit les spécifications de tous les contributeurs. Les contributions de toute nature sont les bienvenues!

Ceci et de nombreux autres exercices sont construits par les étudiants dans le cadre du bootcamp codant de l'Académie 4GEEKS par Alejandro Sánchez et de nombreux autres contributeurs. En savoir plus sur notre cours complet de développeur Stack et Data Science Bootcamp.