CSS-Grundlagen: 2-wöchige Web-Styling-Reise für Anfänger
Tony Alamo, Spark Your Brain
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Einführung
3:45
-
2.
Das Kursprojekt
4:24
-
3.
Tag 1 – Installation und Hello World
14:59
-
4.
Tag 2 - Interne und externe Style Sheets
9:56
-
5.
Tag 3 – Auswahl von Elementen
15:17
-
6.
Tag 4 – Fortgeschrittene Selektoren
19:04
-
7.
Tag 5 - Ruhetag :)
1:13
-
8.
Tag 6 – Schriften und visuelle Stile
17:15
-
9.
Tag 7 - Einführung in das Box-Modell
15:50
-
10.
Tag 8 - Ränder und andere Eigenschaften
16:00
-
11.
Tag 9 – Größenanpassung und Anzeige der Box
13:29
-
12.
Tag 10 - Ruhetag :)
1:14
-
13.
Tag 11 – Position, Z-Index und Float
23:03
-
14.
Tag 12 – Farbe
15:27
-
15.
Tag 13: Typografie
18:49
-
16.
Enden sind Neuanfänge
2:02
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
39
Teilnehmer:innen
4
Projekte
Über diesen Kurs
Worum geht es in diesem Kurs?
Dieser Kurs wurde entworfen, um dir zu zeigen, wie winzige Lektionen zu deutlichen Fortschritten führen können! Die meisten Menschen neigen dazu, zu überschätzen, was sie an einem einzigen Tag erreichen können, aber oft zu unterschätzen, was sie in nur 30 Tagen erreichen können.
Dieser CSS-Kurs ist der zweite in einer 3-Klassen-Webentwicklungsreihe. Hier lernst du, wie du in 13 Tagen von Grund auf in kleinen Sitzungen von etwa 15 Minuten jeden Tag von Grund auf einsetzt. Du lernst die Konzepte, die du wissen musst, um die HTML-Skelette von Websites visuell ansprechend zu gestalten und auf der starken Basis, um in jedem Bereich weiterzukommen, an dem du interessiert bist – aufzubauen.
CSS ist die Grundlage für das Styling von Websites und kann eine sehr nützliche Fertigkeit sein. Dieser Kurs beginnt mit einfachen Konzepten wie dem Hinzufügen von Inline-Stilen und geht bis zu einem abschließenden Projekt, in dem du deine eigene Website programmieren wirst, die dir hilft, die Punkte aller Konzepte zu verbinden, die du während des Kurses gelernt hast.
Für wen ist dieser Kurs geeignet?
Programmieren kann für alle wertvoll sein, da es deinen Geist öffnet, um ein wenig besser zu verstehen, was in der digitalen Welt um uns herum passiert, auch wenn du nicht professionell programmieren möchtest. Dieser Kurs ist genau das, wonach du suchst, wenn dich einer der folgenden Punkte ansprechen:
- Ich bin völlig neu in der Programmierung. Wo tippe ich überhaupt meine erste Codezeile
ein?- Ich möchte meinen eigenen Blog, meine Portfolio-Website, meine persönliche Website usw.
erstellen- Ich habe in der Vergangenheit programmieren gelernt, aber ich suche nach einer
Auffrischung.- Ich möchte einfach das Programmieren entmystifizieren und ein Gefühl dafür bekommen, wofür es verwendet werden
kann.- Ich möchte eine starke Grundlage schaffen, um mir einen hochbezahlten Job als Webentwickler zu
sichern.- Ich möchte mein Gehirn dehnen, indem ich etwas Neues lerne.
Wie lernen wir?
Durch 15-minütige Unterrichtseinheiten in kleiner Größe pro Tag für 13 Tage konzentriert sich der Kurs darauf, intelligent und nicht hart zu lernen. Wir setzen evidenzbasierte Lerntechniken wie Active Recall und Spaced Repetition ein, um dein Lernen zu verbessern und das erworbene Wissen für das Langzeitgedächtnis zu binden. Wir haben tägliche praktische Übungen, die dir helfen, das Gelernte zu verinnerlichen, und sogar Ruhetage umfassen, um dich zu erholen und zu überprüfen. Alles in allem läuft das so ab:
- 15 Minuten/Tag für 13
Tage.- Folge jeder Lektion
mit.- Tägliche Übungen, um neues Lernen zu
implementieren.- Erholungstage nach jeweils 4
Lektionen.- Baue eine Website als abschließendes Projekt zur Verknüpfung der Punkte.
Welche Art von Software werde ich verwenden?
Wir beginnen den Kurs, indem wir die notwendige Software herunterladen und installieren:
- Google Chrome –
Browser.- Visual Studio Code – leistungsstarker Code-Editor.
Kursinhalte:
-
Stylesheets-
Elementselektoren- Visuelle
Stile- Das
Box-Modell-
CSS-Eigenschaften-
Sizing-
Anzeige-
Position-
Farbe- Typografie
Triff deine:n Kursleiter:in
Hey, there! I'm Tony :)
Right after I graduated as an engineer in Boston, I jumped right into Data Analytics - starting off at a startup accelerator in Cambridge, MA, where we worked to start web companies from scratch and launch them into the world!
Even though this was super exciting work, I eventually decided to focus my attention on what I'm most passionate about - learning how to learn and teaching others how to do the same.
Most of us were never taught that the brain's structure can change based on our experiences, and learning is one of the best brain exercises there is!
I hope you find my Skillshare classes, YouTube videos, and other sharing platforms helpful, and that you join me on my journey to wake up and live a more meaningful life in the pr... Vollständiges Profil ansehen
Praxisnahes Kursprojekt
Ressourcen:
- Bonus-Link mit dem gesamten Kursinhalt. Außerdem findest du einen FAQ-Abschnitt im Abschnitt "Verstehen" jeder Lektion, den ich im Laufe der Zeit mit den häufig gestellten Fragen der Teilnehmer ausfülle
- Wenn du nicht weiterkommst, findest du hier die Lösungen in GitHub zu den Abschnitten „Verstehen“.
- Lass dich inspirieren, indem du durch meines Beispielkursprojekt stöberst.
- Poste alle anderen Fragen oder Kommentare im Diskussionsbereich, damit wir uns gegenseitig helfen können.
Baue deine eigene Website
Codiere deine eigene Website und verwandle sie in deinen eigenen Blog, Portfolio, deine persönliche Website oder alles, was du dir vorstellen kannst. Der Zweck dieses praktischen Abschlussprojekts besteht darin, die Punkte des Lernens zu verbinden.
Befolge diese Schritte, um das Kursprojekt abzuschließen:
- Erstelle dein Projekt am ersten Tag, noch bevor du mit der ersten Lektion beginnst. Du kannst etwas wie "Hi! Dies wird schließlich zu meinem endgültigen Projekt :)"
- Gehe die Lektionen durch und nimm unterwegs Updates an deinem Projekt vor. Du kannst Screenshots hochladen, was du erstellt hast.
- Sobald du alle Lektionen durchgegangen bist, poste deine endgültige Version deiner Website mit einer Beschreibung, wie sie verwendet wird.
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
