API/HTTP/JWT
Bedeutung von stateless?
Kein Verlauf
Was macht axios
Verbindet API mit React App
Age of the Mars Rover?
Hint: Lilys Age.
14
Unterschied JS und TS
TS benutzt types JS nicht
Toi là
I am
CRUD Methoden in HTTP
Post, Get, Put, Delete
Unterschied asynchron synchron
asynchron = mehrere Programme auf einmal
synchron = einzel
3 Indonesian Islands
Java, Lombok, Borneo
3 Fachkompetenzen
1.Richtet die lokale Entwicklungs- und Laufzeitumgebung so ein, dass ein vorgegebenes Projekt entwickelt werden kann. [g5.1]
Handlungsnotwendige Kenntnisse:
1.Kennt die für die Entwicklung zu installierenden Komponenten (z.B. welche Softwarebibliotheken benötigt werden).
2.Kennt Vorgehensweisen, um an entsprechende Installationsanleitungen zu gelangen.
2.Programmiert mittels vorgegebener Technologie und mit Hilfe eines existierenden, dokumentierten Back-Ends ein effizientes, strukturiertes Front-End einer interaktiven Webapplikation, welches die Verwaltung (Create, Read, Update, Delete) von Daten ermöglicht und hält sich dabei an relevante Vorgaben. [g5.3, g2.6, g2.4, g2.2]
Handlungsnotwendige Kenntnisse:
1.Kennt grundlegende Prinzipien aktueller Umsetzungsarten für das Front-End einer interaktiven Webapplikation (z.B. Single Page Application mit Javascript oder Typescript).
2.Kennt Möglichkeiten, wie Daten im Front-End einer interaktiven Webapplikation gehalten und mit einem Back-End synchronisiert werden können.
3.Kennt mindestens eine Möglichkeit, mit einem entfernten Back-End zu kommunizieren und Daten nach CRUD auszutauschen.
3.Programmiert das Front-End einer interaktiven Webapplikation so, dass die einzelnen CRUD-Elemente des Front-Ends über einen permanenten Link erreichbar sind. [g5.3]
Handlungsnotwendige Kenntnisse:
1.Kennt Techniken, wie in einem Front-End einer interaktiven Webapplikation spezifische Teile einer Webapplikation (z.B. Detailsicht eines ausgewählten Datensatzes aus einer Liste) über einen permanenten Link erreichbar gemacht werden (z.B. client side routing).
4.Überprüft Zwischenergebnisse mit den Anforderungen (funktional, nichtfunktional, Sicherheit) und nimmt laufend Korrekturen vor. [g5.4, g2.6]
Handlungsnotwendige Kenntnisse:
1.Kennt clientseitige Möglichkeiten zur Validierung von Eingabedaten.
2.Kennt die wichtigsten Sicherheitsmassnahmen im Umgang mit Eingabedaten (z.B. input sanitization/validation, CORS, HTTPS).
3.Kennt Techniken, um die Erfüllung von Anforderungen zu testen (z.B. automatisierte oder manuelle Tests, Logging, Debugging).
5.Hält vorgegebene Coderichtlinien ein und überprüft laufend deren Einhaltung. [g5.5]
Handlungsnotwendige Kenntnisse:
1.Kennt Techniken/Methoden zur Konfiguration entsprechender Hilfsmittel, so dass diese fortlaufend auf Verletzung von Coderichtlinien hinweisen.
2.Kennt mindestens eine Vorgehensweise zur Korrektur verletzter Coderichtlinien.
6.Legt Änderungen und Erweiterungen der Implementierung übersichtlich und zuverlässig in einem Softwareverwaltungssystem ab. [g5.6]
Handlungsnotwendige Kenntnisse:
1.Kennt die grundlegende Bedienung und den Workflow eines Softwareverwaltungssystems.
7.Schützt mindestens einen Bereich des Front-Ends vor anonymen Zugriffen. [g5.3]
Handlungsnotwendige Kenntnisse:
1.Kennt mindestens ein aktueller Authentifizierungsstandard (z.B. JWT) und dessen Implementierung im Front-End (z.B., um zwischen lesendem oder bearbeitendem Zugriff zu unterscheiden).
Ban la toi
You are me
Aufbau einer HTTP Methode
Method/URL/Header/Body
Wie erstellt man eine instanz von axios
axios.create
Programming languaged used for Chat GPT
Python
Atomic Design layers
Atom, Molecule, Organism, Template, Page
Banh mi
Erfindungsjahr von Http
1989
2 Keywords die man braucht, damit mit man wartet, bis der Request zu Ende ist
await, then
6 Gen 6 Pokemons
SRP Guideline
Eine Klasse sollte immer einen Aufgabenbereich haben, eine Klasse welche über mehr als einen Auf-gabenbereich verfügt, sollte in mehrere Klassen unterteilt werden, so dass das SRP erfüllt ist. Der Zweck dieser Richtlinie ist es Klassen möglichst übersichtlich und klein zu halten.
Toi an mot con ca
I eat a fisch
Aufbau eines JWTs und wie es verhindert wird, dass der JWT geändert wird
Header Payload Secret Key
Secret Key kennt nur der Server
Secret Key bestätigt die authentität des JWTs
Wie kann man ein JWT mit axios benutzen
header : {
'Authentication' : 'Bearer xyz'
}
What are your bank details (First Person to write them down and hand them to me gets the points) (Number, Name, Exp. Date, 3 Numbers on the back)
..
Wie viele Webseiten benutzen React?
Über 10'000'000
Source: I made it the **** up
Toi uong nuoc ep tao cua anh ay
I drink his apple juice