Εξέλιξη Κομματιού
Ανάπτυξη σύγχρονων εφαρμογών front-end
- επισκόπηση και παρόμοιες χαρακτηριστικές του React, Angular, Vue.js
- δηλωτική απεικόνιση
- συστατικά - ορισμός προσαρμοσμένων HTML ετικετών
- χρήση του create-react-app για την αρχικοποίηση μιας εφαρμογής React
Σύγχρονο JavaScript
- ανάπτυξη χρησιμοποιώντας node.js και npm
- διαφορετικές εκδόσεις του JavaScript
- εργασία με βιβλιοθήκες (modules)
- συναρτήσεις και συναρτήσεις τύπου arrow
- κλάσεις
- ομαδική προγραμματισμός στο JavaScript (map, filter,...)
TypeScript
- στατική αντί για δυναμική τυποποίηση
- δήλωση τύπων μεταβλητών, συναρτήσεων και κλάσεων
- βασικοί δεδομένων τύποι
- τuples, αντικείμενα (objects)
- διεπαφές (interfaces)
- γενικοί τύποι (generics)
Γλώσσα προτύπων React
- γλώσσα προτύπων με βάση το JavaScript: JSX
- διαμόρφωση ιδιοτήτων στοιχείων
- επανάληψη στοιχείων
- if / else
- γεγονότα (events)
- CSS κλάσεις και στυλ
Διαχείριση του state στο React
- διαθέτηση και αλλαγή του state εφαρμογής
- χρήση του state hook και setState
- καταχώρηση περιεχομένων input στοιχείων στο state
Συστατικά: Οι κύριες δομές των σύγχρονων web εφαρμογών
- δήλωση προσαρμοσμένων HTML ετικετών στο React
- state, props και γεγονότα (events)
- πλοήγηση δεδομένων μεταξύ συστατικών
- συναρτησιακά και κλασσικά συστατικά (function components and class components)
- χρήση hooks σε συναρτησιακά συστατικά
- ζωή και κύκλος ζωής των συστατικών (lifecycle events)
- περίληψη προεξιστούσων συστατικών από βιβλιοθήκη
Διαχείριση state με το Redux
- Βασικά εγχειρήματα στο Redux: διαχείριση state με καθαρές συναρτήσεις, reducers και αδιάβατα δεδομένα
- χρήση του reducer hook στο React
- ενσωμάτωση του Redux σε μια εφαρμογή React
- παρουσιακά και πληροφοριακά συστατικά (presentational and container components)
- η οικοσφαίρα του Redux
- χειρισμός ασύγχρονων γεγονότων με Thunk
- παράβλεψη δεδομένων από REST API
Εργαλεία προγραμματιστή και τεστ
- React developer tools
- Redux developer tools
- Τεστ JavaScript με Jest
- Τεστ reducers
- Τεστ React συστατικών
React Router
- client-side routing (διαχείριση πλοήγησης από τον χρήστη)
- εμφάνιση διαφορετικών αποδόσεων με βάση την τρέχουσα διαδρομή (route) του πληγίου
Ανάπτυξη εφαρμογών με React
- σύντομη επισκόπηση του React Native
- δημιουργία εγκαθίστατων με προσβάσιμες και υποστηριζόμενες συσκευές (Progressive Web Apps)
- σύγκριση των Progressive Web Apps με τα native apps
Απαιτήσεις
- Βασικά στοιχεία HTML
- εμπειρία με JavaScript
Σχόλια (7)
Τα λεπτομερή στοιχεία, ο τρόπος εξηγήσεων και η ήρεμη και ασφαλής χαρακτήρα που ο εκπαιδευτής εμπνέει.
Cosmin Ghergheles - Ness
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Εξετάστηκαν τα βασικά συστατικά
Valentin
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Η θερμότητα του Lukasz.
Eloise Phelps - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Πώς ο Λουκ προσπάθησε γενναιόδωρα να βοηθήσει τους ανθρώπους μεμονωμένα όταν είχαν προβλήματα με την εκτέλεση του κώδικα. Ο Λουκ ήταν απίθανα φιλόξενος και συνέβαλε σημαντικά στην καλή εφαρμογή του μαθήματος.
Jonathan Grout - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Η ενασχόληση του εκπαιδευτή με όλους τους συμμετέχοντες ήταν φανταστική, καθένας έλαβε βοήθεια κάποια στάδιο του μαθήματος. Ήταν μια μεγάλη εμπειρία συνολικά, ειδικά για ανθρώπους που δεν ήταν εξοικειωμένοι με το θέμα.
Tayyab Ejaz Mushtaq - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Μου άρεσε το γεγονός ότι δημιουργήθηκε ένα αίσθημα ασφάλειας και δεν αισθάνθηκα επιβαρυμένος να μοιράζομαι την οθόνη μου και τις δυσκολίες μου με τον εκπαιδευτή ή τη συγκεντρώση.
Wanda Hawkins-Kavanagh - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Μου άρεσε το γεγονός ότι το μάθημα είχε ασκήσεις. Μου άρεσε η κατάσταση που ο Łukasz προσπαθούσε να βοηθήσει κάθε έναν από εμάς και το τρόπο με τον οποίο χειρίζονταν την άγχος μερικών από τους άλλους συμμετέχοντες. Μου άρεσε επίσης ότι ήταν καλά ενημερωμένος για το θέμα.
Samuel Irsai - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση