Course Outline
React 19: Σύγχρονη Διεπαφή Προσωπικοποίησης (Front-End Development)
- Εργασία με Hooks: useState, useEffect, useReducer
- Χρήση του Context API για διαχείριση κατάστασης (state management)
- Εφαρμογή routing με React Router
- Βέλτιστες πρακτικές στην δομή αρχείων, χρησιμότητα και επιτάχυνση (performance)
TypeScript για React Προγραμματιστές
- Τύποι ασφαλείας: τύποι, διεπισκόπηση (interfaces), enums, generics
- Τυποποίηση props, κατάστασης (state), hooks και χειριστές γεγονότων (event handlers)
- Δημιουργία ανακαταπαίξιμων τύπων και ευρεσιτεχνικών συναρτήσεων
React + TypeScript Στη Πράξη
- Δημιουργία μεγάλων κομπόνεντ χρησιμοποιώντας τυποποίηση
- Σύνδεση generics με props και hooks
- Πρακτικές στρατηγικές τυποποίησης για πραγματικά έργα
Δοκιμή React Εφαρμογών
- Εισαγωγή στο Jest και τη React Testing Library
- Συγγραφή μερικών δοκιμών για κομπόνεντ και hooks
- Δοκιμή ασύχνητων λειτουργιών και API ολοκληρώσεων (calls)
- Βέλτιστες πρακτικές για κάλυψη δοκιμών και αποσφαλμάτωση
Next.js 15: Πλήρης Διεπαφή (Full-Stack) React Framework
- App Router vs Pages Router
- Rendering στον server και γέννηση στατικών ιστοχωρίων
- API δρόμοι και middleware
- Οπτιμοποίηση εικόνων και επιτάχυνση (performance)
Node.js + Express: Θεμελία Backend API
- Εγκατάσταση Express και RESTful αρχιτεκτονικής
- Αυθεντικοποίηση με JSON Web Tokens (JWT)
- Παράδοση controller-service και δομή routes
- Βελτίωση και επαλήθευση API ζητήσεων
REST API με Prisma και PostgreSQL
- Εγκατάσταση του Prisma με PostgreSQL
- Μοντέλα schema και μεταφορά
- Πραγματοποίηση λειτουργιών CRUD
- Σύνδεση του Prisma client με Express routes
Έλεγχος Έκδοσης με Git
- Βασικά των Git: init, clone, commit, push, pull
- Branching, merging και προτάσεις ανακλήσεων (pull requests)
- Εργασία με GitHub και συνεργασία ομάδας
DevOps για Πλήρη Διεπαφή (Full-Stack) Εφαρμογές
- Προτύπωση CI/CD και διαδικασίες
- Εισαγωγή στο Docker και ενσωμάτωση πληκτρολογίου (containerization)
- Βασική έκδοση σε cloud platforms (π.χ., Vercel, Heroku)
- Επόπτευση και καταγραφή λάθων
Διαχείριση Δεδομένων και Λίμνες Δεδομένων (Data Warehousing and Data Lakes)
- Αντιπαράθεση μεταξύ δεδομένων αποθήκευσης και λίμνων δεδομένων
- Πρότυπα πιπελ δεδομένων στην αρχιτεκτονική Full-Stack
- Ρόλος των backend συστημάτων στην εισαγωγή και δομή δεδομένων
Ενσωμάτωση Τεχνητής Διεπισκόπησης (Artificial Intelligence)
- Παρατηρήσεις για τους περιβάλοντες χρήσης AI σε ιστοσελίδες
- Κλήση εξωτερικών API AI (π.χ., OpenAI, Hugging Face)
- Χρήση της AI για συμπέρασμα κειμένου, chatbots και ανάλυση
Επίκριση και Προχωρημένα Βήματα
Requirements
- Συνειδητοποίηση των βασικών JavaScript και των αρχών της επικοινωνίας μέσω του web
- Εμπειρία με HTML/CSS και πλαίσια front-end
- Βασική γνώση APIs και βάσεων δεδομένων είναι χρήσιμη
Πúblico
- Frontend και backend αναπτυκτές
- Λογισμικού μηχανικοί που μεταβαίνουν σε ρόλους Full-Stack
- Τεχνικοί επαγγελματίες που κατασκευάζουν μεγάλες κλίμακες εφαρμογές web
Σχόλια (5)
Μου άρεσε το πώς ο Gunnar έγραψε σχεδόν όλο τον κώδικα εν κινήσει καθώς περνούσαμε, αλλά ότι υπήρχε άφθονο προετοιμασμένο υλικό στο google drive στο οποίο μπορώ να αναφερθώ μετά την εκπαίδευση. Ο κώδικας που έγραψε ο Gunnar με βάση τα δείγματα δεδομένων που παρείχα εκ των προτέρων ήταν επίσης εξαιρετικά χρήσιμος και έκανε επίσης την εκπαίδευση σχετική με τα δικά μας σύνολα δεδομένων.
Ranvir - Schroders Personal Wealth
Course - Visual Studio Code
Μηχανική Μετάφραση
Πολλαπλά παραδείγματα για κάθε ενότητα και μεγάλη γνώση του εκπαιδευτή.
Sebastian - BRD
Course - Secure Developer Java (Inc OWASP)
Μηχανική Μετάφραση
Module3 Applications Attacks and Exploits, XSS, SQL injection Module4 Servers Attacks and Exploits, DOS, BOF
Tshifhiwa - Vodacom
Course - How to Write Secure Code
Μηχανική Μετάφραση
Θέματα που συζητήθηκαν, πολλά ζωντανά παραδείγματα κώδικα, στance τωv εκπαιδευτώv προς τον ομάδα
Weronika - ATOS PGS sp. z o.o.
Course - Reactive Programming with Angular RxJS
Μηχανική Μετάφραση
Αληθινά παραδείγματα.
Kristoffer Opdahl - Buypass AS
Course - Web Security with the OWASP Testing Framework
Μηχανική Μετάφραση