KASA: Ein Online-Portal zur Buchung und Vermietung von Unterkünften
OpenClassRooms.com
Projekt 7 auf github
Ein Frontend Projekt
- Basiert auf REACT.js
- React-Umgebung installiert durch Create React App
- React-Funktionskomponenten strukturieren die Architektur
- React Router Dom verwendet, um den Router zu codieren
- Hat mich in die props, die Hooks (useState, useEffect) und JSX eingeführt
API für eine fiktive App PIIQUANTE, die Bewertungen über Soßenrezepte veröffentlicht
OpenClassRooms.com
Projekt 6 auf github
Ein Backend Projekt
- Basiert auf Node.js
- die API bedient und nutzt eine MongoDB-Datenbank
- Mit Mongoose entworfene Datenbank-Modelle
- Verwendung von jsonWebToken, bcrypt and password-validator
KANAP: Eine fiktive Website, auf der Möbel verkauft werden
OpenClassRooms.com
Projekt 5 auf github
Ein Frontend Projekt
- Basiert auf Node.js
- Fetch-Funktion für GET- und POST- calls
- Einsatz verschiedener js-Tools und -Methoden wie:
- localStorage, searchParams, JSON
- traditionelle Kombination von html- und js-Dateien
- JS code auf DOM-Elemente und Ereignisse zu:
- Daten lesen, sammeln und an das Backend übermitteln
LA CHOUETTE AGENCE: Eine fiktive institutionelle Website
OpenClassRooms.com
Projekt 4 auf github
Ein Frontend Projekt
- Berichtigung einer bestehenden Website
- Optimierung hinsichtlich SEO, Zugänglichkeit (WCAG), Ladezeit und Leistung
- Verwendung von Konzepten und Instrumenten wie z. B.:
- native HTML tags, aria-label, Änderung des Dateiformats
- Größenänderung und Komprimierung von Bildern
- Verwendung von lighthouse, w3c validators und Dev tools
OH MY FOOD: Eine fiktive Restaurantverzeichnis-App
OpenClassRooms.com
Projekt 3 auf github
Ein Frontend Projekt
- CSS animations: loading spinners, hover responsive elements
- Drehungen, Auftauchen und Verschwinden von Komponenten
- Verwendung von CSS properties: keyframes, transitions, pseudo-element, opacity, z-index
- Verwendung von SASS/CSS properties wie z.B.:
- @mixin, SASS maps, SASS variables, nesting syntax, the ampersand, the selector combinators, the CSS specificity
- Einarbeitung in npm-Befehle und Installation von SASS und autoprefixer
RESERVIA: Online-Portal zur Buchung und Vermietung von Unterkünften
OpenClassRooms.com
Projekt 2 auf github
Ein Frontend Projekt
- Es konzentriert sich auf die Grundlagen von
HTML, CSS, Git und Github
- und wie man responsive Anwendungen erstellt
- Verwendung von developer tools und CSS properties:
- Flexbox, Grid, object-fit, order, flex-direction
- position, media queries
