Εξέλιξη Κομματιού
Ανάπτυξη σύγχρονων εφαρμογών front-end
- Επισκόπηση και ομοιότητες των React, Angular, Vue.js
- Δηλωτική απόδοση (declarative rendering)
- Components - ορισμός προσαρμοσμένων ετικετών HTML
- Χρήση του create-react-app για την αρχικοποίηση ενός έργου React
Σύγχρονη JavaScript
- Ανάπτυξη με χρήση node.js και npm
- Εκδόσεις JavaScript
- Εργασία με modules
- Συναρτήσεις και arrow functions
- Κλάσεις
- Συναρτησιακός προγραμματισμός σε JavaScript (map, filter, ...)
TypeScript
- Στατική έναντι δυναμικής τυποποίησης
- Δήλωση τύπων μεταβλητών, συναρτήσεων και κλάσεων
- Βασικοί τύποι δεδομένων
- Tuples, αντικείμενα
- Διεπαφές (interfaces)
- Γενικευμένοι τύποι (generics)
Γλώσσα προτύπων React
- Γλώσσα προτύπων βασισμένη σε JavaScript: JSX
- Ορισμός ιδιοτήτων στοιχείων
- Επανάληψη στοιχείων
- if / else
- Συμβάντα (events)
- Κλάσεις CSS και στυλ
Διαχείριση κατάστασης στη React
- Ορισμός και αλλαγή της κατάστασης της εφαρμογής
- Χρήση του state hook και της setState
- Καταγραφή του περιεχομένου των στοιχείων εισόδου στην κατάσταση
Components: Δομικά στοιχεία σύγχρονων διαδικτυακών εφαρμογών
- Ορισμός προσαρμοσμένων ετικετών HTML στη React
- State, props & events
- Ροή δεδομένων μεταξύ components
- Συναρτησιακά components και κλασικά components
- Χρήση hooks σε συναρτησιακά components
- Συμβάντα κύκλου ζωής components (mount, update, unmount)
- Ενσωμάτωση προκαθορισμένων components από μια βιβλιοθήκη
Διαχείριση κατάστασης με Redux
- Βασικά στοιχεία Redux: διαχείριση κατάστασης με καθαρές συναρτήσεις, reducers και αμετάβλητα δεδομένα
- Χρήση του reducer hook στη React
- Ενσωμάτωση της Redux σε μια εφαρμογή React
- Παρουσιαστικά και δομικά components (presentational and container components)
- Το οικοσύστημα Redux
- Χειρισμός ασύγχρονων συμβάντων με Thunk
- Ανάκτηση δεδομένων από ένα REST API
Εργαλεία προγραμματιστή και έλεγχος
- React developer tools
- Redux developer tools
- Έλεγχος JavaScript με Jest
- Έλεγχος reducers
- Έλεγχος React components
React Router
- Δρομολόγηση στην πλευρά του πελάτη (client-side routing)
- Εμφάνιση διαφορετικών προβολών με βάση την τρέχουσα διαδρομή του προγράμματος περιήγησης
Ανάπτυξη εφαρμογών με React
- Σύντομη επισκόπηση της React Native
- Δημιουργία εγκαταστάσιμης εφαρμογής για κινητά και υπολογιστές με Progressive Web Apps
- Σύγκριση Progressive Web Apps και εγγενών εφαρμογών
Απαιτήσεις
- Βασικές γνώσεις HTML
- Εμπειρία με JavaScript
Σχόλια (7)
Ήταν πραγματικά πολύτιμο το ότι καταφέραμε επιτέλους να αποκτούσαμε μια ισχυρή κατανόηση ορισμένων βασικών εννοιών του React, ιδίως εκείνων όπως η κατάσταση (state) και τα hooks. Ο Łukasz προσέφερε εξαιρετικά σαφείς εξηγήσεις και ήταν πρόθυμος να πειραματιζόμασταν με παραδείγματα για να διευκρινίζουμε περαιτέρω οποιεσδήποτε απορίες είχαμε.
Hayden Pike - Powerlink Queensland
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Τα λεπτομερή στοιχεία, ο τρόπος εξηγήσεων και η ήρεμη και ασφαλής χαρακτήρα που ο εκπαιδευτής εμπνέει.
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
Μηχανική Μετάφραση
