Skip to content

In dieser Ablage schreibe ich, wie ich die Basics von HTML und CSS gelernt habe und ein wenig Anderes

Notifications You must be signed in to change notification settings

AlanLienhard/Lern-Periode-5

Repository files navigation

Lern-Periode 5

23.4 bis 25.6.2024

Grob-Planung

  1. Meine Noten sind bisher alle genügend und ausreichend.
  2. Ich habe mir vorgenommen, weiter am "The Odin Project" zu arbeiten und die Basics von CSS und JavaScript zu lernen. Mein VBV war, dass ich versuche, mich weniger ablenken zu lassen und meine Arbeitspakete genauer plane, zeitlich und auch, dass ich sie genauer formuliere bzw. schreibe. Das Ziel davon wäre, dass ich produktiver arbeite.
  3. Ein geeignetes Projekt wäre, dass ich weiter am The Odin Project arbeite. Jedoch möchte ich in der ersten Sitzung weiter am SQL-Modul M106 arbeiten, weil ich noch ein paar Aufträge zu erledigen habe. Danach möchte ich mich der Entwicklung von Websiten, mit entweder den Ressourcen vom "The Odin Project", oder den Ressourcen von BBBaden, widmen, oder auch am Powershell-Modul arbeiten, falls es mir mehr gefällt als Websiten zu entwickeln.

23.4.2024

✍️ Heute habe ich zuerst ein wenig weiter am Modul M106 gearbeitet und ich habe einen Auftrag fertig abgeschlossen, aber noch nicht abgegeben, und ich habe einen anderen angefangen, aber bin nicht fertig geworden, denn das Thema, Datenschema ändern, ist relativ kompliziert. Etwa in der zweiten Hälfte des zweiten Explorationsblocks, habe ich meinen Laptop auf Linux gewechselt und habe weiter am The Odin Project gearbeitet. Ich habe mit CSS angefangen, die CSS-Datei mit meinen HTML-Seiten "verlinkt" und gelernt, Bilder proportional zu "scalen"/Grösse anpassen.(82 Wörter)

30.4.2024

  • Erstes "Modul" von CSS, Intro to CSS, abschliessen
  • Zweites Modul, The Cascade, das, was CSS das C gibt, vollständig durcharbeiten
  • Meine Website, die ich vor den Ferien hochgeladen habe, mit fonts, size und colors, verschönern
  • Die selbe Website mit dem Gelernten vom The Cascade Modul anpassen.

✍️ Heute habe ich das Modul Intro to CSS abgeschlossen und dann auch das erlente Wissen angewendet(nicht alles, aber das meiste), um meine Website zu "verschönern". Das Modul "The Cascade" war mehr ein theoretisches, wo erklärt wird, welche Selectors wie prioritisiert werden, um mögliche Konflikte in CSS zu vermeiden (ID Selector > Class Selector > Type Selector > alle restlichen Selector). In dem Modul gab es unter "Assignment" GitHub Aufgaben, die ich noch nicht alle fertig bearbeitet habe (https://github.com/TheOdinProject/css-exercises/tree/main/foundations). (74 Wörter)

24.5.2024

  • Die Aufgaben, die im Cascade-Modul der letzten Woche verlinkt sind, abschliessen.
  • Das nächste Modul, "Inspecting HTML and CSS", was hauptsächlich ums Debuggen und um Tools fürs Inspizieren der beiden Sprachen geht, durcharbeiten.
  • Das darauffolgende Modul "The Box Model", was um das Postionieren (positioning) und Layout der Website handelt, durcharbeiten
  • An "The Box Model" weiter arbeiten (ich vermute, dass es mehr Zeit in Anspruch nimmt, sonst mit dem nächsten Modul fortfahren).

Ich habe heute die Aufgaben aus dem Cascade-Modul abgeschlossen und später das Modul Inpecting HTML and CSS abgeschlossen. Da ging es darum, was man über den Code der Webpage herausfinden kann und das nur durch das "Untersuchen" wenn man auf einer Webpage Rechtsklick macht oder F12 drückt. Im nächsten Modul lernte ich, dass jedes Element aus einer Box besteht, diese in Content, Padding, Border und Margin unterteilt wird. Unten in meinem Code sieht man noch den Unterschied zwischen Inline Box und Outline Box. (83 Wörter)

☝️ Vergessen Sie nicht, bis einen ersten Code auf github hochzuladen

31.05.2024

  • Das nächste Modul "Inline and Outline Box" durcharbeiten
  • Noch ein Arbeitpaket für Inline and Outline Box, weil ich heute schon ein wenig angefanen habe, und ich fand das kompliziert
  • Das nächste Modul und auch das nächste "Unterkapitel" Flexbox und "Introduction to Flexbox" durcharbeiten
  • Modul "Growing and Shrinking" durcharbeiten

Heute habe ich nicht weiter an meinem Code von der Website weitergemacht, sondern ich habe Powershell für das Modul M122 gemacht. Ich habe noch an den Lernaufträgen vom Montag weitergearbeiitet, mit denen ich nicht ganz fertig wurde, und ich habe noch die vorherigen Themen (die, die wir bis jetzt bearbeitet haben) repetiert, weil wir am kommenden Montag bei Herr Fähndrich mit der LB(Leistungsbeurteilung) anfangen. Ich dachte mir, es wäre eine gute Idee, dafür mein Wissen nochmals aufzufrischen. Für nächstes mal im LA, mache ich dort am The Odin Project weiter, wo ich letztes Mal stehen blieb. (96 Wörter)

07.06.2024

  • Das nächste Modul "Inline and Outline Box" durcharbeiten
  • Noch ein Arbeitpaket für Inline and Outline Box, weil ich heute schon ein wenig angefanen habe, und ich fand das kompliziert
  • Das nächste Modul und auch das nächste "Unterkapitel" Flexbox und "Introduction to Flexbox" durcharbeiten
  • Modul "Growing and Shrinking" durcharbeiten

Ich habe zuerst eine neue Website angefangen, damit ich nicht eine Website habe, wo ich Sachen "random" platziere, sondern damt ich eine richtige Website habe. Ich konnte am 7.6. nicht mit den 3 Arbeitspaketen fertig werden, zum Teil weil ich spontan eine neue Website anfing, zum Anderen weil diese Sitzung verkürzt war. Ich habe dann noch zuhause das zweite und dritte Arbeitspaket abgeschlossen. (63 Wörter)

14.06.2024

  • Modul "Growing and Shrinking" durcharbeiten
  • Das darauffolgende Modul "Axes" durcharbeiten
  • Das darauffolgenge Modul "Alignment" durcharbeiten
  • Das Gelernte auf meine neue Website anwenden

Ich habe heute die drei letzten Module von den Flexbox-Basics abgeschlossen, das nächste Unterkapitel sind die JavaScript-Basics. Ich Bevor ich gross JavaScript lerne, möchte ich meine Website verbessern mit CSS und HTML. Ich habe dort ein Problem, wo die Transition von Bildern andere Elemente mit verschieben (auf der Index-Seite geht das "Welcome" mit) und auf der "Ranking" Seite kann ich die

    nicht zentrieren, da sich die
  1. Elemente überlappen. Das möchte ich nächstes Mal beheben. (76 Wörter)

    21.06.2024

    • Das oben beschriebene Problem mit transition beheben
    • Das oben beschriebene Problem mit der
        beheben
      1. Ein Transition Effekt zu der Dropdown Liste hinzufügen
      2. Weiter am Modul M293 oder M122 weiterarbeiten (Website oder PowerShell Skript)

    Heute hatten wir nur drei Arbeitspakete. Ich habe in dieser Sitzung die ganze Zeit dazu gewidmet, um weiter an meiner Website für das Modul M293 zu arbeiten. Ich hatte Probleme mit der Positionierung von meinem Footer, konnte aber letzendlich dieses, und andere kleine Probleme, lösen. Für die Website soll ich nur noch ein Logo kriegen, den Inhalt vom Footer fertig positionieren, damit ich den Footer und Header für alle Seiten benutzen kann. Dann muss ich nur noch den Text auf der Website machen (und noch für das Modul die Dokumentation). (90 Wörter)

    28.06.2024

    • Bei meiner persöhnlichen Website das Problem mit transition beheben
    • Bei meiner persöhnlichen Website das Problem mit <ol> beheben

    Heute habe ich die zwei Probleme behoben, die auf meiner persöhnlichen Website waren. Bei dem Problem mit der Transition vom Logo oben links, verschiebt es den Text in der Mitte nicht mehr nach unten. Jedoch wird der Text ein wenig nach rechts gedrückt, weil das Logo mehr Platz beansprucht. Beim Problem mit den ordered lists half es mir, dass ich die Liste in einen Flex-container packe und diesen dann verschiebe, anstatt das Element der List direkt. (76 Wörter)

    Fertiges Projekt 1

    https://github.com/AlanLienhard/Lern-Periode-5/blob/main/Pr%C3%A4sentation1.gif

    image

    image

    Diese Website ist responsiv (passt sich auf die Bilschirmgrösse an, ausser bei extrem kleinen) mit der Hilfe von CSS. Sie ist in drei Hauptteile aufgeteilt; Header, Content und Footer, alle sind flex-container. Dadurch können sie wachsen und schrumpfen (sie haben immer den gleichen Anteil von der Bilschirmgrösse, gleich viele viewports). Die Website hat auch ein repsonsiven Hover-Effekt, wenn man mit dem Mauszeiger über bestimmte Text-Segmente geht (Dropwdown). Sie hat auch eine ausklappbare Drowdownliste. (73 Wörter)

    Fertiges Projekt 2

    https://github.com/AlanLienhard/Lern-Periode-5/blob/main/Pr%C3%A4sentation2.gif image image

    Dieses Projekt habe ich spät in der Lern-Periode angefangen. Es hat, wie im Ersten, eine Dropdown-Liste und bestimmter Text wird herhorgehoben, wenn man mit dem Mauszeiger drauf geht. Zudem haben die Bilder hier ein Transition-Effekt, der, in meinem Fall, die Bilder grösser werden lässt, wenn man mit dem Mauzeiger drauf geht. (51 Wörter)

    LP-Reflexion

    In dieser Lernperiode habe ich grösstenteils an der Introduction von einem kostenlosen Lernprogramm "The Odin Project" gearbeitet. Da habe ich die Basics von HTML und CSS gelernt, die ich auch in meinen 2 fertigen Projekten umgesetzt habe. Ich habe mit dem ersten fertigen Projekt viel früher angefangen, deswegen sieht es aus besser und "polierter" aus. Mein Verbesserungsvorschlag war es, fokusierter zu arbeiten und meine Arbeitspakete und Planung genauer zu machen, was ich meiner Meinung nach erreicht habe, aber es gibt immer Luft nach oben. Ich habe auch manchmal im Lern-Atelier nicht an meinen Projekten, die hier im Github sind, weitergearbeitet, sondern auch an benoteten Schulprojekten, die eine viel höhere Dringlichkeit hatten. (111 Wörter)

    LA-Reflexion

    Auf der technischen Ebene in diesem Jahr lernte ich, mit C# einen CLI-Basierten Taschenrechner zu schreiben, der die Grundoperationen beherrscht. Ich lernte auch, mit Win-Forms in C# GUI-Anwendungen zu schreiben. Ich habe mich auch ein einen Snake-Spiel versucht, das mir aber nicht gut gelungen ist. In der vierten Lernperiode lernte ich es, mit APIs zu arbeiten und ich fing an mit dem "The Odin Project".

    Im Bezug zur Arbeitsweise, lernte ich im Verlaufe des Schuljahres, immer genauere Arbeitspakete (in der Formulierung, sowie auch der Zeitplanung) zu schreiben und auch Reflexionen. Ich lernte auch, Github als Portfolio zu verwenden (je nachdem, könnten Sie das zur technischen Ebene nehmen).

    Ich möchte nächstes Jahr im LA nicht mehr Zeit "verschwenden" mit Projekten, die mir nicht gefallen. Manchmal dachte ich, ein Projekt wäre eine gute Idee für mich und fing dann an, daran zu arbeiten. Nach einiger Zeit, merkte ich, dass mir das Projekt nicht richtig gefällt. Die Folge davon ist, dass ich viel unproduktiver und unmotivierter arbeite und dadurch auch weniger schnell Programmieren lerne.

    Mir gefiel am LA, dass man frei ist, in dem was man macht, solange es produktiv ist (man könnte auch für andere Fächer lernen). Mir gefielen auch die Online- und Distanzunterrichtslektionen, weil ich zuhause viel weniger abgelenkt bin, einen besseren Arbeitsplatz habe (Dekstop PC, besseren Tisch und Stuhl) als in der BBB.

    Das einzige, was für eine Änderung ich mir im LA wünschen würde, ist, dass mir mehr Online arbeiten können, weil wir nächstes Jahr 4 mal (anstatt 3) in Baden sind und das würde viel Reisezeit sparen. (259 Wörter)

About

In dieser Ablage schreibe ich, wie ich die Basics von HTML und CSS gelernt habe und ein wenig Anderes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published