html tutorial exercises course

HTML5 Übungs -Tutorial an der 4Geeks Academy

Von @alesanchezr und anderen Mitwirkenden an der 4Geeks Academy

Vollständige Auswahl automatischer HTML -Übungen, jeder, der daran interessiert ist, HTML zu lernen!

Hallo! Ich bin Alejandro Sanchez @alalanchezr, sehr aufgeregt, dich hier zu haben! ? ? Es ist schwierig, zu lernen, zu codieren, Sie brauchen Coaching! DM mich auf Twitter, wenn Sie Fragen haben.

Sie werden die folgenden Konzepte lernen:

1. Machen Sie sich mit viel von den beliebtesten HTML -Tags vertraut.

2. Verwenden der Tags zusammen, um eine einfache HTML -Website zu erstellen.

3. Verknüpfen von Websites mithilfe von Ankern mit relativen oder absoluten Pfaden.

4. Das HTML -Audio- und Video -Tag.

Bevor wir anfangen ... andere verwandte Tutorials

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

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 öffnen, sollten die Learnpack -Übungen automatisch beginnen. Wenn Übungen nicht automatisch ausgeführt werden, können Sie versuchen, Ihr Terminal einzugeben: $ learnpack start

Manuelle 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 HTML -Compiler -Plugin für LearnPack stellen Sie sicher, dass Sie auch Node.js 14+ haben:

$ npm i @learnpack/learnpack -g

2. Laden Sie diese spezielle Übung und cd in den Ordner herunter:

$ git clone https://github.com/4GeeksAcademy/html-tutorial-exercises-course
$ cd html-tutorial-exercises-course

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:

$ learnpack start

Weitere Informationen oder Fragen finden Sie in der Learnpack -Dokumentation.

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.

Wie sind die Übungen organisiert?

Jede Übung ist eine kleine Reaktionsanwendung mit folgenden Dateien:

1. Index.js: Repräsentiert die Eintragsdatei für die gesamte App.
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.

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)

2. David Hay (Haydavid23), Beitrag: (Test) Euen

3. Daniel Machota (@d4rkm0nst3r), Beitrag: (Build-Tutorial) ✅, Übersetzung?

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