Saved searches
Use saved searches to filter your results more quickly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
loehx/html-css-2020-1
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
- Vorstellung
- Aufbau, Methoden, Werte
- Skill-Matrix befüllen
- Vorbereitung
- GitHub Account erstellen und repository anlegen
- Git installieren und Repository klonen
- Atom oder VS Code installieren
- HTML Syntax
- HTML Grundstruktur
- HTML Elemente nach Häufigkeit
- HTML Meta-Daten
- Grundstruktur
- inline vs block
- Aufgabe: Kontaktformular (Hausaufgabe)
- Bitte mäßig Hausaufgaben am Dienstag
- Einen Ausblick geben, was in der nächsten Session drankommt
- Für den nächsten Kurs: Git, Github, Chrome, Atom im Voraus installieren
- Für den nächsten Kurs: Showcase für die wichtigsten HTML-Elemente in der Präsentation
- Check-in — Wie geht’s wie steht’s?
- Hausaufgabe: Kontaktformular
- Wiederholung
- Welche drei Elemente benötigen wir mindestens für eine HTML-Grundstruktur?
- Was enthält der head und was enthält der body ?
- Was ist der unterschied zwischen inline und block ?
- Welche Rolle spielt die Einrückung im HTML Code?
- Welche Inputtypen kennt ihr?
- Wie werden Formular-Daten an den Server übertragen?
- Welche button -Typen gibt es?
- Wann sollte ich Code auskommentieren und wann löschen?
- Wann benutze ich ein span und wann ein div ?
- Für wen oder was programmiere ich, neben dem Kunden?
- Bootstrap
- Bootstrap Grid
- Bootstrap Components
- Breakpoints
- Aufgabe: Danke-Seite
- . mit «Zurück»-Button (Element: . )
- . nach eigenem empfinden stylen
- . mit allen bekannten Input-Typen
- Zu schnell zu tief eingetaucht — langsamer Vorgehen
- Schwere Kost lieber am Anfang der Stunde
- Check-in — Wie geht’s wie steht’s?
- Git-Schulung am Samstag 240€ (Eva bescheid geben)
- Wiederholung
- Welche Inline-Elemente kennt ihr?
- Welche 2 Elemente benötige ich um eine Dropdown zu erzeugen?
- Wie definiere ich eine Zieldatei, an die ein Formular gesendet werden soll?
- Was ist der Unterschied zwischen get und post ?
- Was beschreibt das Box-Model?
- Wie finde ich heraus warum ein Element einen Rahmen hat?
- Warum benutzen wir ein Grid-System?
- Wie viel Columns hat das Bootstrap-Grid von Natur aus und warum?
- Box Model
- CSS Syntax
- CSS Selektoren
- Gutes Tempo
- Chaos im Kopf
- Check-in — Wie geht’s wie steht’s?
- Skill-Matrix aktualisieren hier
- Wiederholung
- Was beschreibt das Box-Model?
- Wie berechnet sich die Höhe und Breite eines Elements in Bezug auf das Box-Model?
- Was passiert wenn der Inhalt größer ist als das Element?
- Wie stelle ich ein, dass ein Element über die gesamte Browserhöhe geht?
- Hierarchie
- Combining
- Pseudo Elements
- BEM
- What is HTTP? https://www.youtube.com/watch?v=wW2A5SZ3GkI&t=50s
- What is an IP Address? https://www.youtube.com/watch?v=0QI6I6APomE
- What are Internet (Website) Cookies & Cache? https://www.youtube.com/watch?v=QYXAxXjaKws&t=22s
- Flex-Box Training: http://flexboxfroggy.com/#de
- Wichtig für Advanced: Wir schieben die Schulung am 6.2. (Do) auf den 10.02. (Mo)
- Check-in — Wie geht’s wie steht’s?
- Wer macht den Advanced Course? (Unten bei «Teilnehmer» vermerken)
- Wer hat sich mit HTTP beschäftigt?
- Wer hat sich mit Flexbox beschäftigt?
- Allgemeine Fragen
- Wiederholung
- Warum benutzen wir BEM?
- Mit welcher CSS-Einstellung spiele ich, wenn mein Box-Model sich merkwürdig verhält?
- Wie merke ich, ob ich ein Semikolon im CSS vergessen habe?
- Wie erkenne ich ob ich einen Syntaxfehler im HTML habe?
- CSS Flexbox
- Wertigkeiten (Specificity)
- Skill-Matrix aktualisieren
- Zertifikate
- Allgemeine Fragen
- Wiederholung
- Was beschreibt ein Tag-Name in HTML?
- Wie definiert man ein Attribut?
- Was ist das Closing-Tag?
- Was enthält der head und was enthält der body ?
- Was ist der unterschied zwischen inline und block ?
- Wann benutze ich ein span und wann ein div ?
- Für wen oder was programmiere ich, neben dem Kunden?
- Wie berechnet sich die Höhe und Breite eines Elements in Bezug auf das Box-Model?
- Wie stelle ich ein, dass ein Element über die gesamte Browserbreite geht?
- Wo benutzen wir ein Grid-System und wo Flex?
- Wie viel Columns hat das Bootstrap-Grid von Natur aus und warum?
- Vertikale und Horizontale Zentrierung (text-align vs margin vs absolute vs flex)
- Zweites Modul (4 Column Module) wie im Design nachbauen
- Wurden meine Erwartungen erfüllt?
- Was hat mir am Kurs am meisten gefallen? 1 oder 2 Punkte max.
- Allgemeine Fragen
- Stück für Stück: Theorie und Praxis
- Hausaufgaben
- Probleme als Gruppe lösen
- Positioning
- Eigenständiges Programmieren
- CSS Grid
- Projektstruktur für Webseiten
- Wichtig: Das Treffen am Do verschiebt sich wie geplant auf Mo!
- Wer ist alles bei der SEO-Schulung dabei?
- Check-in — Wie geht’s wie steht’s?
- Was habt ihr mit Teresa gemacht bisher?
- Allgemeine Fragen aus der Hausaufgabe?
- Wiederholung
- Woraus besteht ein HTML-Element?
- Welche Möglichkeiten habe ich ein Element horizontal und vertikal zu zentrieren?
- Wann benutzen wir ein Grid-System und wann Flex?
- Wann benutze ich ein span und wann ein div ?
- Wann benötige ich position: relative ?
- Was ist das Box-Model?
- Mit welcher Einstellung spiele ich wenn sich ein padding oder margin merkwürdig verhält?
- Mein Element hat height: 100% , ist jedoch nicht so groß wie erwartet. Was könnte das Problem sein?
- SCSS
- Mac Workaround
- https://sass-lang.com/install
- sass —watch style.scss:style.css
- Das Design weiterbauen
- Check-in — Wie geht’s wie steht’s?
- Allgemeine Fragen aus der Hausaufgabe?
- Wiederholung
- Woraus besteht ein HTML-Element?
- Welche Möglichkeiten habe ich ein Element horizontal und vertikal zu zentrieren?
- Was gibt einem Element mit position: absolute ein Zuhause?
- Mein z-index scheint nicht zu funktionieren. was könnte das Problem sein?
- Zertifikate erhalten? #slack
- Skill-Matrix aktualisieren
- Check-in — Wie geht’s wie steht’s?
- Widerholung
- Wann benutze ich ein span und wann ein div ?
- Welche 2 Elemente benötige ich um eine Dropdown zu erzeugen?
- Was ist der Unterschied zwischen get und post ?
- Wie berechnet sich die Höhe und Breite eines Elements in Bezug auf das Box-Model?
- Mit welcher Einstellung spiele ich wenn sich ein padding oder margin merkwürdig verhält?
- Mein Element hat height: 100% , ist jedoch nicht so groß wie erwartet. Was könnte das Problem sein?
- Wie lasse ich meine Header-Leiste immer am Kopf der Seite? Auch beim Herunterscrollen.
- Alex (Dozent)
- Paul (Assistance)
- Clemens (Advanced)
- Thomas
- Jakob (Advanced)
- Klara (Advanced)
- Christoph (Advanced)
- Münni
- Sara
- Carlotta (Advanced)
- Sabrina (Advanced)
- Mac Workaround