Εξέλιξη Κομματιού
Ανάπτυξη σύγχρονων front-end εφαρμογών
- επισκόπηση και ομοιότητες των React, Angular, Vue.js
- δηλωτική απόδοση
- components - ορισμός προσαρμοσμένων ετικετών HTML
- χρήση του create-react-app για την αρχικοποίηση ενός έργου React
Σύγχρονη JavaScript
- ανάπτυξη με χρήση node.js και npm
- εκδόσεις JavaScript
- εργασία με modules
- συναρτήσεις και arrow functions
- κλάσεις
- συναρτησιακός προγραμματισμός σε JavaScript (map, filter, ...)
TypeScript
- στατική έναντι δυναμικής τυποποίησης
- δήλωση τύπων μεταβλητών, συναρτήσεων και κλάσεων
- βασικοί τύποι δεδομένων
- πλειάδες, αντικείμενα
- interfaces
- generics
Γλώσσα προτύπων της React
- γλώσσα προτύπων βασισμένη σε JavaScript: JSX
- ορισμός ιδιοτήτων στοιχείων
- επανάληψη στοιχείων
- if / else
- συμβάντα
- κλάσεις CSS και στυλ
Διαχείριση κατάστασης στη React
- ορισμός και αλλαγή της κατάστασης της εφαρμογής
- χρήση του state hook και του setState
- καταγραφή του περιεχομένου των στοιχείων εισόδου στην κατάσταση
Components: Δομικά στοιχεία των σύγχρονων διαδικτυακών εφαρμογών
- ορισμός προσαρμοσμένων ετικετών HTML στη React
- state, props & συμβάντα
- ροή δεδομένων μεταξύ components
- function components και class components
- χρήση των hooks σε function components
- συμβάντα κύκλου ζωής των components (mount, update, unmount)
- ενσωμάτωση προκαθορισμένων components από μια βιβλιοθήκη
Διαχείριση κατάστασης με το Redux
- Βασικές αρχές Redux: διαχείριση κατάστασης με αγνές συναρτήσεις, reducers και αμετάβλητα δεδομένα
- χρήση του reducer hook στη React
- ενσωμάτωση του Redux σε μια εφαρμογή React
- παρουσιαστικά components και container components
- το οικοσύστημα του Redux
- χειρισμός ασύγχρονων συμβάντων με το Thunk
- λήψη δεδομένων από ένα REST API
Εργαλεία ανάπτυξης και δοκιμές
- Εργαλεία ανάπτυξης React
- Εργαλεία ανάπτυξης Redux
- Δοκιμές JavaScript με το Jest
- Δοκιμές reducers
- Δοκιμές React components
React Router
- δρομολόγηση από την πλευρά του πελάτη
- εμφάνιση διαφορετικών προβολών βάσει της τρέχουσας διαδρομής του προγράμματος περιήγησης
Ανάπτυξη εφαρμογών με τη React
- σύντομη επισκόπηση του React Native
- δημιουργία εγκαταστάσιμης εφαρμογής για κινητά και επιτραπέζιους υπολογιστές με Progressive Web Apps
- σύγκριση μεταξύ Progressive Web Apps και native εφαρμογών
Απαιτήσεις
- Βασικές γνώσεις 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
Μηχανική Μετάφραση
