Pluto26-Web

Pluto26-Web ist ein Projekt für Studierende der HAW-Landshut im Wintersemester 25/26.

Teile

• Teil A: Einführung in HTML, CSS, Javascript
• Teil B: Anwendung für Pluto25Web

Die Inhalte der einzelnen Vorlesungen werden nachfolgend zusammengefasst.

Teil A (Einführung in HTML, CSS, Javascript)

07.10.2025

Nur Intro.

14.10.2025

• Aufbau von index.html,
• Einfache Elements (siehe index.html im entsprechenden commit)

21.10.2025

• Links und Bilder (siehe index.html im entsprechenden commit)
• Attribute (href, src, width, ...)
• style-Attribute (inline styles)
• Externe CSS-Datei einbinden (link-Tag)
• CSS-Selektoren (Element, ID, Class)

28.10.2025

• Start mit JS
• alles aus index2_js_basics.html, index3_js.html

04.11.2025

JS: document, events, elements

• index3_js.html
• index4_object.html

Teil B (Pluto26Web)

• Pluto26Web begonnen (nur Navbar)

04.11.2025 (Commit T4)

• Erzeugung der Datei

11.11.2025 (Commit T5)

• Navigation, hierzu u.a.: window.addEventListener('load', () => {}) location.hash document.querySelectorAll() document.querySelector() element.classList.remove() element.classList.add() location.hash

18.11.2025 (Commit T5)

HTML:

• SignInActivity
• Modal
• Button, Input-Felder

JS: document.getElementById("si_email").value

25.11.2025 (commit T7)

• Update des Main-Screen
  • Template
  • .value
  • template.contenr.cloneNode

Übung: Leere Nachrichten blockieren.

02.12.2025 (commit T8)

• kein Stoff, Info zur Probeklausur

09.12.2025 (commit T9)

• Promise
• Connect zur Firebase-App
• Import der JS Libraries
• CreateAccount (testweise)

16.12.2025 (commit T10)

• Implemented SignIn, CreateAccount, SignOut
• Connected to FireStore Database

23.12.2025 (commit T11)

• Improved loading flow
• Added onAuthStateChanged
• Added send verification mail
• Improved Messaging with modal

13.01.2026 (commit T11)

• Adding Listener to receive Posts