Dies ist das Repository für den LinkedIn Learning Kurs Web Components Grundkurs. Den gesamten Kurs finden Sie auf LinkedIn Learning.
Web Components (Webkomponenten) bezeichnen Code-Blöcke, die den inneren Aufbau von HTML-Elementen inklusive CSS und JavaScript kapseln und es so ermöglichen, die praktischen Code-Schnipsel wieder zu verwenden und projektübergreifend an jeder beliebigen Stelle in Websites zu nutzen. Der erfahrene Frontend-Architekt David Lorenz erläutert in seinem Kurs die Anwendung des Konzepts der Web Components an einem praktischen Beispiel: Dabei lernen Sie, wie Sie Custom Elements, HTML-Templates und Shadow DOM korrekt einsetzen und Sie sehen, wie aus der Kombination dieser Technologien ein mächtiges Werkzeug für Webentwickler wird. Anhand von Code-Challenges am Ende jeden Kapitels können Sie das Erlernte sofort testen und Ihre Lösung auch gleich mit der von Ihrem Trainer angebotenen Solution vergleichen.
Dieses Repository hat Branches für jedes Video im Kurs. Verwenden Sie das Ausklappmenü "Branch: ..." in GitHub um zwischen den unterschiedlichen Branches hin und her zu wechseln bzw. um bei einem spezifischen Status einzusteigen. Oder Sie fügen /tree/BRANCH_NAME der URL hinzu um direkt in den gewünschten Branch zu wechseln.
Die Git Branches sind passend zu den Videos im Kurs strukturiert. Die Namenskonvention lautet Kapitel#_Video#_*. Der Branch 02_03_* beinhaltet zum Beispiel die Übungen für das dritte Video im zweiten Kapitel.
Der main Branch beinhaltet den initialen Quellcode und wird nicht für die Übungen innerhalb des Kurses genutzt.
Wenn Sie von einem Branch nach Änderungen zum nächsten Branch wechseln, erhalten Sie möglicherweise die folgende Meldung:
error: Your local changes to the following files would be overwritten by checkout: [files]
Please commit your changes or stash them before you switch branches.
Aborting
Dieses Problem lösen Sie wie folgt: Add changes to git using this command: git add . Commit changes using this command: git commit -m "some message"
- Um diese Übungsdateien nutzen zu können, müssen Sie folgendes installiert haben:
- npm
- Klonen Sie das Repository in Ihre lokale Maschine unter Verwendung von terminal (Mac), CMD (Windows) oder ein anderes Werkzeug mit grafischer Bedienoberfläche wie SourceTree.
npm installim geklonten Ordnernpm run startum den Server zu starten
David Lorenz
Frontend Architect
Sehen Sie sich andere Kurse des Autors auf LinkedIn Learning an.
