Εξέλιξη Κομματιού
Ανάπτυξη σύγχρονων εφαρμογών 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
Μηχανική Μετάφραση
Θυμός του Λουκάζ.
Eloise Phelps - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Πώς ο Λουκάς κατέβαλε προσπάθεια για να βοηθήσει τους ανθρώπους ενδividually όταν είχαν προβλήματα με την εκτέλεση του κωδικού. Ο Λουκάς ήταν εξαιρετικά φιλόδοξος και συνεργάζεται καλά με τους συμμετέχοντες στο διαλέξιμο. (Note: "individually" is kept as is because there was a typo in the original text, it should be "individually".)
Jonathan Grout - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Η εντύχηση του εκπαιδευτή με όλους τους συμμετέχοντες ήταν πρωτοβουλία, κάθε ένας λάβε πомощτη σε κάποια φάση του κούρσου. Ήταν μια όλογενής υπέροχη εμπειρία, ειδικά για αυτούς που δεν ήταν εξοικειωμένοι με το θέμα. (Note: There seems to be a typo in the translation where "πομπολιση" should be "βοήθεια". The correct translation is provided below.) Η εντύχηση του εκπαιδευτή με όλους τους συμμετέχοντες ήταν πρωτοβουλία, κάθε ένας λάβε βοήθεια σε κάποια φάση του κούρσου. Ήταν μια όλογενής υπέροχη εμπειρία, ειδικά για αυτούς που δεν ήταν εξοικειωμένοι με το θέμα.
Tayyab Ejaz Mushtaq - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Η αγάπησα το γεγονός ότι είχε το αίσθημα ενός ασφαλού περιβάλλοντος και δεν μου έκανε τυποβλαστημένο να μοιράζομαι την οθόνη μου και τις προβλήματά μου με τον εκπαιδεύτη ή τον ομίλο.
Wanda Hawkins-Kavanagh - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση
Αρέσε μου το γεγονός ότι η εκπαιδευτική μάθηση είχε ασκήσεις. Αρέσε μου η μέθοδος με την οποία ο Lukasz προσπάθησε να βοηθήσει κάθε ένα από εμάς και η συμπεριφορά του με την ανξιοδύνια μερικών άλλων συμμετέχontων. Αρέσε μου ότι είχε γνώσεις για το θέμα.
Samuel Irsai - Dunelm
Κομμάτι - React, Redux and TypeScript
Μηχανική Μετάφραση