Transform a React Application into a Progressive Web App (PWA) Training Course

Αυτή η ζωντανή εκπαίδευση υπό την καθοδήγηση εκπαιδευτών στο Ελλάδα (διαδικτυακό ή επιτόπου) απευθύνεται σε προγραμματιστές ιστού που επιθυμούν να χρησιμοποιήσουν το Next.js για τη δημιουργία React εφαρμογών.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Αναπτύξτε εφαρμογές ιστού από την πλευρά του διακομιστή και στατικές τοποθεσίες στο Next.js.
• Χειριστείτε και αποθηκεύστε δεδομένα με το MongoDB.
• Ασφαλίστε μια εφαρμογή Ιστού με έλεγχο ταυτότητας AuthO.

Αυτή η ζωντανή εκπαίδευση υπό την καθοδήγηση εκπαιδευτών στο Ελλάδα (διαδικτυακό ή επιτόπου) απευθύνεται σε προγραμματιστές ιστού μεσαίου έως προχωρημένου επιπέδου και τεχνικούς αρχιτέκτονες που επιθυμούν να εξερευνήσουν τις εξελίξεις του Next.js 14 και να αποκτήσουν τη γνώση για την κατασκευή εφαρμογές web edge.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Αξιοποιήστε πλήρως τις δυνατότητες του Next.js 14 για τη δημιουργία πολύπλοκων εφαρμογών.
• Χρησιμοποιήστε τις πιο πρόσφατες δυνατότητες, όπως το Middleware, React Στοιχεία διακομιστή και Λειτουργίες Edge.
• Εφαρμόστε βέλτιστες πρακτικές για απόδοση, επεκτασιμότητα και SEO.
• Αντιμετωπίστε αποτελεσματικά κοινά προβλήματα στις εφαρμογές Next.js.

Αυτή η ζωντανή εκπαίδευση στο Ελλάδα από εκπαιδευτές απευθύνεται σε προγραμματιστές που επιθυμούν να χρησιμοποιήσουν το MobX στις React εφαρμογές τους για πιο αποτελεσματική διαχείριση της κατάστασης.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Ρυθμίστε το MobX στο React.
• Κατανοήστε τις περιπτώσεις χρήσεων για το MobX, σε σύγκριση με το Redux (π.χ. το "κλασικό παράδειγμα" του MobX έναντι του "λειτουργικού παραδείγματος" του Redux).
• Χρησιμοποιήστε το MobX ως προηγμένο επίπεδο κατάστασης για εφαρμογές React.

Αυτή η ζωντανή εκπαίδευση μέσω εκπαιδευτών (διαδικτυακή ή επιτόπου) απευθύνεται σε προγραμματιστές που επιθυμούν να χρησιμοποιήσουν το Material UI για να επιταχύνουν την ανάπτυξη καλά σχεδιασμένων UI για εφαρμογές React.

Μέχρι το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα μπορούν να εφαρμόσουν τα στοιχεία React του Material UI για να αναπτύξουν όμορφες διαδικτυακές εφαρμογές εταιρικής κλάσης.

Αυτή η ζωντανή εκπαίδευση υπό την καθοδήγηση εκπαιδευτών στο Ελλάδα (διαδικτυακό ή επιτόπου) απευθύνεται σε προγραμματιστές που επιθυμούν να χρησιμοποιήσουν το Ant Design για να βελτιώσουν την εμπειρία χρήστη για την εφαρμογή React τους.

Μέχρι το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα μπορούν να εφαρμόσουν τα στοιχεία React του Ant Design για να αναπτύξουν όμορφες διαδικτυακές εφαρμογές εταιρικής κλάσης.

A Progressive Web App (PWA) is a web application that performs like a native mobile app. A Progressive Web App can be deployed as a regular website as well as a Native app on an app store.

In this instructor-led, live training (onsite or remote), participants will learn how to develop their first Progressive Web App as they step through a series of hands-on exercises culminating in the creation and deployment of a functional PWA.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Αυτή η ζωντανή εκπαίδευση Ελλάδα (επιτόπου ή απομακρυσμένη) από εκπαιδευτές απευθύνεται σε προγραμματιστές που επιθυμούν να δημιουργήσουν προηγμένες Προοδευτικές εφαρμογές Ιστού που εκτελούν αποκλειστικές λειτουργίες που σχετίζονται με ειδοποιήσεις push και διαθεσιμότητα εκτός σύνδεσης.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Ρυθμίστε το απαραίτητο περιβάλλον ανάπτυξης για να ξεκινήσετε την ανάπτυξη μιας προηγμένης Προοδευτικής εφαρμογής Ιστού.
• Δημιουργήστε ειδοποιήσεις push που ενεργοποιούν τις συνδρομές.
• Αποθηκεύστε προσωρινά με το Service Worker για να κάνετε μια εφαρμογή Ιστού να λειτουργεί εκτός σύνδεσης.
• Δημιουργήστε ειδοποιήσεις push που προτρέπουν τους συχνούς επισκέπτες να εγκαταστήσουν την εφαρμογή.

Αυτή η ζωντανή εκπαίδευση στο Ελλάδα (επιτόπου ή απομακρυσμένη) από εκπαιδευτές απευθύνεται σε προγραμματιστές που επιθυμούν να μετατρέψουν έναν ιστότοπο ή μια εφαρμογή Ιστού Drupal σε μια Προοδευτική εφαρμογή Ιστού.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Ρυθμίστε το απαραίτητο περιβάλλον ανάπτυξης για να ξεκινήσετε τη μετατροπή ενός ιστότοπου Drupal σε μια Προοδευτική εφαρμογή Ιστού.
• Δημιουργήστε και στυλ ειδοποιήσεων push.
• Αποθηκεύστε προσωρινά με το Service Worker για να κάνετε έναν ιστότοπο Drupal να λειτουργεί εκτός σύνδεσης.

Σε αυτήν τη ζωντανή εκπαίδευση στο Ελλάδα από εκπαιδευτές, δείχνουμε τη δύναμη και την ευελιξία του React, τα συγκρίνουμε με εναλλακτικά πλαίσια και καθοδηγούμε τους συμμετέχοντες βήμα-βήμα στη δημιουργία της δικής τους εφαρμογής React.

Μέχρι το τέλος αυτού του μαθήματος, οι συμμετέχοντες θα είναι σε θέση:

• Κατανοήστε τη σχεδιαστική φιλοσοφία του React.
• Αποφασίστε πότε και πού είναι λογικό να χρησιμοποιήσετε το React και πότε να ξανασκεφτείτε το συμβατικό μοντέλο MVC.
• Κατανοήστε React έννοιες όπως εξαρτήματα, στηρίγματα, κατάσταση και κύκλος ζωής.
• Εφαρμόστε σχετικές τεχνολογίες όπως Babel, Webpack και JSX.
• Δημιουργήστε, δοκιμάστε και αναπτύξτε μια διαδραστική εφαρμογή Ιστού.

Το Relay είναι ένα πλαίσιο JavaScript για τη δημιουργία εφαρμογών που βασίζονται σε δεδομένα React. Η GraphQL είναι μια γλώσσα αναζήτησης δεδομένων για την περιγραφή πολύπλοκων, ένθετων εξαρτήσεων δεδομένων σε σύγχρονες εφαρμογές. Μαζί επιτρέπουν στα στοιχεία μιας εφαρμογής να μετακινούνται οπουδήποτε σε μια ιεραρχία απόδοσης χωρίς να χρειάζεται να εφαρμοστεί ένας καταρράκτης τροποποιήσεων στα γονικά στοιχεία ή στον κώδικα διακομιστή που προετοιμάζει το ωφέλιμο φορτίο δεδομένων. Το Relay χρησιμοποιείται από το Facebook σε διάφορα έργα εφαρμογών για κινητά.

Σε αυτή τη ζωντανή εκπαίδευση υπό την καθοδήγηση των εκπαιδευτών, οι συμμετέχοντες θα μάθουν πώς να εφαρμόζουν βασικές έννοιες αναμετάδοσης, όπως δηλωτικές προδιαγραφές εξαρτήσεων δεδομένων, συνεγκατάσταση και μετάλλαξη για να δημιουργήσουν μια εφαρμογή React χρησιμοποιώντας το Relay και το GraphQL.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

Χρησιμοποιήστε το Relay για να συνθέσετε ερωτήματα δεδομένων σε αποτελεσματικές παρτίδες, να παρέχετε σε κάθε στοιχείο ακριβώς τα δεδομένα που ζήτησε, να ενημερώσετε τα στοιχεία όταν αλλάζουν τα δεδομένα και να διατηρήσετε ένα χώρο αποθήκευσης (cache) όλων των δεδομένων από την πλευρά του πελάτη. Συγκεντρώστε ερωτήματα και τον κώδικα της προβολής για να αιτιολογήσετε ευκολότερα τη λειτουργικότητα ενός στοιχείου Χρησιμοποιήστε το GraphQL για να δηλώσετε απαιτήσεις δεδομένων, επιτρέποντας ταυτόχρονα στο Relay να ανακτήσει τα δεδομένα από μόνο του Κατανόηση της έννοιας της μετάλλαξης δεδομένων στον πελάτη και στο διακομιστή χρησιμοποιώντας μεταλλάξεις GraphQL Κατανόηση των διαφορές μεταξύ Relay και Flux, ειδικότερα πώς οι "μεταλλάξεις" εφαρμόζουν την έννοια των ενεργειών και των τροποποιήσεων Χρησιμοποιήστε διαδρομές για να καθορίσετε ποια δεδομένα θα ανακτηθούν για απόδοση ενός δεδομένου στοιχείου Πραγματοποιήστε αλλαγές σε σχετική απομόνωση, ακόμη και σε έργα μεγάλων ομάδων Δημιουργία σωστών εφαρμογών υψηλής απόδοσης με ευθύ και προφανή τρόπο

Ακροατήριο

προγραμματιστές

Μορφή του μαθήματος

Μέρος διάλεξη, μέρος συζήτηση, ασκήσεις και βαριά πρακτική εξάσκηση

Σε αυτή τη ζωντανή εκπαίδευση στο Ελλάδα, καθοδηγούμενη από εκπαιδευτές, οι συμμετέχοντες θα μάθουν πώς να δημιουργούν React εφαρμογές χρησιμοποιώντας το Flux και το GraphQL. Το μάθημα καλύπτει την εγκατάσταση, τη ρύθμιση, την ενσωμάτωση, τη δοκιμή, την ανάπτυξη και τις βέλτιστες πρακτικές καθώς καθοδηγεί τους συμμετέχοντες στη δημιουργία μιας σειράς δειγμάτων εφαρμογών που καταδεικνύουν πώς να προσθέσετε πρόσθετα επίπεδα πολυπλοκότητας και "ψυχριάς" σε μια εφαρμογή χρησιμοποιώντας τα πιο προηγμένα κιτ εργαλείων και τεχνικές.

Η ανάπτυξη εφαρμογών με το React απαιτεί διαφορετικό τρόπο σκέψης, σε σύγκριση με αυτό που έχουν συνηθίσει ορισμένοι προγραμματιστές, ειδικά όταν προέρχονται από τη νοοτροπία άλλων πλαισίων MVC όπως το AngularJS και το Bootstrap. Αυτή η εκπαίδευση καλύπτει τις βασικές αρχές πίσω από τις τεχνολογίες που χρησιμοποιούνται σε κάθε βήμα, έτσι ώστε οι συμμετέχοντες όχι μόνο να είναι σε θέση να δημιουργήσουν μια λειτουργική εφαρμογή, αλλά και να κατανοήσουν γιατί χρησιμοποιείται μια συγκεκριμένη προσέγγιση. Αυτό θέτει τις βάσεις για να σκεφτούν ανεξάρτητα και δημιουργικά το σχεδιασμό και τα επιθυμητά αποτελέσματα για τη δημιουργία των δικών τους εφαρμογών στο μέλλον.

React είναι μια ευρέως χρησιμοποιούμενη βιβλιοθήκη για τη δημιουργία εφαρμογών μιας σελίδας σε Java Script και HTML . Χρησιμοποιείται από εταιρείες όπως το Facebook , το Instagram, το Netflix ή οι New York Times.

Αυτό το μάθημα θα εισαγάγει τα θεμέλια στα οποία βασίζονται και επισημαίνουν τα ειδικά χαρακτηριστικά του React όπως το React και άλλες βιβλιοθήκες (όπως το Angular και το Vue.js ). Θα καλύπτει επίσης τις τεχνολογίες που χρησιμοποιούνται συνήθως με το React , όπως το Redux και το React -Router.

Μέχρι το τέλος αυτού του μαθήματος οι συμμετέχοντες θα είναι σε θέση να δημιουργήσουν εφαρμογές ποικίλης πολυπλοκότητας με το React ενώ τηρούν τις βέλτιστες πρακτικές.

Αυτή η καθοδηγούμενη από εκπαιδευτές, ζωντανή εκπαίδευση (επιτόπου ή απομακρυσμένη) απευθύνεται σε προγραμματιστές με ικανότητες React που επιθυμούν να βελτιστοποιήσουν και να βελτιώσουν τη δημιουργία εφαρμογών React με την κατανόηση και εφαρμογή των μοτίβων συστατικών του React .

Μέχρι τη λήξη αυτής της εκπαίδευσης, οι συμμετέχοντες θα μπορούν:

• Κατανοήστε τους διάφορους τύπους μοτίβων React
• Χρησιμοποιήστε React Πλαίσιο API για εφαρμογές web

Μορφή του μαθήματος

• Διαδραστική διάλεξη και συζήτηση.
• Πολλές ασκήσεις και πρακτική.
• Χειροκίνητη εφαρμογή σε περιβάλλον εργαστηριακού εργαστηρίου.

Επιλογές προσαρμογής μαθημάτων

• Για να ζητήσετε μια προσαρμοσμένη εκπαίδευση για αυτό το μάθημα, επικοινωνήστε μαζί μας για να κανονίσετε.
• Για να μάθετε περισσότερα σχετικά με το React , επισκεφθείτε τη διεύθυνση: https://reactjs.org

Αυτή η ζωντανή εκπαίδευση υπό την καθοδήγηση εκπαιδευτών στο Ελλάδα (επιτόπου ή εξ αποστάσεως) απευθύνεται σε μηχανικούς που επιθυμούν να χρησιμοποιήσουν το Jest για να δοκιμάσουν React εφαρμογές και εξαρτήματα.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Εγκαταστήστε και διαμορφώστε ένα κατάλληλο περιβάλλον δοκιμών.
• Γράψτε ασύγχρονες δοκιμές για React εφαρμογές και στοιχεία.
• Εκτελέστε προηγμένες δοκιμές Jest που περιλαμβάνουν κοροϊδία, κατασκόπους και στελέχη.

Αυτή η ζωντανή εκπαίδευση υπό την καθοδήγηση εκπαιδευτών στο Ελλάδα (διαδικτυακό ή επιτόπου) απευθύνεται σε προγραμματιστές που επιθυμούν να δημιουργήσουν React στοιχεία και να σχεδιάσουν σύνθετες εφαρμογές.

Με το τέλος αυτής της εκπαίδευσης, οι συμμετέχοντες θα είναι σε θέση:

• Κατανοήστε τις προηγμένες έννοιες του React, συμπεριλαμβανομένων των API περιβάλλοντος, των HOC, της εξωτερικής κατάστασης, των ασύγχρονων API κ.λπ.
• Δημιουργήστε συνθετικά στοιχεία με το React.
• Ενεργοποιήστε τον έλεγχο ταυτότητας από την πλευρά του διακομιστή και του πελάτη.
• Εφαρμόστε τις βιβλιοθήκες React και Redux για τη διαχείριση πολύπλοκων εφαρμογών με κατάσταση κατάστασης.
• Μειώστε τον κώδικα και βελτιστοποιήστε την απόδοση μιας εφαρμογής.
• Δοκιμάστε και αναπτύξτε μια εφαρμογή.