frectures / heroes-backend

Einarbeitung

Java

📥 https://adoptium.net

📥 https://www.jetbrains.com/idea/download

git

📥 https://git-scm.com/downloads

📺 Git und GitHub Tutorial

Web

📺 JavaScript Tutorial

📺 HTML Tutorial

Angular

📺 TypeScript und Angular Tutorial

📥 https://code.visualstudio.com/download

📥 https://nodejs.org/en/download/prebuilt-installer

• ✅ In der Eingabeaufforderung (im Startmenü cmd eintippen) laufen npm und ng problemlos
• ⚠️ In der Powershell erscheinen kryptische Fehlermeldungen
• ⚠️ In der Git Bash stocken Fortschrittsanzeigen gerne mal

C:\Users\fred> cd git

C:\Users\fred\git> npm install -g @angular/cli

C:\Users\fred\git> ng new tour-of-heroes

? Which stylesheet format would you like to use? [⏎]
? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? [⏎]

C:\Users\fred\git> cd tour-of-heroes

C:\Users\fred\git\tour-of-heroes> ng serve --open

📜 https://angular.io/tutorial/tour-of-heroes/toh-pt0#angular-components

⚠️ An einigen Stellen im Tutorial werdet ihr Änderungen vornehmen, die dazu führen, dass die Anwendung temporär nicht lauffähig ist.
Sollte eure Anwendung nach einer Änderung nicht mehr laufen, lest erst mal weiter im Tutorial!
Wahrscheinlich seid ihr einfach gerade an einer solchen Stelle angelangt, zum Beispiel:

The page no longer displays properly because you changed the hero from a string to an object.

Notice that the application stopped working when you added [(ngModel)].

That displays an error since the hero property doesn't exist.

💾 Ansonsten: Habt ihr die Änderungen in den bearbeiteten Dateien vielleicht einfach nur vergessen zu speichern? File / Save All

Maven

📺 Apache Maven installieren Windows

Die Tour of Heroes endet mit einem simulierten JavaScript-Backend:

• Kapitel 6 Getting Data from a server
• Abschnitt Simulate a data server

Dieses habe ich nach Java mit Spring Boot übersetzt. Das Java-Backend kann man über Maven starten:

C:\Users\fred\git\heroes-backend> mvn spring-boot:run

Alternativ importiert man heroes-backend in eine IDE und startet die HeroApplication-Klasse.

Um das Java-Backend vom Frontend aus anzusprechen, muss man im Abschnitt Heroes and HTTP die Variable heroesUrl wie folgt anpassen:

private heroesUrl = 'http://localhost:8080/api/heroes';  // URL to web api
//                   ^^^^^^^^^^^^^^^^^^^^^^

📺 Apache Maven Tutorial

Spring Boot

📺 Spring Boot Tutorial: Web, Datenbank, Dependency Injection

Zwischendurch könnte man mal das heroes-backend studieren...

📺 Dependency Inversion und Dependency Injection

📺 Dependency Injection selbst gebaut