bootstrap exercises tutorial

Tutorial für Bootstrap -Übungen an der 4Geeks Academy

Hallo! Ich bin Alejandro Sanchez @alalanchezr, ich bin begeistert, Sie hier zu haben! ? ? Zu lernen ist schwer; Du brauchst Coaching! DM mich auf Twitter, wenn Sie eine Frage haben. Sie werden die folgenden Konzepte lernen:

Sie werden die folgenden Konzepte lernen:

1. So wenden Sie Bootstrap auf Ihre Website an.

2. Auswählen von HTML -Elementen von Ihrer Website, um die Bootstrap -Stile anzuwenden.

3. Wenden Sie Bootstrap -Klassen auf diese Elemente an.

4. Verwenden Sie die beliebtesten Bootstrap -Regeln.

5. Erfahren Sie die beliebtesten Bootstrap -Tricks.

Bevor wir anfangen ... andere verwandte Tutorials

1. Lerne HTML
2. Lernen Sie HTML -Formen
3. CSS lernen
4. Lernen Sie CSS -Layouts
5. Lernen Sie Bootstrap ← Sie sind jetzt hier

Komplette Auswahl an automatischen CSS -Übungen, jeder, der am Erlernen von CSS interessiert ist!

Eine Klick -Installation (empfohlen):

Sie können diese Übungen in nur wenigen Sekunden öffnen, indem Sie klicken: Öffnen Sie in den Codenspaces (empfohlen) oder in Gitpod.

Sobald Sie VSCODE geöffnet haben, sollten die Learnpack -Übungen automatisch beginnen. Wenn Übungen nicht automatisch ausgeführt werden, können Sie versuchen, Ihr Terminal einzugeben: $ learnpack start

Lokale Installation:

Klonen Sie das Repository in Ihrer lokalen Umgebung und befolgen Sie die folgenden Schritte:

1. Installieren Sie LearnPack, den Paketmanager für Lern ​​-Tutorials und das Knoten Compiler -Plugin für LearnPack stellen Sie sicher, dass Sie auch Node.js 14+ haben:

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

2. Laden Sie diese speziellen Übungen mit LearnPack und cd in den Ordner herunter:

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

HINWEIS: Sobald Sie das Herunterladen fertiggestellt haben, finden Sie einen "Übungen" -Fordner, der alle darin enthaltenen Übungen enthält.

3. Starten Sie das Tutorial/die Übungen, indem Sie den folgenden Befehl auf derselben Ebene ausführen, in der Ihre Datei "Learn.json" lautet:

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

Wie sind die Übungen organisiert?

Jede Übung ist eine kleine Reaktionsanwendung mit folgenden Dateien:

1. Index.html: Repräsentiert die Eintragsdatei für die gesamte Übung.
2. Readme.md: Enthält Übungsanweisungen.
3. test.js: Sie müssen diese Datei nicht öffnen, es enthält das Testskript für die Übung.

Hinweis: Die Übungen haben eine automatische Einstufung, aber es ist sehr streng und streng, meine Empfehlung ist, die Tests nicht zu schwerwiegend zu machen und sie nur als Vorschlag zu verwenden, oder Sie werden möglicherweise frustriert.

Mitwirkende

Vielen Dank an diese wunderbaren Menschen (Emoji -Schlüssel):

1. Alejandro Sanchez (Alesanchezr), Beitrag: (Codierer) (Idee)?, (Build-Tests) Euen , (Pull-Request-Review)? (Build-Tutorial) ✅ (Dokumentation)

Dieses Projekt folgt der All-Contributors-Spezifikation. Beiträge jeglicher Art sind willkommen!

Diese und viele andere Übungen werden von Studenten im Rahmen der 4Geeks Academy -Coding -Bootcamp von Alejandro Sánchez und vielen anderen Mitwirkenden erstellt. Erfahren Sie mehr über unseren vollständigen Stack -Entwicklerkurs und Data Science Bootcamp.