Web-Dev-For-Beginners/translations/el

Ανάπτυξη Ιστού για Αρχάριους - Ένα Αναλυτικό Πρόγραμμα Σπουδών

Μάθετε τα βασικά της ανάπτυξης ιστού με το ολοκληρωμένο 12-εβδομάδων μάθημά μας από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα διερευνά JavaScript, CSS και HTML μέσω πρακτικών έργων όπως τεράρια, επεκτάσεις προγράμματος περιήγησης και διαστημικά παιχνίδια. Εμπλακείτε με κουίζ, συζητήσεις και πρακτικές εργασίες. Ενισχύστε τις δεξιότητές σας και βελτιστοποιήστε την απομνημόνευση γνώσεων με τη αποτελεσματική παιδαγωγική μας βάσει έργων. Ξεκινήστε το ταξίδι σας στον προγραμματισμό σήμερα!

Εγγραφείτε στην Κοινότητα Azure AI Foundry Discord

Ακολουθήστε αυτά τα βήματα για να ξεκινήσετε να χρησιμοποιείτε αυτούς τους πόρους:

1. Κλωνοποιήστε το Αποθετήριο: Κάντε κλικ στο
2. Κλωνοποιήστε το Αποθετήριο: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Εγγραφείτε στο Azure AI Foundry Discord και γνωρίστε ειδικούς και συναδέλφους προγραμματιστές

🌐 Υποστήριξη Πολλαπλών Γλωσσών

Υποστηρίζεται μέσω GitHub Action (Αυτόματο & Πάντα Ενημερωμένο)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Προτιμάτε να Κλωνοποιήσετε τοπικά;

Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 μεταφράσεις που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κλωνοποιήσετε χωρίς μεταφράσεις, χρησιμοποιήστε sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη.

Εάν θέλετε να υποστηρίζονται επιπρόσθετες μεταφράσεις, οι υποστηριζόμενες γλώσσες αναφέρονται εδώ

🧑‍🎓 Είσαι φοιτητής;

Επισκεφτείτε τη σελίδα Student Hub όπου θα βρείτε πόρους για αρχάριους, πακέτα για φοιτητές και ακόμα τρόπους για να αποκτήσετε δωρεάν κουπόνι πιστοποιητικού. Αυτή είναι η σελίδα που θέλετε να προσθέσετε στα αγαπημένα σας και να ελέγχετε περιοδικά καθώς ενημερώνουμε το περιεχόμενο μηνιαίως.

📣 Ανακοίνωση - Νέες προκλήσεις λειτουργίας GitHub Copilot Agent για ολοκλήρωση!

Προστέθηκε νέα πρόκληση, αναζητήστε "GitHub Copilot Agent Challenge 🚀" στα περισσότερα κεφάλαια. Πρόκειται για μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Εάν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, μπορεί όχι μόνο να παράγει κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα.

📣 Ανακοίνωση - Νέο Έργο προς κατασκευή με τη Χρήση Generative AI

Πρόσφατα προστέθηκε νέο έργο βοηθού AI, ελέγξτε το έργο

📣 Ανακοίνωση - Νέο Πρόγραμμα Σπουδών για Generative AI σε JavaScript μόλις κυκλοφόρησε

Μην χάσετε το νέο μας πρόγραμμα σπουδών για Generative AI!

Επισκεφτείτε το https://aka.ms/genai-js-course για να ξεκινήσετε!

• Μαθήματα που καλύπτουν από τα βασικά έως RAG.
• Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας GenAI και την εφαρμογή συντρόφου μας.
• Διασκεδαστική και καθηλωτική αφήγηση, θα ταξιδεύετε στο χρόνο!

Κάθε μάθημα περιλαμβάνει μία εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση για να σας καθοδηγήσει σε θέματα όπως:

• Προτροπή και σχεδιασμός προτροπής (prompting και prompt engineering)
• Δημιουργία εφαρμογών κειμένου και εικόνας
• Εφαρμογές αναζήτησης

Επισκεφτείτε https://aka.ms/genai-js-course για να ξεκινήσετε!

🌱 Ξεκινώντας

Καθηγητές, περιλαμβάνουμε κάποιες προτάσεις για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα θέλαμε το σχόλιό σας στο φόρουμ συζητήσεων!

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

Για να βελτιώσετε την εμπειρία μάθησής σας, συνδεθείτε με τους συμμαθητές σας για να εργαστείτε από κοινού στα έργα! Ενθαρρύνονται οι συζητήσεις στο φόρουμ συζητήσεων όπου η ομάδα των συντονιστών μας θα είναι διαθέσιμη για να απαντήσει στις ερωτήσεις σας.

Για να προχωρήσετε περαιτέρω στην εκπαίδευσή σας, σας προτείνουμε έντονα να εξερευνήσετε το Microsoft Learn για επιπλέον υλικό μελέτης.

📋 Ρύθμιση του περιβάλλοντός σας

Αυτό το πρόγραμμα σπουδών έχει έτοιμο περιβάλλον ανάπτυξης! Καθώς ξεκινάτε μπορείτε να επιλέξετε να εκτελέσετε το πρόγραμμα σε Codespace (ένα περιβάλλον βασισμένο σε πρόγραμμα περιήγησης, χωρίς ανάγκη εγκαταστάσεων), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας έναν επεξεργαστή κειμένου όπως το Visual Studio Code.

Δημιουργία αποθετηρίου

Για να αποθηκεύετε εύκολα τη δουλειά σας, συνιστάται να δημιουργήσετε δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί Use this template στο επάνω μέρος της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στον λογαριασμό σας στο GitHub με ένα αντίγραφο του προγράμματος σπουδών.

Ακολουθήστε αυτά τα βήματα:

1. Fork το Αποθετήριο: Κάντε κλικ στο κουμπί "Fork" στην πάνω δεξιά γωνία αυτής της σελίδας.
2. Κλωνοποιήστε το Αποθετήριο: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Εκτέλεση του προγράμματος σε Codespace

Στο αντίγραφο του αποθετηρίου που δημιουργήσατε, κάντε κλικ στο κουμπί Code και επιλέξτε Open with Codespaces. Αυτό θα δημιουργήσει ένα νέο Codespace για να εργαστείτε.

Εκτέλεση του προγράμματος τοπικά στον υπολογιστή σας

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

Η σύστασή μας είναι να χρησιμοποιείτε το Visual Studio Code ως επεξεργαστή σας, που έχει επίσης ενσωματωμένο Τερματικό. Μπορείτε να κατεβάσετε το Visual Studio Code εδώ.

1. Κλωνοποιήστε το αποθετήριό σας στον υπολογιστή σας. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί Code και αντιγράφοντας το URL:

   CodeSpace Στη συνέχεια, ανοίξτε το Τερματικό μέσα στο Visual Studio Code και εκτελέστε την παρακάτω εντολή, αντικαθιστώντας το <your-repository-url> με το URL που μόλις αντιγράψατε:

   git clone <your-repository-url>
   

2. Ανοίξτε το φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε πατώντας Αρχείο > Άνοιγμα Φακέλου και επιλέγοντας το φάκελο που μόλις κλωνοποιήσατε.

Συνιστώμενες επεκτάσεις Visual Studio Code:

• Live Server - για προεπισκόπηση σελίδων HTML μέσα στο Visual Studio Code
• Copilot - για να σας βοηθήσει να γράφετε κώδικα γρηγορότερα

📂 Κάθε μάθημα περιλαμβάνει:

• προαιρετικό σκετς
• προαιρετικό συμπληρωματικό βίντεο
• προ-μάθημα ζέσταμα quiz
• γραπτό μάθημα
• για μαθήματα βασισμένα σε έργα, βήμα προς βήμα οδηγούς για το πώς να κατασκευάσετε το έργο
• έλεγχοι γνώσης
• μια πρόκληση
• συμπληρωματική ανάγνωση
• ανάθεση εργασίας
• μετα-μάθημα quiz

Σημείωση για τα quiz: Όλα τα quiz περιέχονται στο φάκελο Quiz-app, συνολικά 48 quiz με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα εδώ και η εφαρμογή quiz μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στο φάκελο quiz-app.

🗃️ Μαθήματα

	Όνομα Έργου	Διδασκόμενες Έννοιες	Εκπαιδευτικοί Στόχοι	Σχετικό Μάθημα	Συγγραφέας
01	Ξεκινώντας	Εισαγωγή στον Προγραμματισμό και Εργαλεία της Τέχνης	Μάθετε τα βασικά στοιχεία που βασίζονται οι περισσότερες γλώσσες προγραμματισμού και σχετικά με το λογισμικό που βοηθά τους επαγγελματίες	Εισαγωγή σε Γλώσσες Προγραμματισμού και Εργαλεία της Τέχνης	Jasmine
02	Ξεκινώντας	Βασικά του GitHub, συμπεριλαμβανομένης της συνεργασίας	Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε βάση κώδικα	Εισαγωγή στο GitHub	Floor
03	Ξεκινώντας	Προσβασιμότητα	Μάθετε τα βασικά της διαδικτυακής προσβασιμότητας	Θεμελιώδης Προσβασιμότητας	Christopher
04	JS Basics	Τύποι Δεδομένων JavaScript	Τα βασικά των τύπων δεδομένων στην JavaScript	Τύποι Δεδομένων	Jasmine
05	JS Basics	Συναρτήσεις και Μέθοδοι	Μάθετε για τις συναρτήσεις και τις μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής	Συναρτήσεις και Μέθοδοι	Jasmine and Christopher
06	JS Basics	Λήψη Αποφάσεων με JS	Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων	Λήψη Αποφάσεων	Jasmine
07	JS Basics	Πίνακες και Βρόχοι	Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους στην JavaScript	Πίνακες και Βρόχοι	Jasmine
08	Terrarium	HTML στην Πράξη	Κατασκευάστε το HTML για να δημιουργήσετε ένα διαδικτυακό τεράριουμ, εστιάζοντας στη δημιουργία διάταξης	Εισαγωγή στο HTML	Jen
09	Terrarium	CSS στην Πράξη	Κατασκευάστε το CSS για να μορφοποιήσετε το διαδικτυακό τεράριουμ, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένου του responsive design	Εισαγωγή στο CSS	Jen
10	Terrarium	Κλεισίματα JavaScript, χειρισμός DOM	Δημιουργήστε τον JavaScript κώδικα που θα κάνει το τεράριουμ να λειτουργεί ως διεπαφή drag/drop, εστιάζοντας στα closures και στον χειρισμό DOM	Κλεισίματα JavaScript, χειρισμός DOM	Jen
11	Typing Game	Δημιουργία Παιχνιδιού Πληκτρολόγησης	Μάθετε πώς να χρησιμοποιείτε συμβάντα πληκτρολογίου για να καθοδηγήσετε τη λογική της εφαρμογής σας σε JavaScript	Προγραμματισμός Βασισμένος σε Συμβάντα	Christopher
12	Green Browser Extension	Εργασία με Browsers	Μάθετε πώς λειτουργούν οι browsers, την ιστορία τους και πώς να δημιουργήσετε τα πρώτα στοιχεία μιας επέκτασης browser	Σχετικά με Browsers	Jen
13	Green Browser Extension	Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στη τοπική αποθήκευση	Δημιουργήστε τα στοιχεία JavaScript της επέκτασης browser σας για κλήση API χρησιμοποιώντας μεταβλητές αποθηκευμένες στην τοπική αποθήκευση	APIs, Φόρμες και Τοπική Αποθήκευση	Jen
14	Green Browser Extension	Διαδικασίες υπόβαθρου στον browser, απόδοση ιστού	Χρησιμοποιήστε τις διαδικασίες στο παρασκήνιο του browser για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση διαδικτύου και ορισμένες βελτιστοποιήσεις	Εργασίες Υπόβαθρου και Απόδοση	Jen
15	Space Game	Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript	Μάθετε για την κληρονομικότητα χρησιμοποιώντας τόσο τις Κλάσεις όσο και τη Σύνθεση και το μοτίβο Pub/Sub, προετοιμασία για τη δημιουργία παιχνιδιού	Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών	Chris
16	Space Game	Σχεδίαση σε καμβά	Μάθετε για το API Canvas, που χρησιμοποιείται για τη σχεδίαση στοιχείων σε οθόνη	Σχεδίαση σε Καμβά	Chris
17	Space Game	Μετακίνηση στοιχείων στην οθόνη	Ανακαλύψτε πώς τα στοιχεία μπορούν να αποκτήσουν κίνηση χρησιμοποιώντας τις καρτεσιανές συντεταγμένες και το API Canvas	Μετακίνηση Στοιχείων	Chris
18	Space Game	Ανίχνευση συγκρούσεων	Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο χρησιμοποιώντας πατήματα πλήκτρων και παρέχετε λειτουργία cooldown για να διασφαλιστεί η απόδοση του παιχνιδιού	Ανίχνευση Συγκρούσεων	Chris
19	Space Game	Παρακολούθηση σκορ	Εκτελέστε μαθηματικούς υπολογισμούς βασισμένους στην κατάσταση και απόδοση του παιχνιδιού	Παρακολούθηση Σκορ	Chris
20	Space Game	Τερματισμός και επανεκκίνηση παιχνιδιού	Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς τιμών μεταβλητών	Ο Όρος Τερματισμού	Chris
21	Banking App	HTML Πρότυπα και Διαδρομές σε Web App	Μάθετε πώς να δημιουργήσετε τη δομή πολλαπλών σελίδων ιστοσελίδας χρησιμοποιώντας διαδρομές και πρότυπα HTML	HTML Πρότυπα και Διαδρομές	Yohan
22	Banking App	Δημιουργία Φόρμας Σύνδεσης και Εγγραφής	Μάθετε για τη δημιουργία φορμών και τη διαχείριση διαδικασιών επικύρωσης	Φόρμες	Yohan
23	Banking App	Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων	Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτήσετε, αποθηκεύσετε και αποδεσμεύσετε	Δεδομένα	Yohan
24	Banking App	Έννοιες Διαχείρισης Κατάστασης	Μάθετε πώς η εφαρμογή σας διατηρεί κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά	Διαχείριση Κατάστασης	Yohan
25	Browser/VScode Code	Εργασία με το VScode	Μάθετε πώς να χρησιμοποιείτε έναν κειμενογράφο κώδικα	Χρήση Επεξεργαστή Κώδικα VScode	Chris
26	AI Assistants	Εργασία με AI	Μάθετε πώς να δημιουργήσετε τον δικό σας βοηθό AI	Έργο Βοηθού AI	Chris

🏫 Παιδαγωγική

Το πρόγραμμα σπουδών μας σχεδιάστηκε με δύο βασικές παιδαγωγικές αρχές κατά νου:

• μάθηση μέσω έργων
• συχνά quiz

Το πρόγραμμα διδάσκει τα βασικά της JavaScript, HTML και CSS, καθώς και τα νεότερα εργαλεία και τεχνικές που χρησιμοποιούν οι σημερινοί προγραμματιστές ιστού. Οι φοιτητές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία δημιουργώντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό τεράριουμ, μια οικολογική επέκταση browser, ένα παιχνίδι τύπου space-invader και μια τραπεζική εφαρμογή για επιχειρήσεις. Στο τέλος της σειράς, οι φοιτητές θα έχουν αποκτήσει στέρεη κατανόηση της ανάπτυξης ιστού.

🎓 Μπορείτε να παρακολουθήσετε τα πρώτα μαθήματα αυτού του προγράμματος ως Μονοπάτι Μάθησης στο Microsoft Learn!

Εξασφαλίζοντας ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους φοιτητές και η διατήρηση των εννοιών αυξάνεται. Επίσης, γράψαμε αρκετά εισαγωγικά μαθήματα στα βασικά της JavaScript για την εισαγωγή των εννοιών, σε συνδυασμό με ένα βίντεο από τη συλλογή "Beginners Series to: JavaScript", των οποίων ορισμένοι συγγραφείς συνέβαλαν σε αυτό το πρόγραμμα.

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

Ενώ έχουμε αποφύγει σκόπιμα την εισαγωγή πλαισίων JavaScript για να επικεντρωθούμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστού πριν από την υιοθέτηση ενός πλαισίου, ένα καλό επόμενο βήμα για την ολοκλήρωση αυτού του προγράμματος θα ήταν η εκμάθηση για το Node.js μέσω μιας άλλης συλλογής βίντεο: "Beginner Series to: Node.js".

Επισκεφθείτε τις οδηγίες μας Κώδικας Συμπεριφοράς και Συμβολή. Καλωσορίζουμε τα εποικοδομητικά σας σχόλια!

🧭 Πρόσβαση εκτός σύνδεσης

Μπορείτε να εκτελέσετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας Docsify. Κλωνοποιήστε αυτό το αποθετήριο, εγκαταστήστε το Docsify στον τοπικό σας υπολογιστή και μετά στον ριζικό φάκελο αυτού του αποθετηρίου, πληκτρολογήστε docsify serve. Ο ιστότοπος θα διατεθεί στην πόρτα 3000 στον localhost σας: localhost:3000.

📘 PDF

Ένα PDF με όλα τα μαθήματα μπορεί να βρεθεί εδώ.

🎒 Άλλα Μαθήματα

Η ομάδα μας παράγει και άλλα μαθήματα! Δείτε:

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

Λήψη Βοήθειας

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

Αν έχετε σχόλια για το προϊόν ή σφάλματα κατά την ανάπτυξη, επισκεφθείτε:

Άδεια

Αυτό το αποθετήριο έχει άδεια υπό τους όρους της άδειας MIT. Δείτε το αρχείο LICENSE για περισσότερες πληροφορίες.

---

Αποποίηση Ευθυνών: Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης με Τεχνητή Νοημοσύνη Co-op Translator. Παρόλο που προσπαθούμε για ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.