In dieser Woche werden Sie die Gelegenheit haben, die Theorien in die Praxis umzusetzen, indem Sie Media Queries in Ihrem CSS verwenden. Diese Abfragen können das Aussehen und die Funktionalität Ihrer Website automatisch auf der Grundlage der Größe des Browsers ändern, mit dem die Seite angezeigt wird. So können Sie entscheiden, welche Art von Aussehen Sie bei verschiedenen Bildschirmgrößen, auch "Viewports" genannt, erreichen möchten.

Zu wissen, wie Ihre Seite aussehen soll, ist der erste Schritt, aber den Code zu schreiben, ist ein anderer. In dieser Woche sehen wir uns die Eigenschaften Grid und Flex Display an, um Möglichkeiten zur Gestaltung des Layouts Ihrer Seite vorzuschlagen. Wir sprechen auch über Media Queries, die Sie einbauen sollten, um die Zugänglichkeit Ihrer Seite zu verbessern. Diese Abfragen können auf die Vorlieben der Benutzer in Bezug auf Farbschemata, Animationen und mehr reagieren.

Nachdem jeder gute Programmierer viel Zeit damit verbracht hat, Websites von Grund auf neu zu erstellen, ist es üblich, die vorhandenen Tools zu nutzen. Warum also das Rad neu erfinden? Die Arbeit, die Sie bis zu diesem Punkt geleistet haben, wird Ihnen das Wissen vermitteln, das Sie brauchen, um mit diesen Frameworks Ihre eigenen einzigartigen Websites zu erstellen. Diese Woche werden wir mit Bootstrap arbeiten, einem Framework, das HTML5, CSS und JavaScript verwendet (aber keine Sorge, wenn Sie selbst noch nie JavaScript verwendet haben).