Diese Woche befassen wir uns mit der CSS-Syntax, der Spezifität und den semantischen Klassennamen. Wir besprechen das Laden von CSS, das CSS Box-Modell und die damit verbundenen Eigenschaften sowie die Unterschiede zwischen Inline-, Block- und Inline-Block-Elementen im Flow-Layout. In dieser Woche geht es auch um das Debugging von CSS mit den DevTools des Browsers und die Anwendung des Box-Modells zur Erstellung verschiedener gängiger Layouts. Die Hauptaufgabe in dieser Woche besteht darin, CSS für eine bestehende HTML-Seite zu erstellen, um ein gewünschtes Aussehen zu erreichen.

In dieser Woche befassen wir uns mit einigen gängigen Webdesign-Konzepten wie Platzhaltertexten und -bildern, den Aspekten, die die Auswahl von Schriftarten beeinflussen und erschweren, und wichtigen Fragen der Barrierefreiheit wie der Einhaltung von Textgröße und Alt-Text. Wir untersuchen einige häufige Missverständnisse in Bezug auf das Urheberrecht und wie sich dies auf die Arbeit als Webentwickler auswirkt. Wir erkunden weitere Layout-Optionen mit CSS und lernen Flexbox, Rasterflächen und Mehrspalten-Layouts kennen. Wir besprechen die Bedeutung und Umsetzung von Responsive Design und adaptivem Design in Webseiten. Die Hauptaufgabe für diese Woche bietet ein ungefähres Layout mit Änderungen zwischen Desktop- und Mobilgrößen und fordert Sie auf, HTML und CSS zu schreiben, um eine Lösung zu erstellen.

Diese Woche konzentrieren wir uns auf die Struktur und das Layout von HTML-Formularen und behandeln die Syntax verschiedener formularbezogener Elemente und die damit verbundenen grundlegenden Anforderungen und Fehler in Bezug auf die Barrierefreiheit sowie die begrenzte HTML-basierte Validierung, die für Formulare verfügbar ist. Ich stelle gängige Layouts für Formularbeschriftungen und -felder vor, einschließlich Ausnahmen, und erörtere, inwiefern diese Layouts für Ihre Benutzererfahrung von Vorteil sind oder nicht. Wir behandeln auch die verschiedenen Optionen für die Eigenschaft Position und wie diese Optionen verwendet werden, um gängige Webdesign-Wünsche zu erfüllen, einschließlich der Erstellung eines "Dropdown"-Navigationsmenüs. Die Hauptaufgabe in dieser Woche besteht darin, ein gewünschtes Layout für ein Formular zu erstellen, das Daten an einen bereitgestellten Server übermittelt.

In dieser Woche stellen wir die Namenskonventionen für BEM-Klassen (Block, Element, Modifier) vor und untersuchen ihre Verwendung, ihre Argumente und ihre potenziellen Vorteile. Wir behandeln gängige UI/UX-Konzepte wie Hero-Bilder, Call to Action (CTAs), das Konzept des "Fold", Panels, Karten und Breadcrumb-Navigation und beschäftigen uns mit der Syntax und der praktischen Anwendung von CSS-Transformationen, -Übergängen und -Animationen. Schließlich lernen wir, Animationen so einzuschränken, dass sie die Benutzereinstellungen für reduzierte Bewegungen berücksichtigen, und fügen Bewegungen zu unserem Dropdown-Navigationsbeispiel hinzu.

Diese Woche bietet eine Einführung in JavaScript, die sich auf die wichtigsten Konzepte und praktischen Anwendungen konzentriert. Sie werden erkunden, wie man JavaScript lädt und seine grundlegende Syntax anhand der Lektüre und der Quizfragen dieser Woche verstehen. Themen wie Variablen, Funktionen, Arrays, Objekte, Konditionale, Schleifen und lexikalischer Bereich werden besprochen, zusammen mit einigen Videoanimationen zur Veranschaulichung komplexerer Konzepte. Wir werden uns auch mit dem Document Object Model (DOM) befassen, einer Methode zur dynamischen Bearbeitung von Webseiten mit JavaScript. Schließlich werden wir uns mit Debugging-Techniken beschäftigen, um Fehler zu erkennen und zu beheben. Um das Gelernte zu festigen, werden Sie eine Aufgabe lösen, bei der Sie ein "Stein-Papier-Schere"-Spiel entwickeln, das Schaltflächen und Konsoleninteraktionen integriert und so die oben genannten Kernkompetenzen demonstriert.

Diese Woche vertiefen wir Ihr Verständnis von JavaScript, indem wir fortgeschrittene Syntax-Konzepte vorstellen, darunter Spread- und Rest-Operatoren, Destrukturierung, JSON und Reguläre Ausdrücke. Sie lernen, wie Sie mit dem DOM interagieren, indem Sie den Inhalt von Knoten manipulieren und JavaScript-Ereignisse behandeln, verstärkt durch Quizfragen, um Ihr Verständnis zu überprüfen. In dieser Woche wird auch die JavaScript-basierte Formularvalidierung behandelt, wobei bewährte Praktiken, häufige Fallstricke und die Bedeutung eines ausgewogenen Verhältnisses zwischen Front-End-Komfort und Backend-Sicherheit hervorgehoben werden. Die Woche gipfelt in einer Aufgabe, bei der Sie ein Merkmal für die Übermittlung von Formularen mit integrierter JavaScript-Validierung erstellen und dabei wichtige Konzepte aus den Lektionen anwenden, um die Funktionalität von Webanwendungen sicherzustellen.