Εξέλιξη Κομματιού

Ανάπτυξη σύγχρονων εφαρμογών 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
 21 Ώρες

Αριθμός συμμετέχοντων


Τιμή ανά συμμετοχαστή

Σχόλια (7)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες