first steps for developing a webapp (and to work with us)

Vorbereitung 1 - Eigenen Account auf github anlegen

https://github.com/signup?user_email=&source=form-home-signup

Vorbereitung 2 - visual studio code installieren

https://code.visualstudio.com/

Vorbereitung 3 - nodejs installieren

https://nodejs.org/en/

Vorbereitung 4 - git installieren und damit dann Dein Projekt (am besten bei bei jedem der folgenden Steps) in github einchecken

https://git-scm.com/downloads https://www.ionos.de/digitalguide/websites/web-entwicklung/git-tutorial/ Tips: https://code.visualstudio.com/docs/editor/github

hello-world app erzeugen

https://docs.aurelia.io/getting-started/quick-start-guide/creating-your-first-app Anlegen als "Default Typescript Aurelia 2 App" Intro zu Typescript: https://docs.microsoft.com/de-de/learn/modules/typescript-get-started/2-typescript-overview

Erzeugte App um Namenseingabe für Begrüßung erweitern

https://docs.aurelia.io/getting-started/quick-start-guide/your-first-component-part-1-the-view-model

Deinen Nachnamen als Eigenschaft im view-model (hello-name.ts) setzen, sodass beim Aktualisieren des Browsers Dein Nachname erscheint

AddOn 1 - Erweiterung um Vorname

• Klasse HelloName im view-model (hello-name.ts) um eine Eigenschaft "vorname" erweitern
• Den view (hello-name.html) um ein weiteres Eingabefeld für den Vorname erweitern
• und dort im H4-Element zusätzlich den Vornamen anzeigen

AddOn 2 - mit einem observable auf Änderungen von Vorname oder Name hören und den neuen Wert in die console ausgeben (developer Tools im Browser vorher öffnen)

https://docs.aurelia.io/getting-to-know-aurelia/components/observation/observing-property-changes-with-observable https://developer.mozilla.org/de/docs/Web/API/Console/log https://developer.chrome.com/docs/devtools/overview/ https://developer.mozilla.org/de/docs/Tools

AddOn 3 bis 999 - Ausprobieren was Du mit dem bisher Gelernten so an Experimenten machen kannst

• weitere Felder für Zahleneingabe einbauen
• Buttons einbauen, die beim click eine Funktion aufrufen
• auf der Basis einen Rechner für die Grundrechenarten bauen
• anfangen die Oberfläche mit HTML und CSS zu gestalten
• oder oder oder
• und immer schön ins git einchecken ;-)