Ουσιαστικά θα αρχίσουμε να φτιάχνουμε ένα πρόγραμμα διαχείρισης φοιτητών, καθηγητών και μαθημάτων(όσο προχωράμε θα γίνεται και πιο ρεαλιστικό) (γενικά σχετικά με ui μπορείτε να πειραματιστείτε όπως θέλετε, εδώ θα ασχοληθούμε μονάχα με layouts,responsiveness,theming etc.)
!!Γενικά προσοχή στα tutorials, φροντίστε ό,τι βλέπετε να έχει functional components, τα class είναι deprecated. Training Resources και roadmap στο gitlab της ομάδας frontend
Στο gitlab του frontend όσοι δεν είστε ήδη κάντε request access εδώ.
Documentation:
(1st Step)
Θεωρητικό Υπόβαθρο: jsx syntax(components), πότε κάνει rerender η react, useState hook, props, functional components -> Πειραματιστείτε λίγο για να συνηθίσετε το jsx, τα functional components, απορίες κάθε κυριακή και telegram.
(2nd Step) Things to lookup: Controlled components, updating state, preventDefault
-
Να μπορεί ένας φοιτητής να συμπληρώσει μία φόρμα για εγγραφή. (Όλα μας τα δεδομένα για αρχή δεν θα αποθηκεύονται, οπότε θα τα δημιουργούμε εμείς)
-
Όταν ένας φοιτητής συμπληρώνει την φόρμα και πατάει υποβολή, να προστίθεται σε μία λίστα η οποία να ανανεώνεται κατευθείαν(απαγορεύονται refreshes φτιάχνουμε SPA)
-
Το ίδιο για τους καθηγητές(φόρμα + λίστα των καθηγητών που έχουν κάνει εγγραφή)
(3rd Step)
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app