webmapping20s.github.io

Workload für die Woche vom 12. bis 19. März 2020

CSS Online Tutorials der codecademy

• https://www.codecademy.com/
• CSS-Tutorial ausführen: https://www.codecademy.com/learn/learn-css

1. Selectors and Visual Rules - CSS Setup and Selectors In this lesson, you’ll learn how to select which HTML elements you wish to style and set up your CSS file structure. https://www.codecademy.com/courses/learn-css/lessons/css-setup-selectors/exercises/intro-to-css

2. Selectors and Visual Rules - CSS Visual Rules In this lesson, you will learn the fundamentals of CSS visual rules, which will enable you to add style to HTML elements. https://www.codecademy.com/courses/learn-css/lessons/css-visual-rules/exercises/css-structure

parallel dazu GIT verwenden

• im bereits für die Workload 1 angelegten github Repository codecademy zwei weitere Unterverzeichnisse für die Tutorials anlegen

    github.com/username/codecademy/03_css_setup/
    github.com/username/codecademy/04_css_rules/
  

• in jedem dieser Verzeichnisse die Dateien index.html und styles.css anlegen
• vor jedem Wechsel zur nächsten Aufgabe (gelber Next Button), den Inhalt dieser beiden Dateien mit dem erzeugten HTML- und CSS-Code überschreiben. Im Gegensatz zur letzten Workload verwenden wir jetzt also nur die beiden bestehenden Dateien und erzeugen keine weiteren mehr.
• mit STRG+Umschalt+P / Beautify file beide Dateien formatieren
• speichern, stagen und mit einer commit-Message committen (z.B. dem Titel der Lektion Intro to CSS)

Bis spätestens Donnerstag, 19. März 2020 mittags soll die Workload im Github Repository codecademy erreichbar sein