diff --git a/translations/el/.co-op-translator.json b/translations/el/.co-op-translator.json index 99799413b..9d815b138 100644 --- a/translations/el/.co-op-translator.json +++ b/translations/el/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:27:37+00:00", + "translation_date": "2026-02-06T08:43:08+00:00", "source_file": "AGENTS.md", "language_code": "el" }, @@ -516,8 +516,8 @@ "language_code": "el" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T18:23:48+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T08:39:11+00:00", "source_file": "README.md", "language_code": "el" }, diff --git a/translations/el/AGENTS.md b/translations/el/AGENTS.md index acd4d9136..8326f3684 100644 --- a/translations/el/AGENTS.md +++ b/translations/el/AGENTS.md @@ -2,23 +2,23 @@ ## Επισκόπηση Έργου -Αυτό είναι ένα αποθετήριο εκπαιδευτικού προγράμματος για τη διδασκαλία των βασικών αρχών ανάπτυξης ιστοσελίδων σε αρχάριους. Το πρόγραμμα είναι ένα ολοκληρωμένο 12-εβδομαδιαίο μάθημα που έχει αναπτυχθεί από τους Microsoft Cloud Advocates, περιλαμβάνοντας 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML. +Αυτό είναι ένα εκπαιδευτικό αποθετήριο διδακτικού προγράμματος για τη διδασκαλία των βασικών της ανάπτυξης ιστοσελίδων σε αρχάριους. Το πρόγραμμα σπουδών είναι ένα ολοκληρωμένο 12-εβδομάδων μάθημα που έχει αναπτυχθεί από τους Microsoft Cloud Advocates, περιλαμβάνοντας 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML. -### Βασικά Στοιχεία +### Κύρια Στοιχεία -- **Εκπαιδευτικό Περιεχόμενο**: 24 δομημένα μαθήματα οργανωμένα σε έργα -- **Πρακτικά Έργα**: Terrarium, Παιχνίδι Πληκτρολόγησης, Επέκταση Περιηγητή, Παιχνίδι Διαστήματος, Εφαρμογή Τραπεζικής, Επεξεργαστής Κώδικα και Βοηθός Συνομιλίας AI -- **Διαδραστικά Κουίζ**: 48 κουίζ με 3 ερωτήσεις το καθένα (πριν/μετά το μάθημα) -- **Υποστήριξη Πολλών Γλωσσών**: Αυτόματες μεταφράσεις για 50+ γλώσσες μέσω GitHub Actions +- **Εκπαιδευτικό Περιεχόμενο**: 24 δομημένα μαθήματα οργανωμένα σε μονάδες με βάση έργα +- **Πρακτικά Έργα**: Terrarium, Παιχνίδι Πληκτρολόγησης, Επέκταση Περιηγητή, Παιχνίδι Διαστήματος, Εφαρμογή Τράπεζας, Κειμενογράφος, και Βοηθός Συνομιλίας AI +- **Διαδραστικά Κουίζ**: 48 κουίζ με 3 ερωτήσεις το καθένα (αξιολογήσεις πριν και μετά το μάθημα) +- **Υποστήριξη Πολλαπλών Γλωσσών**: Αυτόματες μεταφράσεις για πάνω από 50 γλώσσες μέσω GitHub Actions - **Τεχνολογίες**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (για έργα AI) ### Αρχιτεκτονική -- Εκπαιδευτικό αποθετήριο με δομή βασισμένη σε μαθήματα -- Κάθε φάκελος μαθήματος περιέχει README, παραδείγματα κώδικα και λύσεις +- Εκπαιδευτικό αποθετήριο με δομή βασισμένη στα μαθήματα +- Κάθε φάκελος μαθήματος περιέχει README, παραδείγματα κώδικα, και λύσεις - Αυτόνομα έργα σε ξεχωριστούς φακέλους (quiz-app, διάφορα έργα μαθημάτων) -- Σύστημα μετάφρασης μέσω GitHub Actions (co-op-translator) -- Τεκμηρίωση που εξυπηρετείται μέσω Docsify και διαθέσιμη ως PDF +- Σύστημα μετάφρασης με χρήση GitHub Actions (co-op-translator) +- Τεκμηρίωση διατίθεται μέσω Docsify και ως PDF ## Εντολές Ρύθμισης @@ -31,24 +31,24 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Ρύθμιση Εφαρμογής Κουίζ (Vue 3 + Vite) +### Ρύθμιση Quiz App (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # Εκκίνηση διακομιστή ανάπτυξης +npm run build # Δημιουργία για παραγωγή +npm run lint # Εκτέλεση ESLint ``` -### API Τραπεζικού Έργου (Node.js + Express) +### API Έργου Τράπεζας (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # Εκκίνηση διακομιστή API +npm run lint # Εκτέλεση ESLint +npm run format # Μορφοποίηση με Prettier ``` ### Έργα Επέκτασης Περιηγητή @@ -56,7 +56,7 @@ npm run format # Format with Prettier ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# Ακολουθήστε τις οδηγίες φόρτωσης επεκτάσεων ειδικές για τον περιηγητή ``` ### Έργα Παιχνιδιού Διαστήματος @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# Ανοίξτε το index.html στον περιηγητή ή χρησιμοποιήστε το Live Server ``` ### Έργο Συνομιλίας (Python Backend) @@ -72,68 +72,68 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# Ορισμός μεταβλητής περιβάλλοντος GITHUB_TOKEN python api.py ``` -## Ροή Εργασίας Ανάπτυξης +## Ροή Ανάπτυξης -### Για Συνεισφέροντες Περιεχομένου +### Για Συνεργάτες Περιεχομένου -1. **Κάντε fork το αποθετήριο** στον λογαριασμό σας στο GitHub -2. **Κλωνοποιήστε το fork σας** τοπικά -3. **Δημιουργήστε ένα νέο branch** για τις αλλαγές σας +1. **Κλωνοποιήστε το αποθετήριο** στον λογαριασμό σας στο GitHub +2. **Κατεβάστε το fork τοπικά** +3. **Δημιουργήστε νέο κλάδο** για τις αλλαγές σας 4. Κάντε αλλαγές στο περιεχόμενο των μαθημάτων ή στα παραδείγματα κώδικα -5. Δοκιμάστε τις αλλαγές κώδικα στους αντίστοιχους φακέλους έργων -6. Υποβάλετε pull requests ακολουθώντας τις οδηγίες συνεισφοράς +5. Δοκιμάστε τυχόν αλλαγές κώδικα στους αντίστοιχους φακέλους έργων +6. Υποβάλετε pull requests ακολουθώντας τις κατευθυντήριες γραμμές συνεισφοράς ### Για Μαθητές -1. Κάντε fork ή κλωνοποιήστε το αποθετήριο -2. Πλοηγηθείτε στους φακέλους μαθημάτων με τη σειρά +1. Κλωνοποιήστε ή fork το αποθετήριο +2. Μεταβείτε στους φακέλους μαθημάτων σειριακά 3. Διαβάστε τα αρχεία README για κάθε μάθημα -4. Ολοκληρώστε τα κουίζ πριν το μάθημα στο https://ff-quizzes.netlify.app/web/ -5. Εργαστείτε στα παραδείγματα κώδικα στους φακέλους μαθημάτων -6. Ολοκληρώστε τις εργασίες και τις προκλήσεις -7. Κάντε τα κουίζ μετά το μάθημα +4. Ολοκληρώστε τα κουίζ προ-μαθήματος στο https://ff-quizzes.netlify.app/web/ +5. Μελετήστε τα παραδείγματα κώδικα στους φακέλους μαθημάτων +6. Ολοκληρώστε τα καθήκοντα και προκλήσεις +7. Κάντε τα κουίζ μετα-μαθήματος ### Ζωντανή Ανάπτυξη -- **Τεκμηρίωση**: Εκτελέστε `docsify serve` στη ρίζα (port 3000) -- **Εφαρμογή Κουίζ**: Εκτελέστε `npm run dev` στον φάκελο quiz-app -- **Έργα**: Χρησιμοποιήστε την επέκταση Live Server του VS Code για έργα HTML +- **Τεκμηρίωση**: Εκτελέστε `docsify serve` στη ρίζα (θύρα 3000) +- **Quiz App**: Εκτελέστε `npm run dev` στον φάκελο quiz-app +- **Έργα**: Χρησιμοποιήστε την επέκταση Live Server του VS Code για HTML έργα - **API Έργα**: Εκτελέστε `npm start` στους αντίστοιχους φακέλους API ## Οδηγίες Δοκιμών -### Δοκιμή Εφαρμογής Κουίζ +### Δοκιμές Quiz App ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # Έλεγχος για προβλήματα στυλ κώδικα +npm run build # Επιβεβαίωση επιτυχίας κατασκευής ``` -### Δοκιμή API Τραπεζικού Έργου +### Δοκιμές API Τράπεζας ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # Ελέγξτε για ζητήματα στυλ κώδικα +node server.js # Επαληθεύστε ότι ο διακομιστής ξεκινά χωρίς σφάλματα ``` ### Γενική Προσέγγιση Δοκιμών -- Αυτό είναι ένα εκπαιδευτικό αποθετήριο χωρίς ολοκληρωμένες αυτοματοποιημένες δοκιμές -- Η χειροκίνητη δοκιμή επικεντρώνεται σε: - - Εκτέλεση παραδειγμάτων κώδικα χωρίς σφάλματα - - Σωστή λειτουργία συνδέσμων στην τεκμηρίωση - - Επιτυχής ολοκλήρωση κατασκευών έργων - - Συμμόρφωση παραδειγμάτων με βέλτιστες πρακτικές +- Πρόκειται για εκπαιδευτικό αποθετήριο χωρίς ολοκληρωμένες αυτοματοποιημένες δοκιμές +- Οι μη αυτόματες δοκιμές εστιάζουν σε: + - Τα παραδείγματα κώδικα να τρέχουν χωρίς σφάλματα + - Οι σύνδεσμοι στην τεκμηρίωση να λειτουργούν σωστά + - Οι κατασκευές έργων να ολοκληρώνονται επιτυχώς + - Τα παραδείγματα να ακολουθούν τις βέλτιστες πρακτικές ### Έλεγχοι Πριν την Υποβολή -- Εκτελέστε `npm run lint` στους φακέλους με package.json +- Εκτελέστε `npm run lint` σε φακέλους με package.json - Επαληθεύστε ότι οι σύνδεσμοι markdown είναι έγκυροι - Δοκιμάστε παραδείγματα κώδικα σε περιηγητή ή Node.js - Ελέγξτε ότι οι μεταφράσεις διατηρούν τη σωστή δομή @@ -143,52 +143,52 @@ node server.js # Verify server starts without errors ### JavaScript - Χρησιμοποιήστε σύγχρονη σύνταξη ES6+ -- Ακολουθήστε τις τυπικές ρυθμίσεις ESLint που παρέχονται στα έργα -- Χρησιμοποιήστε κατανοητά ονόματα μεταβλητών και συναρτήσεων για εκπαιδευτική σαφήνεια +- Ακολουθήστε τις τυπικές διαμορφώσεις ESLint που παρέχονται στα έργα +- Χρησιμοποιήστε ουσιαστικά ονόματα μεταβλητών και συναρτήσεων για εκπαιδευτική σαφήνεια - Προσθέστε σχόλια που εξηγούν έννοιες για τους μαθητές - Μορφοποιήστε χρησιμοποιώντας Prettier όπου έχει ρυθμιστεί ### HTML/CSS -- Χρησιμοποιήστε σημασιολογικά στοιχεία HTML5 -- Εφαρμόστε αρχές σχεδιασμού για ανταπόκριση -- Χρησιμοποιήστε σαφείς συμβάσεις ονοματοδοσίας κλάσεων -- Προσθέστε σχόλια που εξηγούν τεχνικές CSS για τους μαθητές +- Σημασιολογικά στοιχεία HTML5 +- Αρχές σχεδιασμού για ανταποκρινόμενο περιεχόμενο +- Καθαρή ονοματολογία κλάσεων +- Σχόλια που εξηγούν τεχνικές CSS για τους μαθητές ### Python -- Ακολουθήστε τις οδηγίες στυλ PEP 8 -- Παρέχετε σαφή, εκπαιδευτικά παραδείγματα κώδικα -- Χρησιμοποιήστε τύπους όπου είναι χρήσιμοι για μάθηση +- Κατευθυντήριες γραμμές στυλ PEP 8 +- Καθαρά, εκπαιδευτικά παραδείγματα κώδικα +- Type hints όπου είναι χρήσιμα για τη μάθηση -### Τεκμηρίωση Markdown +### Τεκμηρίωση σε Markdown - Σαφής ιεραρχία επικεφαλίδων -- Μπλοκ κώδικα με καθορισμό γλώσσας -- Σύνδεσμοι σε πρόσθετους πόρους -- Στιγμιότυπα οθόνης και εικόνες στους φακέλους `images/` +- Κώδικας με δηλωμένη γλώσσα +- Σύνδεσμοι προς επιπλέον πόρους +- Στιγμιότυπα και εικόνες στον φάκελο `images/` - Εναλλακτικό κείμενο για εικόνες για προσβασιμότητα ### Οργάνωση Αρχείων -- Μαθήματα αριθμημένα διαδοχικά (1-getting-started-lessons, 2-js-basics, κ.λπ.) +- Μαθήματα αριθμημένα ακολουθιακά (1-getting-started-lessons, 2-js-basics, κτλ.) - Κάθε έργο έχει φακέλους `solution/` και συχνά `start/` ή `your-work/` -- Εικόνες αποθηκευμένες σε φακέλους `images/` συγκεκριμένων μαθημάτων -- Μεταφράσεις στη δομή `translations/{language-code}/` +- Εικόνες αποθηκεύονται σε φακέλους `images/` ειδικούς για κάθε μάθημα +- Μεταφράσεις σε δομή `translations/{language-code}/` -## Κατασκευή και Ανάπτυξη +## Δόμηση και Ανάπτυξη -### Ανάπτυξη Εφαρμογής Κουίζ (Azure Static Web Apps) +### Ανάπτυξη Quiz App (Azure Static Web Apps) -Η εφαρμογή quiz-app είναι ρυθμισμένη για ανάπτυξη σε Azure Static Web Apps: +Το quiz-app είναι διαμορφωμένο για ανάπτυξη Azure Static Web Apps: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # Δημιουργεί φάκελο dist/ +# Αναπτύσσει μέσω ροής εργασίας GitHub Actions κατά το push στο main ``` -Ρύθμιση Azure Static Web Apps: +Διαμόρφωση Azure Static Web Apps: - **Τοποθεσία εφαρμογής**: `/quiz-app` - **Τοποθεσία εξόδου**: `dist` - **Ροή εργασίας**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` @@ -196,83 +196,83 @@ npm run build # Creates dist/ folder ### Δημιουργία PDF Τεκμηρίωσης ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # Εγκαταστήστε το docsify-to-pdf +npm run convert # Δημιουργήστε PDF από docs ``` ### Τεκμηρίωση Docsify ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # Εγκαταστήστε το Docsify παγκοσμίως +docsify serve # Παρέχετε σε localhost:3000 ``` -### Κατασκευές Ειδικών Έργων +### Ειδικές Κατασκευές Έργων -Κάθε φάκελος έργου μπορεί να έχει τη δική του διαδικασία κατασκευής: -- Έργα Vue: `npm run build` δημιουργεί παραγωγικά πακέτα -- Στατικά έργα: Χωρίς βήμα κατασκευής, εξυπηρετήστε αρχεία απευθείας +Κάθε φάκελος έργου μπορεί να έχει δική του διαδικασία κατασκευής: +- Vue έργα: `npm run build` δημιουργεί αρχεία παραγωγής +- Στατικά έργα: Δεν υπάρχει βήμα κατασκευής, τα αρχεία σερβίρονται απευθείας -## Οδηγίες Pull Request +## Οδηγίες Υποβολής Pull Request ### Μορφή Τίτλου -Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που υποδεικνύουν την περιοχή αλλαγής: -- `[Quiz-app] Προσθήκη νέου κουίζ για το μάθημα X` -- `[Lesson-3] Διόρθωση τυπογραφικού στο έργο terrarium` -- `[Translation] Προσθήκη ισπανικής μετάφρασης για το μάθημα 5` -- `[Docs] Ενημέρωση οδηγιών ρύθμισης` +Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που υποδεικνύουν το πεδίο της αλλαγής: +- `[Quiz-app] Προσθήκη νέου κουίζ για μάθημα X` +- `[Lesson-3] Διόρθωση λάθους στο έργο terrarium` +- `[Translation] Προσθήκη ισπανικής μετάφρασης για μάθημα 5` +- `[Docs] Ενημέρωση οδηγιών εγκατάστασης` ### Απαιτούμενοι Έλεγχοι Πριν την υποβολή PR: 1. **Ποιότητα Κώδικα**: - - Εκτελέστε `npm run lint` στους επηρεαζόμενους φακέλους έργων - - Διορθώστε όλα τα σφάλματα και τις προειδοποιήσεις linting + - Εκτελέστε `npm run lint` στους αντίστοιχους φακέλους έργων + - Διορθώστε όλα τα σφάλματα και τις προειδοποιήσεις lint 2. **Επαλήθευση Κατασκευής**: - - Εκτελέστε `npm run build` αν είναι απαραίτητο + - Εκτελέστε `npm run build` εφόσον απαιτείται - Βεβαιωθείτε ότι δεν υπάρχουν σφάλματα κατασκευής -3. **Επαλήθευση Συνδέσμων**: +3. **Επικύρωση Συνδέσμων**: - Δοκιμάστε όλους τους συνδέσμους markdown - Επαληθεύστε ότι οι αναφορές εικόνων λειτουργούν -4. **Ανασκόπηση Περιεχομένου**: - - Ελέγξτε για ορθογραφικά και γραμματικά λάθη +4. **Έλεγχος Περιεχομένου**: + - Διορθώστε ορθογραφικά και γραμματικά λάθη - Βεβαιωθείτε ότι τα παραδείγματα κώδικα είναι σωστά και εκπαιδευτικά - - Επαληθεύστε ότι οι μεταφράσεις διατηρούν το αρχικό νόημα + - Επαληθεύστε ότι οι μεταφράσεις διατηρούν την αρχική σημασία ### Απαιτήσεις Συνεισφοράς -- Συμφωνήστε με το Microsoft CLA (αυτοματοποιημένος έλεγχος στο πρώτο PR) -- Ακολουθήστε τον [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Αποδοχή Microsoft CLA (αυτόματος έλεγχος κατά το πρώτο PR) +- Ακολουθήστε τον [Κώδικα Συμπεριφοράς Ανοιχτού Κώδικα της Microsoft](https://opensource.microsoft.com/codeofconduct/) - Δείτε το [CONTRIBUTING.md](./CONTRIBUTING.md) για λεπτομερείς οδηγίες -- Αναφέρετε αριθμούς ζητημάτων στην περιγραφή PR αν είναι απαραίτητο +- Αναφέρετε αριθμούς θεμάτων στην περιγραφή PR αν ισχύει -### Διαδικασία Ανασκόπησης +### Διαδικασία Αναθεώρησης -- Τα PR ανασκοπούνται από συντηρητές και την κοινότητα -- Δίνεται προτεραιότητα στη εκπαιδευτική σαφήνεια +- Τα PR εξετάζονται από τους διαχειριστές και την κοινότητα +- Δίνεται προτεραιότητα στην εκπαιδευτική σαφήνεια - Τα παραδείγματα κώδικα πρέπει να ακολουθούν τις τρέχουσες βέλτιστες πρακτικές -- Οι μεταφράσεις ανασκοπούνται για ακρίβεια και πολιτισμική καταλληλότητα +- Οι μεταφράσεις ελέγχονται για ακρίβεια και πολιτισμική καταλληλότητα ## Σύστημα Μετάφρασης ### Αυτόματη Μετάφραση - Χρησιμοποιεί GitHub Actions με ροή εργασίας co-op-translator -- Μεταφράζει αυτόματα σε 50+ γλώσσες +- Μεταφράζει σε πάνω από 50 γλώσσες αυτόματα - Αρχεία πηγής στους κύριους φακέλους -- Μεταφρασμένα αρχεία στη δομή `translations/{language-code}/` +- Μεταφρασμένα αρχεία στους φακέλους `translations/{language-code}/` -### Προσθήκη Βελτιώσεων Χειροκίνητης Μετάφρασης +### Προσθήκη Χειροκίνητων Βελτιώσεων Μετάφρασης -1. Εντοπίστε το αρχείο στο `translations/{language-code}/` +1. Εντοπίστε το αρχείο σε `translations/{language-code}/` 2. Κάντε βελτιώσεις διατηρώντας τη δομή 3. Βεβαιωθείτε ότι τα παραδείγματα κώδικα παραμένουν λειτουργικά -4. Δοκιμάστε οποιοδήποτε τοπικό περιεχόμενο κουίζ +4. Δοκιμάστε τυχόν τοπικό περιεχόμενο κουίζ ### Μεταδεδομένα Μετάφρασης @@ -289,100 +289,120 @@ CO_OP_TRANSLATOR_METADATA: --> ``` -## Εντοπισμός Σφαλμάτων και Αντιμετώπιση Προβλημάτων +## Ανίχνευση και Αντιμετώπιση Προβλημάτων ### Συνηθισμένα Προβλήματα -**Η εφαρμογή κουίζ δεν ξεκινά**: -- Ελέγξτε την έκδοση Node.js (συνιστάται v14+) +**Η εφαρμογή quiz δεν ξεκινά**: +- Ελέγξτε την έκδοση Node.js (συστήνεται v14+) - Διαγράψτε `node_modules` και `package-lock.json`, εκτελέστε ξανά `npm install` -- Ελέγξτε για συγκρούσεις θύρας (προεπιλογή: Vite χρησιμοποιεί θύρα 5173) +- Ελέγξτε για συγκρούσεις θυρών (προεπιλογή: Vite χρησιμοποιεί θύρα 5173) **Ο διακομιστής API δεν ξεκινά**: -- Βεβαιωθείτε ότι η έκδοση Node.js πληροί το ελάχιστο (node >=10) +- Επαληθεύστε ότι η έκδοση Node.js είναι τουλάχιστον 10 - Ελέγξτε αν η θύρα είναι ήδη σε χρήση - Βεβαιωθείτε ότι όλες οι εξαρτήσεις έχουν εγκατασταθεί με `npm install` **Η επέκταση περιηγητή δεν φορτώνει**: -- Επαληθεύστε ότι το manifest.json είναι σωστά μορφοποιημένο -- Ελέγξτε την κονσόλα του περιηγητή για σφάλματα -- Ακολουθήστε τις οδηγίες εγκατάστασης επέκτασης για συγκεκριμένο περιηγητή +- Επαληθεύστε ότι το manifest.json είναι σωστά διαμορφωμένο +- Ελέγξτε για σφάλματα στην κονσόλα περιηγητή +- Ακολουθήστε τις οδηγίες εγκατάστασης επέκτασης συγκεκριμένου περιηγητή **Προβλήματα έργου συνομιλίας Python**: - Βεβαιωθείτε ότι το πακέτο OpenAI είναι εγκατεστημένο: `pip install openai` -- Επαληθεύστε ότι η μεταβλητή περιβάλλοντος GITHUB_TOKEN έχει οριστεί +- Επαληθεύστε ότι η μεταβλητή περιβάλλοντος GITHUB_TOKEN είναι ορισμένη - Ελέγξτε τα δικαιώματα πρόσβασης στα GitHub Models -**Το Docsify δεν εξυπηρετεί την τεκμηρίωση**: -- Εγκαταστήστε το docsify-cli παγκοσμίως: `npm install -g docsify-cli` -- Εκτελέστε από τον ριζικό φάκελο του αποθετηρίου -- Ελέγξτε ότι υπάρχει το `docs/_sidebar.md` +**Τα Docsify δεν σερβίρουν τεκμηρίωση**: +- Εγκαταστήστε docsify-cli παγκοσμίως: `npm install -g docsify-cli` +- Εκτελέστε από τη ρίζα του αποθετηρίου +- Ελέγξτε ότι το `docs/_sidebar.md` υπάρχει ### Συμβουλές Περιβάλλοντος Ανάπτυξης -- Χρησιμοποιήστε το VS Code με την επέκταση Live Server για έργα HTML -- Εγκαταστήστε τις επεκτάσεις ESLint και Prettier για συνεπή μορφοποίηση +- Χρησιμοποιήστε VS Code με επέκταση Live Server για έργα HTML +- Εγκαταστήστε τις επεκτάσεις ESLint και Prettier για ομοιόμορφη μορφοποίηση - Χρησιμοποιήστε τα DevTools του περιηγητή για αποσφαλμάτωση JavaScript -- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools στον περιηγητή +- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools για τον περιηγητή -### Σκέψεις Απόδοσης +### Θεωρήσεις Απόδοσης -- Ο μεγάλος αριθμός μεταφρασμένων αρχείων (50+ γλώσσες) σημαίνει ότι οι πλήρεις κλωνοποιήσεις είναι μεγάλες -- Χρησιμοποιήστε shallow clone αν εργάζεστε μόνο στο περιεχόμενο: `git clone --depth 1` -- Εξαιρέστε τις μεταφράσεις από τις αναζητήσεις όταν εργάζεστε στο αγγλικό περιεχόμενο -- Οι διαδικασίες κατασκευής μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, Vite build) +- Μεγάλος αριθμός μεταφρασμένων αρχείων (πάνω από 50 γλώσσες) σημαίνει μεγάλα πλήρη clones +- Χρησιμοποιήστε shallow clone αν εργάζεστε μόνο με περιεχόμενο: `git clone --depth 1` +- Αποκλείστε τις μεταφράσεις από τις αναζητήσεις όταν εργάζεστε με αγγλικό περιεχόμενο +- Οι διαδικασίες build μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, Vite build) -## Σκέψεις Ασφαλείας +## Θεωρήσεις Ασφαλείας ### Μεταβλητές Περιβάλλοντος -- Τα κλειδιά API δεν πρέπει ποτέ να δεσμεύονται στο αποθετήριο +- Δεν πρέπει ποτέ να αποθηκεύονται κλειδιά API στο αποθετήριο - Χρησιμοποιήστε αρχεία `.env` (ήδη στο `.gitignore`) - Τεκμηριώστε τις απαιτούμενες μεταβλητές περιβάλλοντος στα README των έργων ### Έργα Python -- Χρησιμοποιήστε εικονικά περιβάλλοντα: `python -m venv venv` -- Διατηρήστε τις εξαρτήσεις ενημερωμένες -- Τα GitHub tokens πρέπει να έχουν τα ελάχιστα απαιτούμενα δικαιώματα +- Χρησιμοποιείτε εικονικά περιβάλλοντα: `python -m venv venv` +- Διατηρείτε τις εξαρτήσεις ενημερωμένες +- Τα tokens GitHub πρέπει να έχουν μόνο τα απαραίτητα δικαιώματα -### Πρόσβαση στα GitHub Models +### Πρόσβαση σε GitHub Models -- Απαιτούνται Personal Access Tokens (PAT) για τα GitHub Models +- Απαιτούνται Personal Access Tokens (PAT) για πρόσβαση σε GitHub Models - Τα tokens πρέπει να αποθηκεύονται ως μεταβλητές περιβάλλοντος -- Ποτέ μην δεσμεύετε tokens ή διαπιστευτήρια +- Μην αποθηκεύετε ποτέ tokens ή διαπιστευτήρια στο αποθετήριο -## Πρόσθετες Σημειώσεις +## Επιπλέον Σημειώσεις -### Στόχος Κοινού +### Στοχευόμενο Κοινό - Απόλυτοι αρχάριοι στην ανάπτυξη ιστοσελίδων -- Μαθητές και αυτοδίδακτοι +- Φοιτητές και αυτοδίδακτοι - Εκπαιδευτικοί που χρησιμοποιούν το πρόγραμμα σε τάξεις -- Το περιεχόμενο είναι σχεδιασμένο για προσβασιμότητα και σταδιακή ανάπτυξη δεξιοτήτων +- Το περιεχόμενο έχει σχεδιαστεί για προσβασιμότητα και σταδιακή ανάπτυξη δεξιοτήτων ### Εκπαιδευτική Φιλοσοφία - Προσέγγιση μάθησης βασισμένη σε έργα -- Συχνές αξιολογήσεις γνώσεων (κουίζ) -- Πρακτικές ασκήσεις κώδικα +- Συχνές επαληθεύσεις γνώσεων (κουίζ) +- Πρακτικές ασκήσεις κωδικοποίησης - Παραδείγματα εφαρμογών πραγματικού κόσμου -- Εστίαση στα θεμελιώδη πριν από τα frameworks +- Εστίαση στα βασικά πριν από τα frameworks -### Συντήρηση Αποθετηρίου +### Διαχείριση Αποθετηρίου -- Ενεργή κοινότητα μαθητών και συνεισφερόντων +- Ενεργή κοινότητα μαθητών και συνεργατών - Τακτικές ενημερώσεις εξαρτήσεων και περιεχομένου -- Ζητήματα και συζητήσεις παρακολουθούνται από συντηρητές -- Ενημερώσεις μεταφράσεων αυτοματοποιημένες μέσω GitHub Actions +- Παρακολούθηση θεμάτων και συζητήσεων από διαχειριστές +- Αυτόματες ενημερώσεις μεταφράσεων μέσω GitHub Actions ### Σχετικοί Πόροι - [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Πόροι Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub +- [Student Hub πόροι](https://docs.microsoft.com/learn/student-hub/) +- Το [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) προτείνεται για μαθητές +- Επιπλέον μαθήματα: Generative AI, Data Science, ML, IoT curricula διαθέσιμα + +### Εργασία με Συγκεκριμένα Έργα + +Για λεπτομερείς οδηγίες για μεμονωμένα έργα, ανατρέξτε στα αρχεία README σε: +- `quiz-app/README.md` - Εφαρμογή κουίζ Vue 3 +- `7-bank-project/README.md` - Εφαρμογή τράπεζας με αυθεντικοποίηση +- `5-browser-extension/README.md` - Ανάπτυξη επέκτασης περιηγητή +- `6-space-game/README.md` - Ανάπτυξη παιχνιδιού καμβά +- `9-chat-project/README.md` - Έργο βοηθού συνομιλίας AI + +### Δομή Monorepo + +Αν και δεν είναι παραδοσιακό monorepo, αυτό το αποθετήριο περιέχει πολλά ανεξάρτητα έργα: +- Κάθε μάθημα είναι ανεξάρτητο +- Τα έργα δεν μοιράζονται εξαρτήσεις +- Εργαστείτε σε μεμονωμένα έργα χωρίς να επηρεάσετε άλλα +- Κλωνοποιήστε ολόκληρο το αποθετήριο για την πλήρη εμπειρία προγράμματος σπουδών --- + **Αποποίηση ευθύνης**: -Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. \ No newline at end of file +Το παρόν έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλούμε να λάβετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται η επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε καμία ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. + \ No newline at end of file diff --git a/translations/el/README.md b/translations/el/README.md index b927187b9..6325c6f30 100644 --- a/translations/el/README.md +++ b/translations/el/README.md @@ -10,200 +10,200 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Ανάπτυξη Ιστού για Αρχάριους - Μια Διδακτική Ενότητα +# Ανάπτυξη Ιστού για Αρχάριους - Ένα Αναλυτικό Πρόγραμμα Σπουδών -Μάθετε τα θεμέλια της ανάπτυξης ιστού με το ολοκληρωμένο μάθημα 12 εβδομάδων από τους Υποστηρικτές Microsoft Cloud. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσω πρακτικών έργων όπως τεραρίουμ, επεκτάσεις περιηγητή και διαστημικά παιχνίδια. Εμπλακείτε με κουίζ, συζητήσεις και πρακτικές εργασίες. Ενισχύστε τις δεξιότητές σας και βελτιστοποιήστε την απομνημόνευση γνώσεων με την αποτελεσματική παιδαγωγική μας βασισμένη σε έργα. Ξεκινήστε το ταξίδι σας στον προγραμματισμό σήμερα! +Μάθετε τα βασικά της ανάπτυξης ιστού με το ολοκληρωμένο 12-εβδομάδων μάθημά μας από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα διερευνά JavaScript, CSS και HTML μέσω πρακτικών έργων όπως τεράρια, επεκτάσεις προγράμματος περιήγησης και διαστημικά παιχνίδια. Εμπλακείτε με κουίζ, συζητήσεις και πρακτικές εργασίες. Ενισχύστε τις δεξιότητές σας και βελτιστοποιήστε την απομνημόνευση γνώσεων με τη αποτελεσματική παιδαγωγική μας βάσει έργων. Ξεκινήστε το ταξίδι σας στον προγραμματισμό σήμερα! -Ενταχθείτε στην κοινότητα Azure AI Foundry στο Discord +Εγγραφείτε στην Κοινότητα Azure AI Foundry Discord [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ακολουθήστε αυτά τα βήματα για να αρχίσετε να χρησιμοποιείτε αυτούς τους πόρους: -1. **Κάντε Fork το Αποθετήριο**: Κάντε κλικ στο [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +Ακολουθήστε αυτά τα βήματα για να ξεκινήσετε να χρησιμοποιείτε αυτούς τους πόρους: +1. **Κλωνοποιήστε το Αποθετήριο**: Κάντε κλικ στο [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **Κλωνοποιήστε το Αποθετήριο**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Ενταχθείτε στην κοινότητα Azure AI Foundry στο Discord και συναντήστε ειδικούς και άλλους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4) +3. [**Εγγραφείτε στο Azure AI Foundry Discord και γνωρίστε ειδικούς και συναδέλφους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Υποστήριξη Πολύγλωσσης Επικοινωνίας +### 🌐 Υποστήριξη Πολλαπλών Γλωσσών -#### Υποστηρίζεται μέσω GitHub Action (Αυτοματοποιημένο & Πάντα Ενημερωμένο) +#### Υποστηρίζεται μέσω GitHub Action (Αυτόματο & Πάντα Ενημερωμένο) -[Αραβικά](../ar/README.md) | [Μπενγκάλι](../bn/README.md) | [Βουλγαρικά](../bg/README.md) | [Βιρμανικά (Μιανμάρ)](../my/README.md) | [Κινέζικα (Απλοποιημένα)](../zh-CN/README.md) | [Κινέζικα (Παραδοσιακά, Χονγκ Κονγκ)](../zh-HK/README.md) | [Κινέζικα (Παραδοσιακά, Μακάο)](../zh-MO/README.md) | [Κινέζικα (Παραδοσιακά, Ταϊβάν)](../zh-TW/README.md) | [Κροατικά](../hr/README.md) | [Τσέχικα](../cs/README.md) | [Δανικά](../da/README.md) | [Ολλανδικά](../nl/README.md) | [Εσθονικά](../et/README.md) | [Φινλανδικά](../fi/README.md) | [Γαλλικά](../fr/README.md) | [Γερμανικά](../de/README.md) | [Ελληνικά](./README.md) | [Εβραϊκά](../he/README.md) | [Χίντι](../hi/README.md) | [Ουγγρικά](../hu/README.md) | [Ινδονησιακά](../id/README.md) | [Ιταλικά](../it/README.md) | [Ιαπωνικά](../ja/README.md) | [Κανάντα](../kn/README.md) | [Κορεατικά](../ko/README.md) | [Λιθουανικά](../lt/README.md) | [Μαλαϊκά](../ms/README.md) | [Μαλαγιαλάμ](../ml/README.md) | [Μαραθικά](../mr/README.md) | [Νεπάλι](../ne/README.md) | [Νιγηριανά Πίνγκιν](../pcm/README.md) | [Νορβηγικά](../no/README.md) | [Περσικά (Φαρσί)](../fa/README.md) | [Πολωνικά](../pl/README.md) | [Πορτογαλικά (Βραζιλία)](../pt-BR/README.md) | [Πορτογαλικά (Πορτογαλία)](../pt-PT/README.md) | [Πουντζάμπι (Γκουρμούκι)](../pa/README.md) | [Ρουμανικά](../ro/README.md) | [Ρωσικά](../ru/README.md) | [Σερβικά (Κυριλλικά)](../sr/README.md) | [Σλοβακικά](../sk/README.md) | [Σλοβενικά](../sl/README.md) | [Ισπανικά](../es/README.md) | [Σουαχίλι](../sw/README.md) | [Σουηδικά](../sv/README.md) | [Ταγκάλογκ (Φιλιππινέζικα)](../tl/README.md) | [Ταμίλ](../ta/README.md) | [Τελούγκου](../te/README.md) | [Ταιλανδικά](../th/README.md) | [Τουρκικά](../tr/README.md) | [Ουκρανικά](../uk/README.md) | [Ουντζτού](../ur/README.md) | [Βιετναμέζικα](../vi/README.md) +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](./README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **Προτιμάτε να κλωνοποιήσετε τοπικά;** +> **Προτιμάτε να Κλωνοποιήσετε τοπικά;** -> Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 γλωσσικές μεταφράσεις που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κλωνοποιήσετε χωρίς τις μεταφράσεις, χρησιμοποιήστε sparse checkout: +> Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 μεταφράσεις που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κλωνοποιήσετε χωρίς μεταφράσεις, χρησιμοποιήστε sparse checkout: > ```bash > 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' > ``` -> Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ ταχύτερη λήψη. +> Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη. -**Εάν επιθυμείτε να υποστηριχθούν επιπλέον γλώσσες μεταφράσεων, αυτές αναφέρονται [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Εάν θέλετε να υποστηρίζονται επιπρόσθετες μεταφράσεις, οι υποστηριζόμενες γλώσσες αναφέρονται [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Άνοιγμα στο Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Είσαι φοιτητής;_ -Επισκεφθείτε τη [**Σελίδα Φοιτητή**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) όπου θα βρείτε πόρους για αρχάριους, πακέτα φοιτητών και ακόμη τρόπους για να αποκτήσετε δωρεάν κουπόνι πιστοποίησης. Αυτή είναι η σελίδα που αξίζει να αποθηκεύσετε στα αγαπημένα σας και να ελέγχετε τακτικά καθώς ανανεώνουμε το περιεχόμενο κάθε μήνα. +Επισκεφτείτε τη σελίδα [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) όπου θα βρείτε πόρους για αρχάριους, πακέτα για φοιτητές και ακόμα τρόπους για να αποκτήσετε δωρεάν κουπόνι πιστοποιητικού. Αυτή είναι η σελίδα που θέλετε να προσθέσετε στα αγαπημένα σας και να ελέγχετε περιοδικά καθώς ενημερώνουμε το περιεχόμενο μηνιαίως. -### 📣 Ανακοίνωση - Νέες προκλήσεις σε λειτουργία GitHub Copilot Agent για να ολοκληρώσετε! +### 📣 Ανακοίνωση - Νέες προκλήσεις λειτουργίας GitHub Copilot Agent για ολοκλήρωση! -Προστέθηκε νέα πρόκληση, βρείτε την "GitHub Copilot Agent Challenge 🚀" σε πολλά κεφάλαια. Πρόκειται για μια νέα πρόκληση που μπορείτε να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Εάν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, είναι ικανή όχι μόνο να δημιουργεί κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και πολλά άλλα. +Προστέθηκε νέα πρόκληση, αναζητήστε "GitHub Copilot Agent Challenge 🚀" στα περισσότερα κεφάλαια. Πρόκειται για μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Εάν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, μπορεί όχι μόνο να παράγει κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα. -### 📣 Ανακοίνωση - _Νέο έργο που κατασκευάζεται με τη χρήση Γενετικής Τεχνητής Νοημοσύνης_ +### 📣 Ανακοίνωση - _Νέο Έργο προς κατασκευή με τη Χρήση Generative AI_ -Πρόσφατα προστέθηκε νέο έργο AI Assistant, δείτε το [έργο](./9-chat-project/README.md) +Πρόσφατα προστέθηκε νέο έργο βοηθού AI, ελέγξτε το [έργο](./9-chat-project/README.md) -### 📣 Ανακοίνωση - _Νέο Πρόγραμμα Σπουδών_ για Γενετική Τεχνητή Νοημοσύνη στην JavaScript μόλις κυκλοφόρησε +### 📣 Ανακοίνωση - _Νέο Πρόγραμμα Σπουδών_ για Generative AI σε JavaScript μόλις κυκλοφόρησε -Μην χάσετε το νέο μας πρόγραμμα σπουδών για Γενετική Τεχνητή Νοημοσύνη! +Μην χάσετε το νέο μας πρόγραμμα σπουδών για Generative AI! -Επισκεφθείτε [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! +Επισκεφτείτε το [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! -![Υπόβαθρο](../../translated_images/el/background.148a8d43afde5730.webp) +![Background](../../translated_images/el/background.148a8d43afde5730.webp) -- Μαθήματα που καλύπτουν τα πάντα από τα βασικά έως το RAG. -- Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας το GenAI και την εφαρμογή συνοδείας μας. -- Διασκεδαστική και συναρπαστική αφήγηση, θα ταξιδεύετε στο χρόνο! +- Μαθήματα που καλύπτουν από τα βασικά έως RAG. +- Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας GenAI και την εφαρμογή συντρόφου μας. +- Διασκεδαστική και καθηλωτική αφήγηση, θα ταξιδεύετε στο χρόνο! -![χαρακτήρας](../../translated_images/el/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/el/character.5c0dd8e067ffd693.webp) -Κάθε μάθημα περιλαμβάνει μια εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση για να σας καθοδηγήσει σε θέματα όπως: -- Προτροπή και σχεδιασμός προτροπής +Κάθε μάθημα περιλαμβάνει μία εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση για να σας καθοδηγήσει σε θέματα όπως: +- Προτροπή και σχεδιασμός προτροπής (prompting και prompt engineering) - Δημιουργία εφαρμογών κειμένου και εικόνας - Εφαρμογές αναζήτησης -Επισκεφθείτε [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) για να ξεκινήσετε! +Επισκεφτείτε [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) για να ξεκινήσετε! ## 🌱 Ξεκινώντας -> **Καθηγητές**, έχουμε [συμπεριλάβει κάποιες προτάσεις](for-teachers.md) για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα εκτιμούσαμε τα σχόλιά σας [στο φόρουμ συζητήσεων](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Καθηγητές**, περιλαμβάνουμε [κάποιες προτάσεις](for-teachers.md) για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα θέλαμε το σχόλιό σας [στο φόρουμ συζητήσεων](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Μαθητές](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, για κάθε μάθημα, ξεκινήστε με ένα προ-διάλεξη κουίζ και συνεχίστε με την ανάγνωση του υλικού διάλεξης, ολοκληρώνοντας τις διάφορες δραστηριότητες και ελέγχοντας την κατανόησή σας με το μετα-διάλεξη κουίζ. +**[Μαθητές](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, για κάθε μάθημα, ξεκινήστε με ένα προ-παρουσίασης κουίζ και ακολουθήστε με την ανάγνωση του διδακτικού υλικού, ολοκληρώνοντας τις διάφορες δραστηριότητες και ελέγχοντας την κατανόηση σας με το μετά-παρουσίασης κουίζ. -Για να βελτιώσετε την εκπαιδευτική σας εμπειρία, συνδεθείτε με τους συνομηλίκους σας για να εργαστείτε μαζί στα έργα! Οι συζητήσεις ενθαρρύνονται στο [φόρουμ συζητήσεων](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) όπου η ομάδα των μεσαζόντων μας θα είναι διαθέσιμη για να απαντήσει στις ερωτήσεις σας. +Για να βελτιώσετε την εμπειρία μάθησής σας, συνδεθείτε με τους συμμαθητές σας για να εργαστείτε από κοινού στα έργα! Ενθαρρύνονται οι συζητήσεις στο [φόρουμ συζητήσεων](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) όπου η ομάδα των συντονιστών μας θα είναι διαθέσιμη για να απαντήσει στις ερωτήσεις σας. -Για να προχωρήσετε στην εκπαίδευσή σας, συνιστούμε ανεπιφύλακτα να εξερευνήσετε το [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) για επιπλέον υλικά μελέτης. +Για να προχωρήσετε περαιτέρω στην εκπαίδευσή σας, σας προτείνουμε έντονα να εξερευνήσετε το [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) για επιπλέον υλικό μελέτης. ### 📋 Ρύθμιση του περιβάλλοντός σας -Αυτό το πρόγραμμα σπουδών διαθέτει έτοιμο περιβάλλον ανάπτυξης! Όταν ξεκινάτε μπορείτε να επιλέξετε να τρέξετε το πρόγραμμα σε ένα [Codespace](https://github.com/features/codespaces/) (_ένα περιβάλλον βασισμένο σε πρόγραμμα περιήγησης, χωρίς ανάγκη εγκαταστάσεων_), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας έναν επεξεργαστή κειμένου όπως το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Αυτό το πρόγραμμα σπουδών έχει έτοιμο περιβάλλον ανάπτυξης! Καθώς ξεκινάτε μπορείτε να επιλέξετε να εκτελέσετε το πρόγραμμα σε [Codespace](https://github.com/features/codespaces/) (_ένα περιβάλλον βασισμένο σε πρόγραμμα περιήγησης, χωρίς ανάγκη εγκαταστάσεων_), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας έναν επεξεργαστή κειμένου όπως το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Δημιουργία του αποθετηρίου σας -Για να αποθηκεύετε εύκολα την εργασία σας, προτείνεται να δημιουργήσετε το δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί **Use this template** στην κορυφή της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στο λογαριασμό GitHub σας με ένα αντίγραφο του προγράμματος σπουδών. +#### Δημιουργία αποθετηρίου +Για να αποθηκεύετε εύκολα τη δουλειά σας, συνιστάται να δημιουργήσετε δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί **Use this template** στο επάνω μέρος της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στον λογαριασμό σας στο GitHub με ένα αντίγραφο του προγράμματος σπουδών. Ακολουθήστε αυτά τα βήματα: -1. **Κάντε Fork το Αποθετήριο**: Κάντε κλικ στο κουμπί "Fork" πάνω δεξιά σε αυτή τη σελίδα. +1. **Fork το Αποθετήριο**: Κάντε κλικ στο κουμπί "Fork" στην πάνω δεξιά γωνία αυτής της σελίδας. 2. **Κλωνοποιήστε το Αποθετήριο**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Εκτέλεση του προγράμματος σε Codespace -Στο αντίγραφό σας αυτού του αποθετηρίου που δημιουργήσατε, κάντε κλικ στο κουμπί **Code** και επιλέξτε **Open with Codespaces**. Αυτό θα δημιουργήσει ένα νέο Codespace για να εργαστείτε μέσα. +Στο αντίγραφο του αποθετηρίου που δημιουργήσατε, κάντε κλικ στο κουμπί **Code** και επιλέξτε **Open with Codespaces**. Αυτό θα δημιουργήσει ένα νέο Codespace για να εργαστείτε. ![Codespace](../../translated_images/el/createcodespace.0238bbf4d7a8d955.webp) #### Εκτέλεση του προγράμματος τοπικά στον υπολογιστή σας -Για να εκτελέσετε αυτό το πρόγραμμα τοπικά στον υπολογιστή σας, θα χρειαστείτε έναν επεξεργαστή κειμένου, έναν περιηγητή και ένα εργαλείο γραμμής εντολών. Το πρώτο μας μάθημα, [Εισαγωγή στις γλώσσες προγραμματισμού και στα εργαλεία του επαγγέλματος](../../1-getting-started-lessons/1-intro-to-programming-languages), θα σας καθοδηγήσει στις διάφορες επιλογές για κάθε ένα από αυτά τα εργαλεία ώστε να επιλέξετε αυτό που σας ταιριάζει καλύτερα. +Για να εκτελέσετε αυτό το πρόγραμμα τοπικά στον υπολογιστή σας, θα χρειαστείτε έναν επεξεργαστή κειμένου, ένα πρόγραμμα περιήγησης και ένα εργαλείο γραμμής εντολών. Το πρώτο μας μάθημα, [Εισαγωγή στις Γλώσσες Προγραμματισμού και τα Εργαλεία του Εμπορίου](../../1-getting-started-lessons/1-intro-to-programming-languages), θα σας καθοδηγήσει σε διάφορες επιλογές για κάθε ένα από αυτά τα εργαλεία για να επιλέξετε αυτό που σας ταιριάζει καλύτερα. -Η σύστασή μας είναι να χρησιμοποιήσετε το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ως επεξεργαστή, το οποίο έχει επίσης ενσωματωμένο [τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Μπορείτε να κατεβάσετε το Visual Studio Code [εδώ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Η σύστασή μας είναι να χρησιμοποιείτε το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ως επεξεργαστή σας, που έχει επίσης ενσωματωμένο [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Μπορείτε να κατεβάσετε το Visual Studio Code [εδώ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Κλωνοποιήστε το αποθετήριό σας στον υπολογιστή σας. Μπορείτε να το κάνετε αυτό κάνοντας κλικ στο κουμπί **Code** και αντιγράφοντας το URL: +1. Κλωνοποιήστε το αποθετήριό σας στον υπολογιστή σας. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί **Code** και αντιγράφοντας το URL: [CodeSpace](./images/createcodespace.png) - Στη συνέχεια, ανοίξτε το [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) μέσα στο [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) και εκτελέστε την ακόλουθη εντολή, αντικαθιστώντας το `` με το URL που μόλις αντιγράψατε: + Στη συνέχεια, ανοίξτε το [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) μέσα στο [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) και εκτελέστε την παρακάτω εντολή, αντικαθιστώντας το `` με το URL που μόλις αντιγράψατε: ```bash git clone ``` -2. Ανοίξτε τον φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε κάνοντας κλικ στο **Αρχείο** > **Άνοιγμα Φακέλου** και επιλέγοντας τον φάκελο που μόλις αντιγράψατε. +2. Ανοίξτε το φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε πατώντας **Αρχείο** > **Άνοιγμα Φακέλου** και επιλέγοντας το φάκελο που μόλις κλωνοποιήσατε. > Συνιστώμενες επεκτάσεις Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - για να προβάλετε σελίδες HTML μέσα στο Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - για να βοηθήσει στη γρηγορότερη συγγραφή κώδικα +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - για προεπισκόπηση σελίδων HTML μέσα στο Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - για να σας βοηθήσει να γράφετε κώδικα γρηγορότερα ## 📂 Κάθε μάθημα περιλαμβάνει: -- προαιρετικό σημείωμα σχεδίασης (sketchnote) +- προαιρετικό σκετς - προαιρετικό συμπληρωματικό βίντεο -- προθέρμανση με κουίζ πριν το μάθημα +- προ-μάθημα ζέσταμα quiz - γραπτό μάθημα -- για μαθήματα με έργα, βήμα-βήμα οδηγίες για την κατασκευή του έργου -- ελέγχους γνώσης +- για μαθήματα βασισμένα σε έργα, βήμα προς βήμα οδηγούς για το πώς να κατασκευάσετε το έργο +- έλεγχοι γνώσης - μια πρόκληση - συμπληρωματική ανάγνωση -- ανάθεση -- [κουίζ μετά το μάθημα](https://ff-quizzes.netlify.app/web/) +- ανάθεση εργασίας +- [μετα-μάθημα quiz](https://ff-quizzes.netlify.app/web/) -> **Σημείωση σχετικά με τα κουίζ**: Όλα τα κουίζ βρίσκονται στον φάκελο Quiz-app, συνολικά 48 κουίζ με τρεις ερωτήσεις το κάθε ένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/), η εφαρμογή κουίζ μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στο φάκελο `quiz-app`. +> **Σημείωση για τα quiz**: Όλα τα quiz περιέχονται στο φάκελο Quiz-app, συνολικά 48 quiz με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/) και η εφαρμογή quiz μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στο φάκελο `quiz-app`. ## 🗃️ Μαθήματα -| | Όνομα Έργου | Διδασκόμενες Έννοιες | Μαθησιακοί Στόχοι | Συνδεδεμένο Μάθημα | Συγγραφέας | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Ξεκινώντας | Εισαγωγή στον Προγραμματισμό και τα Εργαλεία του Κλάδου | Μάθετε τις βασικές αρχές πίσω από τις περισσότερες γλώσσες προγραμματισμού καθώς και για το λογισμικό που βοηθά τους επαγγελματίες | [Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Ξεκινώντας | Βασικά του GitHub, συμπεριλαμβάνονται η εργασία με ομάδα | Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε κώδικα | [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Ξεκινώντας | Προσβασιμότητα | Μάθετε τα βασικά της προσβασιμότητας στο διαδίκτυο | [Βασικά Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Τύποι Δεδομένων JavaScript | Τα βασικά των τύπων δεδομένων στη JavaScript | [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Συναρτήσεις και Μέθοδοι | Μάθετε για συναρτήσεις και μεθόδους για τη διαχείριση ροής λογικής μιας εφαρμογής | [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | Λήψη Αποφάσεων με JS | Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων | [Λήψη Αποφάσεων](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Πίνακες και Βρόχοι | Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους στη JavaScript | [Πίνακες και Βρόχοι](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML στην Πράξη | Δημιουργήστε το HTML για να φτιάξετε ένα διαδικτυακό terrarium, εστιάζοντας στη δημιουργία διάταξης | [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS στην Πράξη | Δημιουργήστε το CSS για το στυλ του διαδικτυακού terrarium, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένου του responsive design | [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Κλεισίματα JavaScript, χειρισμός DOM | Δημιουργήστε τη JavaScript για να λειτουργεί το terrarium ως διεπαφή drag/drop, εστιάζοντας σε κλεισίματα και στον χειρισμό του DOM | [Κλεισίματα JavaScript, χειρισμός DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Δημιουργία Παιχνιδιού Πληκτρολόγησης | Μάθετε πώς να χρησιμοποιείτε γεγονότα πληκτρολογίου για να διαχειριστείτε τη λογική της εφαρμογής σας στη JavaScript | [Προγραμματισμός Βασισμένος σε Γεγονότα](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Εργασία με Περιηγητές | Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους και πώς να στήσετε τα πρώτα στοιχεία μιας επέκτασης περιηγητή | [Σχετικά με τους Περιηγητές](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Κατασκευή φόρμας, κλήση API και αποθήκευση μεταβλητών σε τοπική αποθήκευση | Δημιουργήστε τα στοιχεία JavaScript της επέκτασης περιηγητή για την κλήση API χρησιμοποιώντας μεταβλητές αποθηκευμένες στην τοπική αποθήκευση | [APIs, Φόρμες, και Τοπική Αποθήκευση](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Παρασκηνιακές διεργασίες στον περιηγητή, απόδοση web | Χρησιμοποιήστε τις παρασκηνιακές διεργασίες του περιηγητή για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση ιστού και κάποιες βελτιστοποιήσεις | [Παρασκηνιακές Διεργασίες και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript | Μάθετε για την Κληρονομικότητα χρησιμοποιώντας Τάξεις και Σύνθεση καθώς και το μοτίβο Pub/Sub, προετοιμαζόμενοι για την κατασκευή ενός παιχνιδιού | [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Ζωγραφική σε καμβά | Μάθετε για το Canvas API, που χρησιμοποιείται για να σχεδιάζετε στοιχεία σε οθόνη | [Ζωγραφική σε Καμβά](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Μετακίνηση στοιχείων στην οθόνη | Ανακαλύψτε πώς τα στοιχεία μπορούν να κινηθούν χρησιμοποιώντας καρτεσιανές συντεταγμένες και το Canvas API | [Μετακίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Ανίχνευση συγκρούσεων | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο χρησιμοποιώντας πατήματα πλήκτρων και παρέχετε λειτουργία ψύξης για να εξασφαλιστεί η απόδοση του παιχνιδιού | [Ανίχνευση Συγκρούσεων](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Καταγραφή σκορ | Εκτελέστε μαθηματικούς υπολογισμούς βασισμένους στη κατάσταση και την απόδοση του παιχνιδιού | [Καταγραφή Σκορ](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Τερματισμός και επανεκκίνηση παιχνιδιού | Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς τιμών μεταβλητών | [Ο Όρος Τερματισμού](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Πρότυπα HTML και Διαδρομές σε Web App | Μάθετε πώς να δημιουργείτε τη δομή αρχιτεκτονικής ενός πολλαπλών σελίδων ιστότοπου χρησιμοποιώντας δρομολόγηση και πρότυπα HTML | [Πρότυπα HTML και Διαδρομές](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Δημιουργία Φόρμας Εισόδου και Εγγραφής | Μάθετε για τη δημιουργία φορμών και τη διαχείριση των διαδικασιών επικύρωσης | [Φόρμες](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων | Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτήσετε, αποθηκεύσετε και διαχειριστείτε | [Δεδομένα](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Έννοιες Διαχείρισης Κατάστασης | Μάθετε πώς η εφαρμογή σας διατηρεί την κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά | [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Εργασία με VScode | Μάθετε πώς να χρησιμοποιείτε έναν επεξεργαστή κώδικα| [Χρήση Επεξεργαστή Κώδικα VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| | Όνομα Έργου | Διδασκόμενες Έννοιες | Εκπαιδευτικοί Στόχοι | Σχετικό Μάθημα | Συγγραφέας | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :------------------------: | +| 01 | Ξεκινώντας | Εισαγωγή στον Προγραμματισμό και Εργαλεία της Τέχνης | Μάθετε τα βασικά στοιχεία που βασίζονται οι περισσότερες γλώσσες προγραμματισμού και σχετικά με το λογισμικό που βοηθά τους επαγγελματίες | [Εισαγωγή σε Γλώσσες Προγραμματισμού και Εργαλεία της Τέχνης](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Ξεκινώντας | Βασικά του GitHub, συμπεριλαμβανομένης της συνεργασίας | Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε βάση κώδικα | [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Ξεκινώντας | Προσβασιμότητα | Μάθετε τα βασικά της διαδικτυακής προσβασιμότητας | [Θεμελιώδης Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | Τύποι Δεδομένων JavaScript | Τα βασικά των τύπων δεδομένων στην JavaScript | [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Συναρτήσεις και Μέθοδοι | Μάθετε για τις συναρτήσεις και τις μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής | [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | Λήψη Αποφάσεων με JS | Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων | [Λήψη Αποφάσεων](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Πίνακες και Βρόχοι | Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους στην JavaScript | [Πίνακες και Βρόχοι](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML στην Πράξη | Κατασκευάστε το HTML για να δημιουργήσετε ένα διαδικτυακό τεράριουμ, εστιάζοντας στη δημιουργία διάταξης | [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS στην Πράξη | Κατασκευάστε το CSS για να μορφοποιήσετε το διαδικτυακό τεράριουμ, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένου του responsive design | [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Κλεισίματα JavaScript, χειρισμός DOM | Δημιουργήστε τον JavaScript κώδικα που θα κάνει το τεράριουμ να λειτουργεί ως διεπαφή drag/drop, εστιάζοντας στα closures και στον χειρισμό DOM | [Κλεισίματα JavaScript, χειρισμός DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Δημιουργία Παιχνιδιού Πληκτρολόγησης | Μάθετε πώς να χρησιμοποιείτε συμβάντα πληκτρολογίου για να καθοδηγήσετε τη λογική της εφαρμογής σας σε JavaScript | [Προγραμματισμός Βασισμένος σε Συμβάντα](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Εργασία με Browsers | Μάθετε πώς λειτουργούν οι browsers, την ιστορία τους και πώς να δημιουργήσετε τα πρώτα στοιχεία μιας επέκτασης browser | [Σχετικά με Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στη τοπική αποθήκευση | Δημιουργήστε τα στοιχεία JavaScript της επέκτασης browser σας για κλήση API χρησιμοποιώντας μεταβλητές αποθηκευμένες στην τοπική αποθήκευση | [APIs, Φόρμες και Τοπική Αποθήκευση](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Διαδικασίες υπόβαθρου στον browser, απόδοση ιστού | Χρησιμοποιήστε τις διαδικασίες στο παρασκήνιο του browser για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση διαδικτύου και ορισμένες βελτιστοποιήσεις | [Εργασίες Υπόβαθρου και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript | Μάθετε για την κληρονομικότητα χρησιμοποιώντας τόσο τις Κλάσεις όσο και τη Σύνθεση και το μοτίβο Pub/Sub, προετοιμασία για τη δημιουργία παιχνιδιού | [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Σχεδίαση σε καμβά | Μάθετε για το API Canvas, που χρησιμοποιείται για τη σχεδίαση στοιχείων σε οθόνη | [Σχεδίαση σε Καμβά](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Μετακίνηση στοιχείων στην οθόνη | Ανακαλύψτε πώς τα στοιχεία μπορούν να αποκτήσουν κίνηση χρησιμοποιώντας τις καρτεσιανές συντεταγμένες και το API Canvas | [Μετακίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Ανίχνευση συγκρούσεων | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο χρησιμοποιώντας πατήματα πλήκτρων και παρέχετε λειτουργία cooldown για να διασφαλιστεί η απόδοση του παιχνιδιού | [Ανίχνευση Συγκρούσεων](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Παρακολούθηση σκορ | Εκτελέστε μαθηματικούς υπολογισμούς βασισμένους στην κατάσταση και απόδοση του παιχνιδιού | [Παρακολούθηση Σκορ](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Τερματισμός και επανεκκίνηση παιχνιδιού | Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς τιμών μεταβλητών | [Ο Όρος Τερματισμού](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Πρότυπα και Διαδρομές σε Web App | Μάθετε πώς να δημιουργήσετε τη δομή πολλαπλών σελίδων ιστοσελίδας χρησιμοποιώντας διαδρομές και πρότυπα HTML | [HTML Πρότυπα και Διαδρομές](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Δημιουργία Φόρμας Σύνδεσης και Εγγραφής | Μάθετε για τη δημιουργία φορμών και τη διαχείριση διαδικασιών επικύρωσης | [Φόρμες](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων | Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτήσετε, αποθηκεύσετε και αποδεσμεύσετε | [Δεδομένα](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Έννοιες Διαχείρισης Κατάστασης | Μάθετε πώς η εφαρμογή σας διατηρεί κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά | [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Εργασία με το VScode | Μάθετε πώς να χρησιμοποιείτε έναν κειμενογράφο κώδικα| [Χρήση Επεξεργαστή Κώδικα VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Εργασία με AI | Μάθετε πώς να δημιουργήσετε τον δικό σας βοηθό AI | [Έργο Βοηθού AI](./9-chat-project/README.md) | Chris | ## 🏫 Παιδαγωγική -Το πρόγραμμα σπουδών μας έχει σχεδιαστεί με δύο βασικές παιδαγωγικές αρχές: -* μάθηση με βάση έργα -* συχνά κουίζ +Το πρόγραμμα σπουδών μας σχεδιάστηκε με δύο βασικές παιδαγωγικές αρχές κατά νου: +* μάθηση μέσω έργων +* συχνά quiz -Το πρόγραμμα διδάσκει τα βασικά της JavaScript, HTML και CSS, καθώς και τα πιο πρόσφατα εργαλεία και τεχνικές που χρησιμοποιούν οι σύγχρονοι προγραμματιστές ιστού. Οι φοιτητές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία κατασκευάζοντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια περιβαλλοντικά φιλική επέκταση περιηγητή, ένα παιχνίδι τύπου space-invader και μια εφαρμογή τραπεζικής για επιχειρήσεις. Στο τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει μια σταθερή κατανόηση της ανάπτυξης ιστοσελίδων. +Το πρόγραμμα διδάσκει τα βασικά της JavaScript, HTML και CSS, καθώς και τα νεότερα εργαλεία και τεχνικές που χρησιμοποιούν οι σημερινοί προγραμματιστές ιστού. Οι φοιτητές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία δημιουργώντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό τεράριουμ, μια οικολογική επέκταση browser, ένα παιχνίδι τύπου space-invader και μια τραπεζική εφαρμογή για επιχειρήσεις. Στο τέλος της σειράς, οι φοιτητές θα έχουν αποκτήσει στέρεη κατανόηση της ανάπτυξης ιστού. -> 🎓 Μπορείτε να κάνετε τα πρώτα μαθήματα αυτού του προγράμματος ως [Μονοπάτι Μάθησης](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) στο Microsoft Learn! +> 🎓 Μπορείτε να παρακολουθήσετε τα πρώτα μαθήματα αυτού του προγράμματος ως [Μονοπάτι Μάθησης](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) στο Microsoft Learn! -Εξασφαλίζοντας ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ενδιαφέρουσα για τους μαθητές και ενισχύεται η διατήρηση των εννοιών. Γράψαμε επίσης αρκετά αρχικά μαθήματα στα βασικά της JavaScript για να εισαγάγουμε έννοιες, σε συνδυασμό με ένα βίντεο από τη συλλογή "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" που δημιούργησαν μερικοί από τους συγγραφείς αυτού του προγράμματος. +Εξασφαλίζοντας ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους φοιτητές και η διατήρηση των εννοιών αυξάνεται. Επίσης, γράψαμε αρκετά εισαγωγικά μαθήματα στα βασικά της JavaScript για την εισαγωγή των εννοιών, σε συνδυασμό με ένα βίντεο από τη συλλογή "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", των οποίων ορισμένοι συγγραφείς συνέβαλαν σε αυτό το πρόγραμμα. -Επιπλέον, ένα χαμηλού ρίσκου κουίζ πριν το μάθημα θέτει την πρόθεση του μαθητή να μάθει ένα θέμα, ενώ ένα δεύτερο κουίζ μετά το μάθημα διασφαλίζει περαιτέρω διατήρηση. Αυτό το πρόγραμμα έχει σχεδιαστεί να είναι ευέλικτο και διασκεδαστικό και μπορεί να το πάρει κάποιος ολόκληρο ή τμηματικά. Τα έργα ξεκινούν μικρά και γίνονται όλο και πιο σύνθετα μέχρι το τέλος του δωδεκαβδομαδιαίου κύκλου. +Επιπλέον, ένα quiz χαμηλού βαθμού δυσκολίας πριν από το μάθημα θέτει την πρόθεση του φοιτητή για εκμάθηση ενός θέματος, ενώ ένα δεύτερο quiz μετά το μάθημα εξασφαλίζει περαιτέρω διατήρηση. Αυτό το πρόγραμμα σχεδιάστηκε να είναι ευέλικτο και διασκεδαστικό και μπορεί να παρακολουθηθεί ολόκληρο ή μερικώς. Τα έργα ξεκινούν μικρά και γίνονται ολοένα πιο σύνθετα μέχρι το τέλος του 12-εβδομαδιαίου κύκλου. -Παρόλο που έχουμε αποφύγει σκόπιμα την εισαγωγή πλαισίων JavaScript για να συγκεντρωθούμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστοσελίδων πριν υιοθετήσει ένα πλαίσιο, ένα καλό επόμενο βήμα για να ολοκληρωθεί αυτό το πρόγραμμα θα ήταν να μάθετε για το Node.js μέσω μιας άλλης συλλογής βίντεο: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Ενώ έχουμε αποφύγει σκόπιμα την εισαγωγή πλαισίων JavaScript για να επικεντρωθούμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστού πριν από την υιοθέτηση ενός πλαισίου, ένα καλό επόμενο βήμα για την ολοκλήρωση αυτού του προγράμματος θα ήταν η εκμάθηση για το Node.js μέσω μιας άλλης συλλογής βίντεο: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Επισκεφθείτε τους [Κανόνες Συμπεριφοράς](CODE_OF_CONDUCT.md) και τις οδηγίες [Συνεισφοράς](CONTRIBUTING.md). Καλωσορίζουμε τις εποικοδομητικές σας παρατηρήσεις! +> Επισκεφθείτε τις οδηγίες μας [Κώδικας Συμπεριφοράς](CODE_OF_CONDUCT.md) και [Συμβολή](CONTRIBUTING.md). Καλωσορίζουμε τα εποικοδομητικά σας σχόλια! ## 🧭 Πρόσβαση εκτός σύνδεσης -Μπορείτε να εκτελέσετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας το [Docsify](https://docsify.js.org/#/). Κάντε fork αυτό το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στην τοπική σας μηχανή και στη συνέχεια στο ριζικό φάκελο αυτού του αποθετηρίου, πληκτρολογήστε `docsify serve`. Ο ιστότοπος θα σερβιριστεί στην θύρα 3000 στο τοπικό σας σύστημα: `localhost:3000`. +Μπορείτε να εκτελέσετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας [Docsify](https://docsify.js.org/#/). Κλωνοποιήστε αυτό το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στον τοπικό σας υπολογιστή και μετά στον ριζικό φάκελο αυτού του αποθετηρίου, πληκτρολογήστε `docsify serve`. Ο ιστότοπος θα διατεθεί στην πόρτα 3000 στον localhost σας: `localhost:3000`. ## 📘 PDF -Ένα PDF όλων των μαθημάτων μπορείτε να το βρείτε [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Ένα PDF με όλα τα μαθήματα μπορεί να βρεθεί [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Άλλα Μαθήματα @@ -211,61 +211,61 @@ ### LangChain -[![LangChain4j για Αρχάριους](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) -[![LangChain.js για Αρχάριους](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) +[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents -[![AZD για Αρχάριους](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI για Αρχάριους](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![MCP για Αρχάριους](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI Agents για Αρχάριους](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) +[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) +[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) +[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Σειρά για Generative AI -[![Generative AI για Αρχάριους](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) +### Generative AI Series +[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- -### Βασική Μάθηση -[![ML για Αρχάριους](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) -[![Επιστήμη Δεδομένων για Αρχάριους](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) -[![AI για Αρχάριους](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![Κυβερνοασφάλεια για Αρχάριους](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![Web Dev για Αρχάριους](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![IoT για Αρχάριους](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![XR Development για Αρχάριους](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +### Core Learning +[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) +[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) +[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) +[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) +[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) +[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) +[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Σειρά Copilot -[![Copilot για Προγραμματισμό AI σε Ζεύγος](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot για C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Περιπέτεια Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +### Copilot Series +[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) +[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) ## Λήψη Βοήθειας -Αν κολλήσετε ή έχετε οποιεσδήποτε ερωτήσεις σχετικά με την κατασκευή εφαρμογών AI. Ελάτε να συμμετάσχετε με άλλους μαθητές και έμπειρους προγραμματιστές σε συζητήσεις για το MCP. Είναι μια υποστηρικτική κοινότητα όπου οι ερωτήσεις είναι ευπρόσδεκτες και η γνώση μοιράζεται ελεύθερα. +Αν κολλήσετε ή έχετε απορίες σχετικά με την ανάπτυξη εφαρμογών AI, ενταχθείτε με άλλους μαθητές και έμπειρους προγραμματιστές σε συζητήσεις για το MCP. Είναι μια υποστηρικτική κοινότητα όπου οι ερωτήσεις είναι ευπρόσδεκτες και η γνώση μοιράζεται ελεύθερα. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Αν έχετε σχόλια για προϊόντα ή λάθη κατά την κατασκευή, επισκεφθείτε: +Αν έχετε σχόλια για το προϊόν ή σφάλματα κατά την ανάπτυξη, επισκεφθείτε: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Άδεια -Αυτό το αποθετήριο έχει άδεια χρήσης MIT. Δείτε το αρχείο [LICENSE](../../LICENSE) για περισσότερες πληροφορίες. +Αυτό το αποθετήριο έχει άδεια υπό τους όρους της άδειας MIT. Δείτε το αρχείο [LICENSE](../../LICENSE) για περισσότερες πληροφορίες. --- -**Αποποίηση ευθυνών**: -Το παρόν έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλουμε προσπάθεια για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η επίσημη πηγή. Για κρίσιμες πληροφορίες, συνιστάται η επαγγελματική μετάφραση από ανθρώπινο μεταφραστή. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. +**Αποποίηση Ευθυνών**: +Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης με Τεχνητή Νοημοσύνη [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που προσπαθούμε για ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. \ No newline at end of file diff --git a/translations/pl/.co-op-translator.json b/translations/pl/.co-op-translator.json index 75f7b0a40..f4a3304ca 100644 --- a/translations/pl/.co-op-translator.json +++ b/translations/pl/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:26:18+00:00", + "translation_date": "2026-02-06T08:40:42+00:00", "source_file": "AGENTS.md", "language_code": "pl" }, @@ -516,8 +516,8 @@ "language_code": "pl" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T18:19:40+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T08:35:07+00:00", "source_file": "README.md", "language_code": "pl" }, diff --git a/translations/pl/AGENTS.md b/translations/pl/AGENTS.md index 37c192880..5b393a98e 100644 --- a/translations/pl/AGENTS.md +++ b/translations/pl/AGENTS.md @@ -2,164 +2,164 @@ ## Przegląd projektu -To repozytorium edukacyjne służy do nauczania podstaw tworzenia stron internetowych dla początkujących. Program nauczania to kompleksowy 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML. +To repozytorium z kursem edukacyjnym do nauczania podstaw tworzenia stron internetowych dla początkujących. Program nauczania to kompleksowy, 12-tygodniowy kurs stworzony przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML. -### Kluczowe elementy +### Kluczowe komponenty -- **Treści edukacyjne**: 24 uporządkowane lekcje zorganizowane w moduły oparte na projektach -- **Projekty praktyczne**: Terrarium, Gra w pisanie, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu i Asystent czatu AI -- **Interaktywne quizy**: 48 quizów po 3 pytania każdy (oceny przed/po lekcji) -- **Wsparcie dla wielu języków**: Automatyczne tłumaczenia na ponad 50 języków za pomocą GitHub Actions +- **Materiał edukacyjny**: 24 zorganizowane lekcje pogrupowane w moduły projektowe +- **Projekty praktyczne**: Terrarium, Gra na pisanie, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu i Asystent czatu AI +- **Interaktywne quizy**: 48 quizów po 3 pytania każdy (oceny przed i po lekcji) +- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na 50+ języków za pomocą GitHub Actions - **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (dla projektów AI) ### Architektura -- Repozytorium edukacyjne z strukturą opartą na lekcjach -- Każdy folder lekcji zawiera README, przykłady kodu i rozwiązania -- Samodzielne projekty w oddzielnych katalogach (quiz-app, różne projekty lekcji) -- System tłumaczeń za pomocą GitHub Actions (co-op-translator) +- Edukacyjne repozytorium z strukturą opartą na lekcjach +- Każdy folder z lekcją zawiera README, przykłady kodu i rozwiązania +- Projekty samodzielne w osobnych katalogach (quiz-app, różne projekty lekcji) +- System tłumaczeń używający GitHub Actions (co-op-translator) - Dokumentacja udostępniana przez Docsify i dostępna jako PDF -## Polecenia konfiguracji +## Komendy do konfiguracji -To repozytorium jest przeznaczone głównie do konsumpcji treści edukacyjnych. Aby pracować z konkretnymi projektami: +To repozytorium jest przeznaczone głównie do konsumpcji materiałów edukacyjnych. Aby pracować z konkretnymi projektami: -### Konfiguracja głównego repozytorium +### Podstawowa konfiguracja repozytorium ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Konfiguracja aplikacji quizowej (Vue 3 + Vite) +### Konfiguracja Quiz App (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # Uruchom serwer deweloperski +npm run build # Buduj do produkcji +npm run lint # Uruchom ESLint ``` -### API projektu bankowego (Node.js + Express) +### API projektu Bank ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # Uruchom serwer API +npm run lint # Uruchom ESLint +npm run format # Formatuj za pomocą Prettier ``` -### Projekty rozszerzeń przeglądarki +### Projekty Rozszerzenia przeglądarki ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# Postępuj zgodnie z instrukcjami ładowania rozszerzeń specyficznymi dla przeglądarki ``` -### Projekty gry kosmicznej +### Projekty Gry kosmicznej ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# Otwórz index.html w przeglądarce lub użyj Live Servera ``` -### Projekt czatu (backend w Pythonie) +### Projekt czatu (backend Python) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# Ustaw zmienną środowiskową GITHUB_TOKEN python api.py ``` -## Przepływ pracy deweloperskiej +## Przebieg pracy programistycznej -### Dla współtwórców treści +### Dla osób dodających treści -1. **Sforkuj repozytorium** na swoje konto GitHub +1. **Utwórz fork repozytorium** na swoim koncie GitHub 2. **Sklonuj swój fork** lokalnie 3. **Utwórz nową gałąź** dla swoich zmian -4. Wprowadź zmiany w treści lekcji lub przykładach kodu -5. Przetestuj zmiany kodu w odpowiednich katalogach projektów -6. Zgłoś pull requesty zgodnie z wytycznymi dotyczącymi wkładu +4. Dokonaj zmian w treści lekcji lub przykładach kodu +5. Testuj zmiany w odpowiednich katalogach projektów +6. Złóż pull request zgodnie z wytycznymi dotyczącymi współpracy ### Dla uczących się -1. Sforkuj lub sklonuj repozytorium -2. Przejdź kolejno do katalogów lekcji -3. Przeczytaj pliki README dla każdej lekcji -4. Wykonaj quizy przed lekcją na https://ff-quizzes.netlify.app/web/ +1. Zrób fork lub sklonuj repozytorium +2. Przechodź kolejno do folderów lekcji +3. Czytaj pliki README dla każdej lekcji +4. Wypełnij quizy przed lekcją na https://ff-quizzes.netlify.app/web/ 5. Pracuj nad przykładami kodu w folderach lekcji -6. Wykonaj zadania i wyzwania -7. Zrób quizy po lekcji +6. Wykonuj zadania i wyzwania +7. Podejmij quizy po zakończeniu lekcji -### Rozwój na żywo +### Praca na żywo w trakcie rozwoju - **Dokumentacja**: Uruchom `docsify serve` w katalogu głównym (port 3000) -- **Aplikacja quizowa**: Uruchom `npm run dev` w katalogu quiz-app -- **Projekty**: Użyj rozszerzenia Live Server w VS Code dla projektów HTML +- **Quiz App**: Uruchom `npm run dev` w katalogu quiz-app +- **Projekty**: Używaj rozszerzenia VS Code Live Server dla projektów HTML - **Projekty API**: Uruchom `npm start` w odpowiednich katalogach API ## Instrukcje testowania -### Testowanie aplikacji quizowej +### Testowanie Quiz App ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # Sprawdź problemy ze stylem kodu +npm run build # Zweryfikuj, czy budowanie się powiodło ``` -### Testowanie API bankowego +### Testowanie Bank API ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # Sprawdź błędy stylu kodu +node server.js # Zweryfikuj, czy serwer uruchamia się bez błędów ``` ### Ogólne podejście do testowania -- To repozytorium edukacyjne nie zawiera kompleksowych testów automatycznych -- Testowanie ręczne koncentruje się na: - - Uruchamianiu przykładów kodu bez błędów - - Poprawności linków w dokumentacji - - Sukcesie kompilacji projektów - - Przestrzeganiu najlepszych praktyk w przykładach +- To repozytorium edukacyjne, bez kompleksowych testów automatycznych +- Testowanie manualne koncentruje się na: + - Poprawnym działaniu przykładów kodu bez błędów + - Prawidłowym działaniu linków w dokumentacji + - Pomyślnym przebiegu budowy projektów + - Przykładach zgodnych z najlepszymi praktykami -### Kontrole przed zgłoszeniem +### Weryfikacja przed wysłaniem PR -- Uruchom `npm run lint` w katalogach z plikiem package.json -- Zweryfikuj poprawność linków w markdown -- Przetestuj przykłady kodu w przeglądarce lub Node.js -- Sprawdź, czy tłumaczenia zachowują właściwą strukturę +- Uruchom `npm run lint` w katalogach z package.json +- Sprawdź poprawność linków markdown +- Testuj przykłady kodu w przeglądarce lub Node.js +- Sprawdź czy tłumaczenia zachowują poprawną strukturę ## Wytyczne dotyczące stylu kodu ### JavaScript - Używaj nowoczesnej składni ES6+ -- Przestrzegaj standardowych konfiguracji ESLint dostarczonych w projektach +- Stosuj konfiguracje ESLint dostępne w projektach - Używaj znaczących nazw zmiennych i funkcji dla jasności edukacyjnej - Dodawaj komentarze wyjaśniające koncepcje dla uczących się -- Formatowanie za pomocą Prettier, jeśli skonfigurowane +- Formatowanie za pomocą Prettier tam gdzie to skonfigurowano ### HTML/CSS - Semantyczne elementy HTML5 -- Zasady projektowania responsywnego -- Jasne konwencje nazewnictwa klas +- Zasady responsywnego projektowania +- Jasna konwencja nazewnictwa klas - Komentarze wyjaśniające techniki CSS dla uczących się ### Python - Wytyczne stylu PEP 8 - Jasne, edukacyjne przykłady kodu -- Podpowiedzi typów tam, gdzie są pomocne dla nauki +- Wskazówki typów tam, gdzie pomagają w uczeniu się ### Dokumentacja Markdown @@ -171,112 +171,112 @@ node server.js # Verify server starts without errors ### Organizacja plików -- Lekcje numerowane sekwencyjnie (1-getting-started-lessons, 2-js-basics, itd.) -- Każdy projekt ma katalogi `solution/` i często `start/` lub `your-work/` -- Obrazy przechowywane w specyficznych dla lekcji folderach `images/` +- Lekcje ponumerowane kolejno (1-getting-started-lessons, 2-js-basics itd.) +- Każdy projekt ma katalog `solution/` i często `start/` lub `your-work/` +- Obrazy przechowywane w folderach lekcji `images/` - Tłumaczenia w strukturze `translations/{language-code}/` -## Budowa i wdrożenie +## Budowanie i wdrażanie -### Wdrożenie aplikacji quizowej (Azure Static Web Apps) +### Wdrażanie Quiz App (Azure Static Web Apps) -Aplikacja quizowa jest skonfigurowana do wdrożenia w Azure Static Web Apps: +quiz-app jest skonfigurowany pod wdrożenie na Azure Static Web Apps: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # Tworzy folder dist/ +# Wdraża za pomocą GitHub Actions workflow przy pushu do main ``` Konfiguracja Azure Static Web Apps: - **Lokalizacja aplikacji**: `/quiz-app` -- **Lokalizacja wynikowa**: `dist` +- **Lokalizacja wyjściowa**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generowanie dokumentacji PDF +### Generowanie PDF dokumentacji ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # Zainstaluj docsify-to-pdf +npm run convert # Wygeneruj PDF z docs ``` ### Dokumentacja Docsify ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # Zainstaluj Docsify globalnie +docsify serve # Serwuj na localhost:3000 ``` -### Budowa specyficzna dla projektów +### Budowy specyficzne dla projektów -Każdy katalog projektu może mieć własny proces budowy: -- Projekty Vue: `npm run build` tworzy pakiety produkcyjne -- Projekty statyczne: Brak kroku budowy, pliki serwowane bezpośrednio +Każdy katalog projektu może mieć własny proces budowania: +- Projekty Vue: `npm run build` tworzy bundlery produkcyjne +- Projekty statyczne: brak kroku kompilacji, pliki serwowane bezpośrednio -## Wytyczne dotyczące pull requestów +## Zasady dotyczące pull requestów ### Format tytułu -Używaj jasnych, opisowych tytułów wskazujących obszar zmiany: -- `[Quiz-app] Dodaj nowy quiz dla lekcji X` +Używaj jasnych, opisowych tytułów wskazujących obszar zmian: +- `[Quiz-app] Dodaj nowy quiz do lekcji X` - `[Lesson-3] Popraw literówkę w projekcie terrarium` - `[Translation] Dodaj tłumaczenie na hiszpański dla lekcji 5` -- `[Docs] Zaktualizuj instrukcje konfiguracji` +- `[Docs] Aktualizuj instrukcje konfiguracji` ### Wymagane kontrole -Przed zgłoszeniem PR: +Przed złożeniem PR: 1. **Jakość kodu**: - - Uruchom `npm run lint` w dotkniętych katalogach projektów + - Uruchom `npm run lint` w zmienionych katalogach projektów - Napraw wszystkie błędy i ostrzeżenia lintingu 2. **Weryfikacja budowy**: - - Uruchom `npm run build`, jeśli dotyczy - - Upewnij się, że nie ma błędów budowy + - Uruchom `npm run build` jeśli dotyczy + - Upewnij się, że nie ma błędów budowania -3. **Walidacja linków**: - - Przetestuj wszystkie linki w markdown - - Zweryfikuj poprawność odniesień do obrazów +3. **Weryfikacja linków**: + - Przetestuj wszystkie linki markdown + - Sprawdź, czy odwołania do obrazów działają 4. **Przegląd treści**: - - Sprawdź pisownię i gramatykę + - Korekta pod kątem ortografii i gramatyki - Upewnij się, że przykłady kodu są poprawne i edukacyjne - - Zweryfikuj, czy tłumaczenia zachowują oryginalne znaczenie + - Zweryfikuj, że tłumaczenia zachowują oryginalne znaczenie ### Wymagania dotyczące wkładu -- Zgoda na Microsoft CLA (automatyczna kontrola przy pierwszym PR) +- Zgoda na Microsoft CLA (automatyczna weryfikacja przy pierwszym PR) - Przestrzeganie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Zobacz [CONTRIBUTING.md](./CONTRIBUTING.md) dla szczegółowych wytycznych -- Odnoś numery problemów w opisie PR, jeśli dotyczy +- Szczegółowe wytyczne w [CONTRIBUTING.md](./CONTRIBUTING.md) +- Odniesienie numerów issue w opisie PR, jeśli dotyczy ### Proces przeglądu -- PR-y przeglądane przez opiekunów i społeczność +- PR są przeglądane przez opiekunów i społeczność - Priorytetem jest jasność edukacyjna -- Przykłady kodu powinny przestrzegać aktualnych najlepszych praktyk -- Tłumaczenia przeglądane pod kątem dokładności i odpowiedniości kulturowej +- Przykłady kodu powinny stosować bieżące najlepsze praktyki +- Tłumaczenia weryfikowane pod kątem poprawności i dopasowania kulturowego ## System tłumaczeń ### Automatyczne tłumaczenie -- Używa GitHub Actions z workflow co-op-translator -- Automatycznie tłumaczy na ponad 50 języków +- Wykorzystuje GitHub Actions z workflow co-op-translator +- Tłumaczy automatycznie na 50+ języków - Pliki źródłowe w głównych katalogach -- Przetłumaczone pliki w katalogach `translations/{language-code}/` +- Pliki tłumaczone w katalogach `translations/{language-code}/` -### Dodawanie ręcznych ulepszeń tłumaczeń +### Dodawanie ręcznych poprawek tłumaczeń 1. Znajdź plik w `translations/{language-code}/` -2. Wprowadź ulepszenia, zachowując strukturę +2. Wprowadź poprawki z zachowaniem struktury 3. Upewnij się, że przykłady kodu pozostają funkcjonalne -4. Przetestuj wszelkie zlokalizowane treści quizowe +4. Przetestuj wszelkie lokalizowane treści quizów -### Metadane tłumaczeń +### Metadane tłumaczenia -Przetłumaczone pliki zawierają nagłówek metadanych: +Pliki tłumaczone zawierają nagłówek metadanych: ```markdown +**Zastrzeżenie**: +Niniejszy dokument został przetłumaczony przy użyciu automatycznego serwisu tłumaczeniowego AI [Co-op Translator](https://github.com/Azure/co-op-translator). Choć dokładamy starań, aby tłumaczenie było jak najbardziej precyzyjne, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym powinien być uznawany za źródło wiążące. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. + \ No newline at end of file diff --git a/translations/pl/README.md b/translations/pl/README.md index d7a31c3da..3decb57f6 100644 --- a/translations/pl/README.md +++ b/translations/pl/README.md @@ -1,109 +1,124 @@ -# Tworzenie stron internetowych dla początkujących - Program nauczania +[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) +[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) +[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) +[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) -Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Angażuj się w quizy, dyskusje i praktyczne zadania. Rozwijaj swoje umiejętności i optymalizuj zapamiętywanie dzięki naszej skutecznej, opartej na projektach metodyce nauczania. Zacznij swoją przygodę z kodowaniem już dziś! +[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) +[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) +[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) + +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + +# Tworzenie stron internetowych dla początkujących – program nauczania + +Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia do przeglądarek oraz gry kosmiczne. Weź udział w quizach, dyskusjach i praktycznych zadaniach. Rozwijaj swoje umiejętności i optymalizuj przyswajanie wiedzy dzięki naszej skutecznej, opartej na projektach metodzie nauczania. Zacznij swoją przygodę z kodowaniem już dziś! Dołącz do społeczności Azure AI Foundry na Discordzie -Postępuj zgodnie z tymi krokami, aby zacząć korzystać z tych zasobów: -1. **Zrób forka repozytorium**: Kliknij [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Dołącz do Discorda Azure AI Foundry i poznaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4) +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + +Wykonaj poniższe kroki, aby rozpocząć korzystanie z tych zasobów: +1. **Forkuj repozytorium**: Kliknij [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Dołącz do Azure AI Foundry na Discordzie i poznaj ekspertów oraz innych deweloperów**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Obsługa wielu języków +### 🌐 Wsparcie wielojęzyczne -#### Wspierane za pomocą GitHub Action (Automatyczne i zawsze aktualne) +#### Obsługiwane przez GitHub Action (automatycznie i zawsze aktualne) -[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](./README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) +[Arabskie](../ar/README.md) | [Bangla](../bn/README.md) | [Bułgarski](../bg/README.md) | [Birmański (Myanmar)](../my/README.md) | [Chiński (uproszczony)](../zh-CN/README.md) | [Chiński (tradycyjny, Hongkong)](../zh-HK/README.md) | [Chiński (tradycyjny, Macau)](../zh-MO/README.md) | [Chiński (tradycyjny, Tajwan)](../zh-TW/README.md) | [Chorwacki](../hr/README.md) | [Czeski](../cs/README.md) | [Duński](../da/README.md) | [Niderlandzki](../nl/README.md) | [Estoński](../et/README.md) | [Fiński](../fi/README.md) | [Francuski](../fr/README.md) | [Niemiecki](../de/README.md) | [Grecki](../el/README.md) | [Hebrajski](../he/README.md) | [Hindi](../hi/README.md) | [Węgierski](../hu/README.md) | [Indonezyjski](../id/README.md) | [Włoski](../it/README.md) | [Japoński](../ja/README.md) | [Kannada](../kn/README.md) | [Koreański](../ko/README.md) | [Litewski](../lt/README.md) | [Malajski](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalski](../ne/README.md) | [Pidgin nigeryjski](../pcm/README.md) | [Norweski](../no/README.md) | [Perski (Farsi)](../fa/README.md) | [Polski](./README.md) | [Portugalski (Brazylia)](../pt-BR/README.md) | [Portugalski (Portugalia)](../pt-PT/README.md) | [Pendżabski (Gurmukhi)](../pa/README.md) | [Rumuński](../ro/README.md) | [Rosyjski](../ru/README.md) | [Serbski (cyrylica)](../sr/README.md) | [Słowacki](../sk/README.md) | [Słoweński](../sl/README.md) | [Hiszpański](../es/README.md) | [Suahili](../sw/README.md) | [Szwedzki](../sv/README.md) | [Tagalog (Filipiński)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Tajski](../th/README.md) | [Turecki](../tr/README.md) | [Ukraiński](../uk/README.md) | [Urdu](../ur/README.md) | [Wietnamski](../vi/README.md) -> **Wolisz klonować lokalnie?** +> **Wolisz sklonować lokalnie?** -> To repozytorium zawiera ponad 50 tłumaczeń językowych, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparse checkout: +> To repozytorium zawiera ponad 50 tłumaczeń, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparse checkout: > ```bash > 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' > ``` -> Dzięki temu masz wszystko, co potrzebne do ukończenia kursu, z dużo szybszym pobieraniem. +> Dzięki temu otrzymasz wszystko, czego potrzebujesz, aby ukończyć kurs, a pobieranie będzie szybsze. -**Jeśli chcesz, aby kolejne języki były wspierane, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jeśli chcesz, aby dodano wsparcie dla innych języków, lista obsługiwanych jest dostępna [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Jesteś studentem?_ -Odwiedź [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie bezpłatnego vouchera na certyfikat. To strona, którą warto zapisać w zakładkach i regularnie odwiedzać, ponieważ co miesiąc aktualizujemy zawartość. +Odwiedź [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie darmowego vouchera na certyfikat. To strona, którą warto dodać do zakładek i od czasu do czasu sprawdzać, ponieważ co miesiąc aktualizujemy zawartość. -### 📣 Ogłoszenie - nowe wyzwania trybu GitHub Copilot Agent do wykonania! +### 📣 Ogłoszenie – Nowe wyzwania z trybem agenta GitHub Copilot do wykonania! -Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie dla Ciebie do wykonania z użyciem GitHub Copilot i trybu Agent. Jeśli wcześniej nie korzystałeś z trybu Agent, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej. +Dodano nowe wyzwanie, szukaj „GitHub Copilot Agent Challenge 🚀” w większości rozdziałów. To nowe wyzwanie do wykonania z użyciem GitHub Copilot i trybu agenta. Jeśli wcześniej nie korzystałeś z trybu agenta, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, wykonywać polecenia i więcej. -### 📣 Ogłoszenie - _Nowy projekt do zbudowania z użyciem generatywnej AI_ +### 📣 Ogłoszenie – _Nowy projekt do zbudowania z użyciem Generative AI_ -Dodano nowy projekt Asystenta AI, zobacz [projekt](./9-chat-project/README.md) +Dodano nowy projekt AI Assistant, sprawdź go [projekt](./9-chat-project/README.md) -### 📣 Ogłoszenie - _Nowy program nauczania_ dotyczący generatywnej AI dla JavaScript właśnie został wydany +### 📣 Ogłoszenie – _Nowy program nauczania_ z zakresu Generative AI dla JavaScript właśnie został wydany -Nie przegap naszego nowego kursu o generatywnej AI! +Nie przegap naszego nowego kursu Generative AI! Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! -![Tło](../../translated_images/pl/background.148a8d43afde5730.webp) +![Background](../../translated_images/pl/background.148a8d43afde5730.webp) -- Lekcje obejmujące wszystko od podstaw do RAG. -- Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. -- Przyjemna i angażująca narracja, będziesz podróżować w czasie! +- Lekcje obejmujące wszystko od podstaw po RAG. +- Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. +- Zabawna i angażująca narracja, będziesz podróżować w czasie! -![postać](../../translated_images/pl/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/pl/character.5c0dd8e067ffd693.webp) -Każda lekcja zawiera zadanie do wykonania, sprawdzian wiedzy i wyzwanie, które pomogą Ci nauczyć się takich tematów jak: -- Tworzenie i inżynieria promptów -- Generowanie aplikacji tekstowych i obrazów -- Aplikacje wyszukiwania -Odwiedź [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), aby zacząć! +Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy i wyzwanie, które pomaga w nauce takich tematów jak: +- Promptowanie i inżynieria promptów +- Generowanie aplikacji tekstowych i graficznych +- Aplikacje do wyszukiwania +Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! -## 🌱 Zacznijmy -> **Nauczyciele**, przygotowaliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Chętnie poznamy Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +## 🌱 Rozpoczęcie -**[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, dla każdej lekcji rozpocznij od quizu przed wykładem, następnie czytaj materiał, realizuj różne aktywności i sprawdź swoją wiedzę za pomocą quizu po wykładzie. +> **Nauczyciele**, przygotowaliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Chętnie poznamy waszą opinię [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -Aby wzbogacić swoje doświadczenia edukacyjne, łączcie się z kolegami, by wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie nasz zespół moderatorów jest gotowy odpowiadać na Twoje pytania. +**[Uczący się](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, dla każdej lekcji zacznij od quizu wstępnego, zapoznaj się z materiałem, wykonaj różne aktywności i sprawdź swoją wiedzę w quizie podsumowującym. -Aby poszerzać wiedzę, gorąco polecamy eksplorację [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) dla dodatkowych materiałów do nauki. +Aby wzbogacić doświadczenie nauki, połącz się z rówieśnikami i pracujcie razem nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie zespół moderatorów jest gotowy odpowiedzieć na Twoje pytania. + +Aby pogłębić swoją edukację, zdecydowanie polecamy eksplorację [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) w celu zdobycia dodatkowych materiałów do nauki. ### 📋 Konfiguracja środowiska -Ten program nauczania ma gotowe środowisko deweloperskie! Na początek możesz uruchomić kurs w [Codespace](https://github.com/features/codespaces/) (_środowisko przeglądarkowe bez potrzeby instalacji_) lub lokalnie na swoim komputerze, korzystając z edytora tekstu, takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ten program nauczania ma gotowe do użycia środowisko deweloperskie! Na początek możesz wybrać uruchomienie kursu w [Codespace](https://github.com/features/codespaces/) (_środowisko przeglądarkowe bez konieczności instalacji_) lub lokalnie na swoim komputerze, korzystając z edytora tekstu, takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Utwórz swoje repozytorium -Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania. +#### Utwórz swoje repozytorium +Aby łatwo zapisać swoją pracę, zaleca się utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. To utworzy nowe repozytorium na Twoim koncie GitHub z kopią tego programu nauczania. -Postępuj według tych kroków: -1. **Zrób forka repozytorium**: Kliknij przycisk „Fork” w prawym górnym rogu tej strony. -2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Postępuj według tych kroków: +1. **Forkuj repozytorium**: Kliknij przycisk „Fork” w prawym górnym rogu tej strony. +2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Uruchamianie kursu w Codespace -W utworzonej kopii repozytorium kliknij przycisk **Code** i wybierz **Open with Codespaces**. Spowoduje to utworzenie nowego Codespace, w którym możesz pracować. +W swojej kopii repozytorium, które utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. To utworzy dla Ciebie nowe środowisko Codespace do pracy. ![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.webp) #### Uruchamianie kursu lokalnie na komputerze -Aby uruchomić ten kurs lokalnie na komputerze, potrzebujesz edytora tekstu, przeglądarki oraz narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi pracy](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać to, co najlepiej Ci odpowiada. +Aby uruchomić kurs lokalnie na swoim komputerze, potrzebujesz edytora tekstu, przeglądarki oraz narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać, co najlepiej Ci odpowiada. -Rekomendujemy użycie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który ma również wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Możesz pobrać Visual Studio Code [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Polecamy używanie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który ma również wbudowany [terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Możesz pobrać Visual Studio Code [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić klikając przycisk **Code** i kopiując adres URL: +1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując adres URL: [CodeSpace](./images/createcodespace.png) - Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `` adresem URL, który właśnie skopiowałeś: + Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `` właśnie skopiowanym URL-em: ```bash git clone @@ -112,82 +127,83 @@ Rekomendujemy użycie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_ 2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **Plik** > **Otwórz folder** i wybierając folder, który właśnie sklonowałeś. -> Polecane rozszerzenia Visual Studio Code: +> Zalecane rozszerzenia Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML w Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML bezpośrednio w Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aby pomóc Ci szybciej pisać kod ## 📂 Każda lekcja zawiera: -- opcjonalną notatkę graficzną -- opcjonalny film uzupełniający -- quiz rozgrzewający przed lekcją -- lekcję pisaną -- w projektowo-opartych lekcjach, przewodniki krok po kroku jak zbudować projekt +- opcjonalny sketchnote +- opcjonalny uzupełniający film +- quiz rozgrzewkowy przed lekcją +- lekcję pisemną +- w przypadku lekcji projektowych, przewodniki krok po kroku dotyczące tworzenia projektu - sprawdziany wiedzy - wyzwanie -- lekturę uzupełniającą -- zadanie +- dodatkową lekturę +- zadanie domowe - [quiz po lekcji](https://ff-quizzes.netlify.app/web/) -> **Uwaga o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikację quizu można uruchomić lokalnie lub wdrożyć na Azure; wykonaj instrukcje w folderze `quiz-app`. +> **Notatka dotycząca quizów**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/). Aplikację quizową można uruchomić lokalnie lub opublikować na Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`. ## 🗃️ Lekcje -| | Nazwa projektu | Nauczane koncepcje | Cele nauczania | Powiązana lekcja | Autor | -| :-: | :-------------------------------------------------------: | :---------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Pierwsze kroki | Wprowadzenie do programowania i narzędzia pracy | Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w pracy | [Wstęp do języków programowania i narzędzi pracy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Pierwsze kroki | Podstawy GitHub, w tym praca zespołowa | Jak korzystać z GitHub w projekcie, jak współpracować z innymi nad bazą kodu | [Wprowadzenie do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Pierwsze kroki | Dostępność | Poznaj podstawy dostępności stron internetowych | [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Podstawy JS | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Typy danych](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Podstawy JS | Funkcje i metody | Naucz się o funkcjach i metodach do zarządzania logiką aplikacji | [Funkcje i metody](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | -| 06 | Podstawy JS | Podejmowanie decyzji w JS | Naucz się tworzyć warunki w kodzie używając metod podejmowania decyzji | [Podejmowanie decyzji](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Podstawy JS | Tablice i pętle | Pracuj z danymi za pomocą tablic i pętli w JavaScript | [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Zbuduj HTML aby stworzyć internetowe terrarium, skupiając się na budowaniu układu | [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Zbuduj CSS do stylizacji internetowego terrarium, skupiając się na podstawach CSS, w tym na responsywności strony | [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Zamknięcia JavaScript, manipulacja DOM | Zbuduj JavaScript, aby terrarium działało jako interfejs drag/drop, z naciskiem na zamknięcia i manipulację DOM | [Zamknięcia JavaScript, manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Tworzenie gry w pisanie | Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript | [Programowanie zdarzeniowe](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Dowiedz się, jak działają przeglądarki, ich historia i jak stworzyć pierwsze elementy rozszerzenia przeglądarki | [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularza, wywoływanie API i przechowywanie zmiennych w local storage | Zbuduj elementy JavaScript twojego rozszerzenia, aby wywoływać API z użyciem zmiennych przechowywanych w local storage | [API, formularze i local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność sieci | Użyj procesów w tle przeglądarki do obsługi ikony rozszerzenia; poznaj wydajność sieci i optymalizacje, by ją poprawić | [Zadania w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Zaawansowany rozwój gier w JavaScript | Naucz się o dziedziczeniu za pomocą klas i kompozycji oraz wzorca pub/sub, w przygotowaniu do tworzenia gry | [Wprowadzenie do zaawansowanego tworzenia gier](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na kanwie | Poznaj API Canvas, używane do rysowania elementów na ekranie | [Rysowanie na kanwie](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów na ekranie | Odkryj, jak elementy mogą się poruszać za pomocą współrzędnych kartezjańskich i API Canvas | [Przemieszczanie elementów](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, by elementy ze sobą kolidowały i reagowały za pomocą klawiszy oraz dodaj funkcję przerwy czasowej dla wydajności gry | [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne bazujące na stanie i wydajności gry | [Liczenie punktów](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Kończenie i restart gry | Naucz się kończyć i restartować grę, w tym sprzątać zasoby i resetować wartości zmiennych | [Warunek zakończenia](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i trasy w aplikacji webowej | Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej z użyciem routingu i szablonów HTML | [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Tworzenie formularza logowania i rejestracji | Poznaj budowanie formularzy i obsługę procedur walidacji | [Formularze](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do i z twojej aplikacji, jak je pobierać, przechowywać i usuwać | [Dane](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Naucz się, jak twoja aplikacja przechowuje stan i jak nim zarządzać programowo | [Zarządzanie stanem](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Naucz się korzystać z edytora kodu | [Korzystanie z edytora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Praca ze sztuczną inteligencją | Naucz się tworzyć własnego asystenta AI | [Projekt Asystent AI](./9-chat-project/README.md) | Chris | +| | Nazwa projektu | Nauczane koncepcje | Cele nauczania | Powiązana lekcja | Autor | +| :-: | :-------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Zacznijmy | Wprowadzenie do programowania i narzędzia pracy | Poznanie podstaw większości języków programowania oraz oprogramowania wspierającego profesjonalnych programistów | [Wprowadzenie do języków programowania i narzędzi pracy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Zacznijmy | Podstawy GitHub, w tym praca zespołowa | Jak korzystać z GitHub w projekcie, jak współpracować z innymi nad kodem | [Wprowadzenie do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Zacznijmy | Dostępność | Poznanie podstaw dostępności w sieci | [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Podstawy JS | Typy danych w JavaScript | Podstawy dotyczące typów danych w JavaScript | [Typy danych](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Podstawy JS | Funkcje i metody | Poznanie funkcji i metod zarządzających logiką aplikacji | [Funkcje i metody](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | +| 06 | Podstawy JS | Tworzenie decyzji w JS | Nauka tworzenia warunków w kodzie za pomocą metod podejmowania decyzji | [Tworzenie decyzji](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Podstawy JS | Tablice i pętle | Praca z danymi za pomocą tablic i pętli w JavaScript | [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Tworzenie HTML do zbudowania wirtualnego terrarium, koncentrując się na układzie | [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Tworzenie CSS do stylizacji wirtualnego terrarium, ze szczególnym uwzględnieniem podstaw CSS i responsywności strony | [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures w JavaScript, manipulacja DOMem | Tworzenie kodu JavaScript, który pozwoli terrarium działać jako interfejs drag/drop, ze szczególnym uwzględnieniem closures i manipulacji DOM | [Closures i manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Tworzenie gry do pisania | Nauka korzystania z zdarzeń klawiatury do sterowania logiką aplikacji w JavaScript | [Programowanie zdarzeniowe](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Poznanie działania przeglądarek, ich historii oraz jak zbudować pierwsze elementy rozszerzenia do przeglądarki | [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Budowa formularza, wywołanie API i przechowywanie zmiennych | Tworzenie elementów JavaScript rozszerzenia do przeglądarki, które wywołują API korzystając z lokalnego przechowywania zmiennych | [API, formularze i lokalne przechowywanie](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność sieciowa | Korzystanie z procesów działających w tle do zarządzania ikoną rozszerzenia, poznanie wydajności sieci i optymalizacji | [Procesy w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Bardziej zaawansowany rozwój gier w JavaScript | Poznanie dziedziczenia za pomocą klas i kompozycji oraz wzorca Pub/Sub, przygotowanie do tworzenia gry | [Wprowadzenie do zaawansowanego tworzenia gier](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na canvas | Nauka o API Canvas używanym do rysowania elementów na ekranie | [Rysowanie na Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów na ekranie | Odkryj, jak elementy mogą poruszać się przy użyciu współrzędnych kartezjańskich i API Canvas | [Przemieszczanie elementów](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, by elementy zderzały się i reagowały na siebie nawzajem za pomocą naciśnięć klawiszy oraz zapewnij funkcję cooldown | [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne na podstawie statusu i wydajności gry | [Liczenie punktów](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Kończenie i restartowanie gry | Nauka o kończeniu i restartowaniu gry, w tym sprzątaniu zasobów i resetowaniu zmiennych | [Warunek zakończenia](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i trasy w aplikacji webowej | Nauka tworzenia szkieletu architektury wielostronicowej strony internetowej z wykorzystaniem tras i szablonów HTML | [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Budowa formularza logowania i rejestracji | Poznanie budowania formularzy i obsługi walidacji | [Formularze](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do aplikacji i z niej, jak je pobierać, przechowywać i usuwać | [Dane](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Nauka, jak aplikacja przechowuje stan i jak nim sterować programistycznie | [Zarządzanie stanem](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Nauka korzystania z edytora kodu | [Używanie edytora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Praca z AI | Nauka tworzenia własnego asystenta AI | [Projekt asystenta AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika -Nasz program nauczania oparty jest na dwóch kluczowych zasadach pedagogicznych: -* nauka projektowa +Nasz program nauczania zaprojektowano w oparciu o dwie kluczowe zasady pedagogiczne: +* naukę opartą na projektach * częste quizy -Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik stosowanych przez dzisiejszych deweloperów stron internetowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu space invader oraz aplikację bankową dla firm. Pod koniec serii studenci zdobędą solidne zrozumienie tworzenia stron internetowych. +Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik stosowanych przez współczesnych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do pisania, wirtualne terrarium, przyjazne środowisku rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Pod koniec cyklu studenci zdobędą solidną wiedzę na temat tworzenia stron internetowych. + +> 🎓 Możesz rozpocząć od pierwszych lekcji tego programu jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -> 🎓 Możesz odbyć pierwsze lekcje tego programu jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +Zapewnienie zgodności treści z projektami sprawia, że proces jest bardziej angażujący dla uczniów, a utrwalanie koncepcji jest usprawnione. Napisaliśmy także kilka wprowadzających lekcji podstaw JavaScript, aby przedstawić koncepcje, połączonych z filmem z kolekcji "[Seria dla początkujących: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których autorzy przyczynili się do powstania tego programu. -Dzięki dopasowaniu treści do projektów proces nauki jest bardziej angażujący dla studentów, a zapamiętywanie konceptów zostanie wzmocnione. Napisaliśmy także kilka lekcji wprowadzających do podstaw JavaScript, którym towarzyszy wideo z serii "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których niektórzy autorzy przyczynili się do tego programu. +Ponadto quiz o niskim stopniu ryzyka przed zajęciami nastawia ucznia na naukę danego tematu, a drugi quiz po lekcji zapewnia jego dalsze utrwalenie. Ten program został zaprojektowany tak, aby był elastyczny i przyjemny, można go realizować w całości lub w częściach. Projekty zaczynają się od małych i stają się coraz bardziej złożone w ciągu 12-tygodniowego cyklu. -Dodatkowo quiz niskiego ryzyka przed zajęciami nastawia ucznia na naukę tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie materiału. Ten program został zaprojektowany jako elastyczny i przyjemny, można go realizować w całości lub częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej złożone pod koniec 12-tygodniowego cyklu. +Choć celowo zrezygnowaliśmy z wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych jako web developer zanim przystąpi się do pracy z frameworkiem, kolejnym dobrym krokiem po ukończeniu tego kursu byłoby poznanie Node.js za pomocą innej kolekcji filmów: "[Seria dla początkujących: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -Chociaż świadomie unikaliśmy wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych web developerowi przed użyciem frameworka, dobrym następnym krokiem po ukończeniu tego kursu będzie nauka Node.js za pomocą innej serii wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Odwiedź nasze wytyczne [Kodeks postępowania](CODE_OF_CONDUCT.md) i [Współtworzenie](CONTRIBUTING.md). Cenimy Twoje konstruktywne opinie! -> Odwiedź nasze wytyczne dotyczące [Kodeksu postępowania](CODE_OF_CONDUCT.md) i [Współpracy](CONTRIBUTING.md). Czekamy na Twoją konstruktywną opinię! ## 🧭 Dostęp offline -Możesz uruchomić tę dokumentację offline, korzystając z [Docsify](https://docsify.js.org/#/). Zforkuj to repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swojej lokalnej maszynie, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona będzie dostępna na porcie 3000 na twoim localhost: `localhost:3000`. +Możesz uruchomić tę dokumentację offline, korzystając z [Docsify](https://docsify.js.org/#/). Zrób fork tego repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze, a następnie w głównym folderze tego repozytorium wpisz `docsify serve`. Strona zostanie uruchomiona na porcie 3000 na twoim lokalnym hoście: `localhost:3000`. ## 📘 PDF -Plik PDF ze wszystkimi lekcjami dostępny jest [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Plik PDF ze wszystkimi lekcjami można znaleźć [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Inne kursy @@ -197,7 +213,7 @@ Nasz zespół tworzy także inne kursy! Sprawdź: ### LangChain [![LangChain4j dla początkujących](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js dla początkujących](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain dla początkujących](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agenci @@ -207,7 +223,7 @@ Nasz zespół tworzy także inne kursy! Sprawdź: [![Agenci AI dla początkujących](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- - + ### Seria Generative AI [![Generative AI dla początkujących](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) @@ -215,8 +231,8 @@ Nasz zespół tworzy także inne kursy! Sprawdź: [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- - -### Podstawowa Nauka + +### Core Learning [![ML dla początkujących](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science dla początkujących](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI dla początkujących](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -226,30 +242,30 @@ Nasz zespół tworzy także inne kursy! Sprawdź: [![XR Development dla początkujących](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- - + ### Seria Copilot -[![Copilot dla współprogramowania z AI](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot dla programowania w parach AI](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot dla C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Copilot Adventures](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) -## Uzyskiwanie pomocy +## Uzyskanie pomocy -Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do innych uczących się i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest swobodnie dzielona. +Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI. Dołącz do innych uczących się i doświadczonych programistów w dyskusjach na temat MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest dzielona swobodnie. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jeśli masz uwagi dotyczące produktu lub napotykasz błędy podczas tworzenia, odwiedź: +Jeśli masz opinie o produkcie lub natkniesz się na błędy podczas tworzenia, odwiedź: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licencja -To repozytorium jest licencjonowane na podstawie licencji MIT. Zobacz plik [LICENSE](../../LICENSE) po więcej informacji. +To repozytorium jest licencjonowane na podstawie licencji MIT. Aby uzyskać więcej informacji, zobacz plik [LICENSE](../../LICENSE). --- -**Zastrzeżenie**: -Ten dokument został przetłumaczony za pomocą automatycznej usługi tłumaczeniowej AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że staramy się zapewnić dokładność, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być uważany za autorytatywne źródło. W przypadku informacji o kluczowym znaczeniu zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. +**Zrzeczenie się odpowiedzialności**: +Niniejszy dokument został przetłumaczony za pomocą automatycznej usługi tłumaczeniowej AI [Co-op Translator](https://github.com/Azure/co-op-translator). Pomimo naszych starań o dokładność, prosimy mieć na uwadze, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być traktowany jako źródło ostateczne. W przypadku informacji krytycznych zalecamy skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. \ No newline at end of file diff --git a/translations/tr/.co-op-translator.json b/translations/tr/.co-op-translator.json index c0be4dbe4..a522e3ad8 100644 --- a/translations/tr/.co-op-translator.json +++ b/translations/tr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:26:58+00:00", + "translation_date": "2026-02-06T08:41:52+00:00", "source_file": "AGENTS.md", "language_code": "tr" }, @@ -516,8 +516,8 @@ "language_code": "tr" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T18:21:34+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T08:37:00+00:00", "source_file": "README.md", "language_code": "tr" }, diff --git a/translations/tr/AGENTS.md b/translations/tr/AGENTS.md index 9ba95656f..a69d8ffa4 100644 --- a/translations/tr/AGENTS.md +++ b/translations/tr/AGENTS.md @@ -1,28 +1,28 @@ # AGENTS.md -## Proje Genel Bakış +## Proje Genel Bakışı -Bu, web geliştirme temellerini yeni başlayanlara öğretmek için hazırlanmış bir eğitim müfredatı deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilen ve JavaScript, CSS ve HTML konularını kapsayan 24 uygulamalı ders içeren kapsamlı bir 12 haftalık kurstur. +Bu, yeni başlayanlara web geliştirme temellerini öğretmek için hazırlanmış eğitim müfredatı deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilmiş kapsamlı 12 haftalık bir kurstur ve JavaScript, CSS ve HTML'i kapsayan 24 uygulamalı ders içerir. ### Ana Bileşenler -- **Eğitim İçeriği**: Proje tabanlı modüller halinde düzenlenmiş 24 yapılandırılmış ders -- **Uygulamalı Projeler**: Terrarium, Yazı Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Bankacılık Uygulaması, Kod Editörü ve Yapay Zeka Sohbet Asistanı -- **Etkileşimli Testler**: Her biri 3 sorudan oluşan 48 test (ders öncesi/sonrası değerlendirmeler) -- **Çok Dilli Destek**: GitHub Actions aracılığıyla 50+ dilde otomatik çeviriler +- **Eğitim İçeriği**: Proje tabanlı modüllerde düzenlenmiş 24 yapılandırılmış ders +- **Pratik Projeler**: Terrarium, Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Bankacılık Uygulaması, Kod Editörü ve AI Sohbet Asistanı +- **Etkileşimli Quizler**: Her biri 3 sorudan oluşan 48 quiz (ders öncesi/sonrası değerlendirmeler) +- **Çok Dilli Destek**: GitHub Actions ile 50+ dilde otomatik çeviriler - **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projeleri için) ### Mimari -- Ders tabanlı yapılandırılmış eğitim deposu +- Ders tabanlı yapıya sahip eğitim deposu - Her ders klasörü README, kod örnekleri ve çözümler içerir - Bağımsız projeler ayrı dizinlerde (quiz-app, çeşitli ders projeleri) -- GitHub Actions (co-op-translator) kullanılarak çeviri sistemi -- Docsify üzerinden sunulan ve PDF olarak erişilebilen belgeler +- GitHub Actions (co-op-translator) ile çeviri sistemi +- Docsify ile sunulan ve PDF olarak da erişilebilen dokümantasyon ## Kurulum Komutları -Bu depo öncelikle eğitim içeriği tüketimi için tasarlanmıştır. Belirli projelerle çalışmak için: +Bu depo öncelikle eğitim içeriği tüketimi içindir. Belirli projelerle çalışmak için: ### Ana Depo Kurulumu @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # Geliştirme sunucusunu başlat +npm run build # Üretim için derle +npm run lint # ESLint'i çalıştır ``` ### Banka Projesi API (Node.js + Express) @@ -46,9 +46,9 @@ npm run lint # Run ESLint ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # API sunucusunu başlat +npm run lint # ESLint çalıştır +npm run format # Prettier ile formatla ``` ### Tarayıcı Uzantısı Projeleri @@ -56,7 +56,7 @@ npm run format # Format with Prettier ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# Tarayıcıya özel uzantı yükleme talimatlarını izleyin ``` ### Uzay Oyunu Projeleri @@ -64,45 +64,45 @@ npm install ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# index.html dosyasını tarayıcıda açın veya Canlı Sunucu kullanın ``` -### Sohbet Projesi (Python Backend) +### Sohbet Projesi (Python Arka Uç) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# GITHUB_TOKEN ortam değişkenini ayarla python api.py ``` ## Geliştirme İş Akışı -### İçerik Katkıcıları İçin +### İçerik Katkı Sağlayıcıları için -1. **Depoyu fork edin** GitHub hesabınıza -2. **Fork'unuzu yerel olarak klonlayın** -3. Değişiklikleriniz için **yeni bir dal oluşturun** +1. Depoyu GitHub hesabınıza **fork edin** +2. Kendi forkunuzu yerel olarak **klonlayın** +3. Değişiklikler için **yeni bir dal oluşturun** 4. Ders içeriği veya kod örneklerinde değişiklik yapın 5. İlgili proje dizinlerinde kod değişikliklerini test edin -6. Katkı yönergelerine uygun olarak pull request gönderin +6. Katkı kurallarına uygun şekilde pull request gönderin -### Öğrenciler İçin +### Öğrenenler için 1. Depoyu fork edin veya klonlayın -2. Ders dizinlerine sırasıyla gidin -3. Her ders için README dosyalarını okuyun -4. https://ff-quizzes.netlify.app/web/ adresinde ders öncesi testleri tamamlayın -5. Ders klasörlerindeki kod örneklerini inceleyin +2. Ders dizinlerinde sırasıyla gezin +3. Her dersin README dosyasını okuyun +4. https://ff-quizzes.netlify.app/web/ adresinde ders öncesi quizleri tamamlayın +5. Ders klasörlerindeki kod örneklerinin üzerinden geçin 6. Ödevleri ve zorlukları tamamlayın -7. Ders sonrası testleri yapın +7. Ders sonrası quizleri yapın ### Canlı Geliştirme -- **Belgeler**: Kök dizinde `docsify serve` çalıştırın (port 3000) -- **Quiz Uygulaması**: quiz-app dizininde `npm run dev` çalıştırın +- **Dokümantasyon**: Kök dizinde `docsify serve` komutunu çalıştırın (port 3000) +- **Quiz Uygulaması**: `quiz-app` dizininde `npm run dev` komutunu çalıştırın - **Projeler**: HTML projeleri için VS Code Live Server uzantısını kullanın -- **API Projeleri**: İlgili API dizinlerinde `npm start` çalıştırın +- **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu çalıştırın ## Test Talimatları @@ -110,82 +110,82 @@ python api.py ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # Kod stili sorunları için kontrol et +npm run build # Derlemenin başarılı olduğunu doğrula ``` ### Banka API Testi ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # Kod stili sorunlarını kontrol et +node server.js # Sunucunun hatasız başlatıldığını doğrula ``` ### Genel Test Yaklaşımı -- Bu bir eğitim deposudur, kapsamlı otomatik testler içermez -- Manuel testler şunlara odaklanır: - - Kod örneklerinin hatasız çalışması - - Belgelerdeki bağlantıların doğru çalışması - - Proje derlemelerinin başarıyla tamamlanması - - Örneklerin en iyi uygulamalara uygun olması +- Bu bir eğitim deposudur ve kapsamlı otomatik testler içermez +- Manuel test şu noktalara odaklanır: + - Kod örneklerinin hata vermeden çalışması + - Dokümantasyondaki bağlantıların doğru çalışması + - Proje derlemelerinin başarılı tamamlanması + - Örneklerin en iyi uygulamaları takip etmesi ### Gönderim Öncesi Kontroller -- `npm run lint` komutunu package.json bulunan dizinlerde çalıştırın -- Markdown bağlantılarının geçerli olduğunu doğrulayın -- Kod örneklerini tarayıcıda veya Node.js'de test edin -- Çevirilerin doğru yapıyı koruduğundan emin olun +- package.json içeren dizinlerde `npm run lint` komutunu çalıştırın +- Markdown bağlantılarının geçerliliğini doğrulayın +- Kod örneklerini tarayıcıda veya Node.js'te test edin +- Çevirilerin yapısal bütünlüğünü kontrol edin -## Kod Stili Yönergeleri +## Kod Stili Kuralları ### JavaScript -- Modern ES6+ sözdizimini kullanın -- Projelerde sağlanan standart ESLint yapılandırmalarını takip edin -- Eğitim açısından anlamlı değişken ve fonksiyon adları kullanın -- Öğrenciler için kavramları açıklayan yorumlar ekleyin -- Prettier ile formatlama yapın (varsa) +- Modern ES6+ sözdizimi kullanın +- Projelerde verilen standart ESLint yapılandırmalarına uyun +- Eğitsel açıklık için anlamlı değişken ve fonksiyon isimleri kullanın +- Öğrenenler için kavramları açıklayan yorumlar ekleyin +- Yapılandırılmış Prettier ile biçimlendirin ### HTML/CSS -- Semantik HTML5 öğeleri +- Anlamsal HTML5 öğeleri - Duyarlı tasarım prensipleri -- Açık sınıf adlandırma kuralları -- Öğrenciler için CSS tekniklerini açıklayan yorumlar +- Açık sınıf isimlendirme kuralları +- Öğrenenler için CSS tekniklerini açıklayan yorumlar ### Python -- PEP 8 stil yönergeleri -- Açık ve eğitici kod örnekleri -- Öğrenme açısından faydalı olduğunda tür ipuçları ekleyin +- PEP 8 stil kuralları +- Açık, eğitim amaçlı kod örnekleri +- Öğrenim için faydalı ise tip ipuçları -### Markdown Belgeleri +### Markdown Dokümantasyonu -- Açık başlık hiyerarşisi -- Dil belirtimi olan kod blokları +- Net başlık hiyerarşisi +- Dil belirtilmiş kod blokları - Ek kaynaklara bağlantılar -- `images/` dizinlerinde ekran görüntüleri ve resimler -- Erişilebilirlik için resimlere alt metin ekleme +- `images/` klasörlerindeki ekran görüntüleri ve resimler +- Erişilebilirlik için görsellerde alt metin ### Dosya Organizasyonu -- Dersler sıralı olarak numaralandırılmış (1-getting-started-lessons, 2-js-basics, vb.) -- Her proje genellikle `solution/` ve `start/` veya `your-work/` dizinlerine sahiptir -- Resimler derslere özel `images/` klasörlerinde saklanır -- Çeviriler `translations/{language-code}/` yapısında bulunur +- Dersler numaralandırılmış sırasıyla (1-getting-started-lessons, 2-js-basics, vb.) +- Her projenin `solution/` ve genellikle `start/` veya `your-work/` dizinleri var +- Resimler derslere özel `images/` klasörlerinde tutulur +- Çeviriler `translations/{language-code}/` yapısında ## Derleme ve Dağıtım ### Quiz Uygulaması Dağıtımı (Azure Static Web Apps) -Quiz-app, Azure Static Web Apps dağıtımı için yapılandırılmıştır: +quiz-app, Azure Static Web Apps dağıtımı için yapılandırılmıştır: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # dist/ klasörü oluşturur +# main dalına push yapıldığında GitHub Actions iş akışı ile dağıtımı gerçekleştirir ``` Azure Static Web Apps yapılandırması: @@ -193,90 +193,90 @@ Azure Static Web Apps yapılandırması: - **Çıktı konumu**: `dist` - **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### PDF Belgeleri Oluşturma +### Dokümantasyon PDF Oluşturma ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # docsify-to-pdf yükle +npm run convert # Docs'dan PDF oluştur ``` -### Docsify Belgeleri +### Docsify Dokümantasyonu ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # Docsify'ı global olarak yükleyin +docsify serve # localhost:3000 üzerinde hizmet verin ``` -### Proje Özel Derlemeler +### Proje Bazlı Derlemeler -Her proje dizini kendi derleme sürecine sahip olabilir: -- Vue projeleri: `npm run build` üretim paketleri oluşturur -- Statik projeler: Derleme adımı yok, dosyaları doğrudan sunun +Her proje dizininin kendi derleme süreci olabilir: +- Vue projeleri: `npm run build` ile üretim paketleri oluşturur +- Statik projeler: Derleme adımı yok, dosyalar doğrudan sunulur -## Pull Request Yönergeleri +## Pull Request Kuralları ### Başlık Formatı -Değişiklik alanını belirten açık ve açıklayıcı başlıklar kullanın: -- `[Quiz-app] Ders X için yeni test ekle` +Değişiklik alanını belirten net, açıklayıcı başlıklar kullanın: +- `[Quiz-app] Ders X için yeni quiz ekle` - `[Lesson-3] Terrarium projesinde yazım hatasını düzelt` - `[Translation] Ders 5 için İspanyolca çeviri ekle` - `[Docs] Kurulum talimatlarını güncelle` -### Gerekli Kontroller +### Gereken Kontroller PR göndermeden önce: 1. **Kod Kalitesi**: - - İlgili proje dizinlerinde `npm run lint` çalıştırın + - Etkilenen proje dizinlerinde `npm run lint`i çalıştırın - Tüm lint hatalarını ve uyarılarını düzeltin 2. **Derleme Doğrulaması**: - - Uygulanabilir ise `npm run build` çalıştırın + - Geçerliyse `npm run build` komutunu çalıştırın - Derleme hatası olmadığından emin olun -3. **Bağlantı Doğrulaması**: +3. **Bağlantı Kontrolü**: - Tüm markdown bağlantılarını test edin - Resim referanslarının çalıştığını doğrulayın 4. **İçerik İncelemesi**: - - Yazım ve dilbilgisi hatalarını kontrol edin - - Kod örneklerinin doğru ve eğitici olduğundan emin olun - - Çevirilerin orijinal anlamı koruduğunu doğrulayın + - Yazım ve dilbilgisi kontrolü yapın + - Kod örneklerinin doğru ve eğitsel olduğundan emin olun + - Çevirilerin orijinal anlamı koruduğunu onaylayın -### Katkı Gereksinimleri +### Katkı Koşulları -- Microsoft CLA'yı kabul edin (ilk PR'de otomatik kontrol) -- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/) yönergelerine uyun -- Ayrıntılı yönergeler için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın -- Uygulanabilir ise PR açıklamasında sorun numaralarına referans verin +- Microsoft CLA onaylayın (ilk PR’de otomatik kontrol) +- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/)na uyun +- Ayrıntılı kurallar için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın +- Gerekirse PR açıklamasına ilgili issue numaralarını ekleyin ### İnceleme Süreci -- PR'ler bakımcılar ve topluluk tarafından incelenir -- Eğitim netliği önceliklidir +- PR’lar bakımcılar ve topluluk tarafından incelenir +- Eğitsel açıklık önceliklidir - Kod örnekleri güncel en iyi uygulamalara uygun olmalıdır -- Çeviriler doğruluk ve kültürel uygunluk açısından incelenir +- Çeviriler doğruluk ve kültürel uygunluk açısından değerlendirilir ## Çeviri Sistemi ### Otomatik Çeviri -- GitHub Actions ile co-op-translator iş akışı kullanır -- 50+ dile otomatik çeviri yapar -- Ana dizinlerdeki kaynak dosyalar -- Çevrilmiş dosyalar `translations/{language-code}/` dizinlerinde +- co-op-translator iş akışı ile GitHub Actions kullanılır +- 50+ dile otomatik çeviri yapılır +- Kaynak dosyalar ana dizinlerde +- Çevirilen dosyalar `translations/{language-code}/` dizinlerinde -### Manuel Çeviri İyileştirmeleri Eklemek +### Manuel Çeviri İyileştirmeleri Ekleme -1. Dosyayı `translations/{language-code}/` içinde bulun +1. `translations/{language-code}/` dizininde dosyayı bulun 2. Yapıyı koruyarak iyileştirmeler yapın -3. Kod örneklerinin çalışır durumda kaldığından emin olun -4. Yerelleştirilmiş test içeriğini test edin +3. Kod örneklerinin işlevselliğinin devam ettiğinden emin olun +4. Yerelleştirilmiş quiz içeriğini test edin ### Çeviri Meta Verileri -Çevrilmiş dosyalar meta veri başlığı içerir: +Çevrilmiş dosyalarda meta veri başlığı bulunur: ```markdown +**Feragatname**: +Bu belge, AI çeviri servisi [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Orijinal belgenin kendi dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı nedeniyle ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu tutulamayız. + \ No newline at end of file diff --git a/translations/tr/README.md b/translations/tr/README.md index 1271014ae..7dc8c2a36 100644 --- a/translations/tr/README.md +++ b/translations/tr/README.md @@ -12,113 +12,113 @@ # Yeni Başlayanlar için Web Geliştirme - Bir Müfredat -Microsoft Cloud Advocates tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, teraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML’i derinlemesine inceliyor. Sınavlar, tartışmalar ve uygulamalı ödevlerle etkileşimde bulunun. Etkili proje tabanlı pedagojimizle becerilerinizi geliştirin ve bilgi tutumunuzu optimize edin. Kodlama yolculuğunuza bugün başlayın! +Microsoft Cloud Advocates tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, teraryumlar, tarayıcı eklentileri ve uzay oyunları gibi uygulamalı projeler aracılığıyla JavaScript, CSS ve HTML'yi derinlemesine ele alır. Quizler, tartışmalar ve pratik ödevlerle etkileşime geçin. Becerilerinizi geliştirin ve bilgilerinizi etkili proje tabanlı öğretim metodumuzla optimize edin. Kodlama yolculuğunuza bugün başlayın! Azure AI Foundry Discord Topluluğuna Katılın [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Bu kaynakları kullanmaya başlamak için şu adımları izleyin: -1. **Depoyu Çatallayın**: Tıklayın [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +1. **Depoyu Dallandırın**: Tıklayın [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Azure AI Foundry Discord’a Katılın ve uzmanlar ile diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Çok Dilli Destek +### 🌐 Çoklu Dil Desteği -#### GitHub Action ile Desteklenir (Otomatik ve Her Zaman Güncel) +#### GitHub Action ile Desteklenmektedir (Otomatik ve Her Zaman Güncel) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](./README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **Yerelde Klonlamayı Tercih Ediyor musunuz?** +> **Yerel olarak Klonlamayı Tercih Ediyor musunuz?** -> Bu depo 50+ dil çevirisi içerir, bu da indirme boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için sparse checkout kullanın: +> Bu depo 50'den fazla dil çevirisi içerir ve bu da indirme boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için seyrek kontrol kullanın: > ```bash > 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' > ``` -> Bu, kursu tamamlamak için ihtiyacınız olan her şeyi çok daha hızlı bir indirme ile sağlar. +> Bu şekilde dersi tamamlamak için gereken her şeye çok daha hızlı bir şekilde sahip olursunuz. -**Ek çeviri dillerinin desteklenmesini istiyorsanız, bunlar [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir** +**Ek çeviri dillerinin desteklenmesini istiyorsanız, desteklenen diller [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmektedir** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Visual%20Studio%20Code'da%20Aç&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Öğrenci misiniz?_ -Başlangıç kaynakları, Öğrenci paketleri ve hatta ücretsiz sertifika kuponu alma yollarını bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. İçeriği her ay değiştirdiğimiz için yer işareti olarak ekleyip zaman zaman kontrol etmek isteyeceğiniz sayfa burasıdır. +Başlangıç kaynakları, öğrenci paketleri ve ücretsiz sertifika kuponu alma yollarını bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. Bu sayfa, içeriği aylık olarak değiştirdiğimiz için düzenli olarak yer imlerinize ekleyip kontrol etmeniz gereken sayfadır. -### 📣 Duyuru - Tamamlanması Gereken Yeni GitHub Copilot Agent modu meydan okumaları! +### 📣 Duyuru - Tamamlanacak Yeni GitHub Copilot Agent mod zorlukları! -Yeni Meydan Okuma eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlamanız gereken yeni bir meydan okumadır. Agent modunu daha önce kullanmadıysanız, yalnızca metin üretmekle kalmaz, aynı zamanda dosya oluşturup düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir. +Yeni Zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modunu kullanarak tamamlayabileceğiniz yeni bir meydan okuma. Agent modunu daha önce kullanmadıysanız, sadece metin üretmekle kalmaz, aynı zamanda dosyaları oluşturabilir ve düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir. -### 📣 Duyuru - _Generatif AI kullanarak yeni bir proje_ +### 📣 Duyuru - _Generatif AI kullanılarak inşa edilecek Yeni Proje_ Yeni AI Asistan projesi eklendi, inceleyin [proje](./9-chat-project/README.md) -### 📣 Duyuru - _Generatif AI için JavaScript’te Yeni Müfredat_ yayımlandı +### 📣 Duyuru - _Generatif AI için JavaScript Müfredatı_ yeni yayınlandı Yeni Generatif AI müfredatımızı kaçırmayın! -Başlamak için [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) adresini ziyaret edin! +Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ![Background](../../translated_images/tr/background.148a8d43afde5730.webp) -- Temelden RAG’a kadar her şeyi kapsayan dersler. -- GenAI ve eşlik eden uygulamamızla tarihî karakterlerle etkileşim. -- Eğlenceli ve sürükleyici anlatı, zaman yolculuğu yapacaksınız! +- Temellerden RAG’e kadar her şeyi kapsayan dersler. +- Tarihi karakterlerle GenAI ve yardımcı uygulamamızla etkileşim. +- Eğlenceli ve sürükleyici anlatı, zamanda yolculuk yapacaksınız! ![character](../../translated_images/tr/character.5c0dd8e067ffd693.webp) -Her ders; tamamlanacak bir ödev, bilgi kontrolü ve aşağıdaki gibi konularda sizi yönlendirecek bir meydan okumayı içerir: -- Prompt verme ve prompt mühendisliği -- Metin ve resim uygulama üretimi +Her derste tamamlanacak bir ödev, bilgi kontrolü ve şu konuları öğrenmenize rehberlik eden bir meydan okuma bulunur: +- İstem oluşturma ve istem mühendisliği +- Metin ve görsel uygulama oluşturma - Arama uygulamaları -Başlamak için [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) adresini ziyaret edin! +Başlamak için ziyaret edin [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ## 🌱 Başlarken -> **Öğretmenler**, bu müfredatı nasıl kullanabileceğinize dair [birkaç öneri ekledik](for-teachers.md). Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) duymak isteriz! +> **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair [bazı öneriler](for-teachers.md) ekledik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) bekliyoruz! -**[Öğrenciler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için ders öncesi bir sınavla başlayın ve ardından ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası sınavla anlayışınızı kontrol edin. +**[Öğrenenler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her derse başlamadan önce bir ön ders sınavı yapın, sonra ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası sınav ile anlayışınızı kontrol edin. -Öğrenme deneyiminizi geliştirmek için, projeler üzerinde birlikte çalışmak üzere akranlarınızla bağlanın! Tartışmalar [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilir; moderatörlerden oluşan ekibimiz sorularınızı yanıtlamak için hazırdır. +Öğrenme deneyiminizi artırmak için, projelerde birlikte çalışmak üzere akranlarınızla iletişim kurun! Tartışmalar, moderatörlerimizin sorularınızı yanıtlayacağı [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilmektedir. -Eğitiminizi ilerletmek için ek çalışma materyalleri için [Microsoft Learn’i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle tavsiye ederiz. +Eğitiminizi daha da ilerletmek için, ek çalışma materyalleri için [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) platformunu güçlü bir şekilde tavsiye ediyoruz. ### 📋 Ortamınızı Kurma -Bu müfredat geliştirme ortamı hazırdır! Başlarken, müfredatı [Codespace](https://github.com/features/codespaces/) içinde (_tarayıcı tabanlı, kurulum gerektirmeyen bir ortam_) veya bilgisayarınızda bir metin düzenleyici kullanarak (örneğin [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)) çalıştırmayı seçebilirsiniz. +Bu müfredat bir geliştirme ortamı hazır halde sunar! Başlarken, müfredatı [Codespace](https://github.com/features/codespaces/) içinde çalıştırabilir (_tarayıcı tabanlı, yükleme gerektirmeyen ortam_), veya bilgisayarınızda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) gibi bir metin düzenleyici kullanarak yerel olarak çalıştırabilirsiniz. -#### Depo Oluşturun -Çalışmanızı kolay kaydetmeniz için bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu sayfanın üst kısmındaki **Use this template** butonuna tıklayarak yapabilirsiniz. Bu, GitHub hesabınızda müfredat kopyası olan yeni bir depo oluşturur. +#### Depo oluşturun +Çalışmalarınızı kolayca kaydedebilmeniz için kendi kopyanızı oluşturmanız önerilir. Bunu sayfanın üstündeki **Şablon olarak kullan** düğmesine tıklayarak yapabilirsiniz. Bu, müfredatın bir kopyasıyla sizin GitHub hesabınızda yeni bir depo oluşturacaktır. -Aşağıdaki adımları izleyin: -1. **Depoyu Çatallayın**: Bu sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın. +Şu adımları izleyin: +1. **Depoyu Dallandırın**: Bu sayfanın sağ üst köşesindeki "Fork" düğmesine tıklayın. 2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Müfredatı Codespace’de Çalıştırma +#### Müfredatı Codespace içinde çalıştırmak -Oluşturduğunuz bu deponuzda, **Code** butonuna tıklayın ve **Open with Codespaces** seçeneğini seçin. Bu, sizin için üzerinde çalışabileceğiniz yeni bir Codespace oluşturacaktır. +Oluşturduğunuz bu deponuzda, **Code** butonuna tıklayın ve **Open with Codespaces** seçeneğini seçin. Bu size yeni bir Codespace oluşturacaktır. ![Codespace](../../translated_images/tr/createcodespace.0238bbf4d7a8d955.webp) -#### Müfredatı Bilgisayarınızda Yerel Çalıştırma +#### Müfredatı yerel olarak bilgisayarınızda çalıştırmak -Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin editörüne, bir tarayıcıya ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz, [Programlama Dillerine ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), her bir araç için çeşitli seçenekleri size tanıtacaktır, böylece size en uygun olanı seçebilirsiniz. +Bu müfredatı bilgisayarınızda çalıştırmak için bir metin editörüne, bir tarayıcıya ve komut satırı aracına ihtiyacınız olacak. İlk dersimiz, [Programlama Dilleri ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), bu araçların her biri için farklı seçenekleri size tanıtacak ve sizin için en uygun olanı seçmenizi sağlayacak. -Tavsiyemiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır; içinde yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) vardır. Visual Studio Code’u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz. +Önerimiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır; içinde ayrıca yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) bulunmaktadır. Visual Studio Code'u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz. -1. Depoyu bilgisayarınıza klonlayın. Bunu yapmak için **Code** düğmesine tıklayın ve URL’yi kopyalayın: +1. Depoyu bilgisayarınıza klonlayın. Bunu, **Code** düğmesine tıklayıp URL'yi kopyalayarak yapabilirsiniz: [CodeSpace](./images/createcodespace.png) - Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) açın ve az önce kopyaladığınız URL ile `` değiştirerek aşağıdaki komutu çalıştırın: +Sonra, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) açın ve az önce kopyaladığınız URL ile `` yerine aşağıdaki komutu çalıştırın: ```bash git clone @@ -127,83 +127,83 @@ Tavsiyemiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?W 2. Klasörü Visual Studio Code'da açın. Bunu **Dosya** > **Klasör Aç** seçeneğine tıklayarak ve az önce klonladığınız klasörü seçerek yapabilirsiniz. -> Önerilen Visual Studio Code eklentileri: +> Önerilen Visual Studio Code uzantıları: > -> * [Canlı Sunucu (Live Server)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmanızı hızlandırmak için +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - daha hızlı kod yazmanıza yardımcı olmak için ## 📂 Her ders şunları içerir: -- isteğe bağlı taslak notu +- isteğe bağlı sketchnote - isteğe bağlı destekleyici video -- dersten önce yapılan ısınma sınavı +- dersten önce hazırlık sınavı - yazılı ders -- proje tabanlı derslerde, projeyi adım adım nasıl inşa edeceğinizin rehberi +- proje bazlı derslerde, projeyi adım adım nasıl inşa edeceğinize dair rehberler - bilgi kontrolü - bir meydan okuma -- destekleyici okumalar +- destekleyici okuma materyali - ödev -- [dersten sonra yapılan sınav](https://ff-quizzes.netlify.app/web/) +- [dersten sonra sınav](https://ff-quizzes.netlify.app/web/) -> **Sınavlar hakkında not**: Tüm sınavlar Quiz-app klasöründe yer almakta olup, her biri üç sorudan oluşan toplam 48 sınav bulunmaktadır. Bu sınavlar [burada](https://ff-quizzes.netlify.app/web/) mevcuttur, sınav uygulaması yerel olarak çalıştırılabilir veya Azure’a dağıtılabilir; talimatlar `quiz-app` klasöründe bulunmaktadır. +> **Sınavlar hakkında bir not**: Tüm sınavlar Quiz-app klasöründe yer almakta olup, toplamda 48 adet üç soruluk sınav bulunmaktadır. Sınavlar [burada](https://ff-quizzes.netlify.app/web/) mevcuttur; sınav uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; talimatlar `quiz-app` klasöründe verilmiştir. ## 🗃️ Dersler -| | Proje Adı | Öğretilen Kavramlar | Öğrenme Hedefleri | Bağlantılı Ders | Yazar | -| :-: | :--------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :--------------------: | -| 01 | Başlarken | Programlamaya Giriş ve Araçlar | Çoğu programlama dilinin temelini öğrenmek ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımlar hakkında bilgi edinmek | [Programlama Dilleri ve Araçlara Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Başlarken | GitHub Temelleri, ekip ile çalışma | Projenizde GitHub’ı nasıl kullanacağınızı, kod tabanı üzerinde başkalarıyla nasıl iş birliği yapacağınızı öğrenmek | [GitHub’a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Başlarken | Erişilebilirlik | Web erişilebilirliğinin temellerini öğrenmek | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Temelleri | JavaScript Veri Türleri | JavaScript veri türlerinin temellerini öğrenmek | [Veri Türleri](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Temelleri | Fonksiyonlar ve Metodlar | Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metodları öğrenmek | [Fonksiyonlar ve Metodlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher | -| 06 | JS Temelleri | JS ile Karar Verme | Karar verme yöntemlerini kullanarak kodunuzda koşullar oluşturmayı öğrenmek | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Temelleri | Diziler ve Döngüler | JavaScript’te diziler ve döngüler kullanarak veri ile çalışma | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Uygulaması | Çevrimiçi bir terraryum oluşturmak için HTML yapısını oluşturmak, düzen oluşturulmasına odaklanmak | [HTML’e Giriş](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Uygulaması | Çevrimiçi terraryumu stilize etmek için CSS oluşturmak, sayfayı duyarlı hale getirme dahil olmak üzere CSS temelleri | [CSS’e Giriş](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Kapanışları, DOM işlemleri | Terraryumun sürükle/bırak arayüzü olarak işlev görmesi için JavaScript oluşturmak, kapanışlar ve DOM işlemlerine odaklanmak | [JavaScript Kapanışları, DOM işlemleri](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Yazma Oyunu](./4-typing-game/solution/README.md) | Bir Yazma Oyunu Oluşturma | Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını yönetmeyi öğrenmek | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışmak | Tarayıcıların nasıl çalıştığını, tarihçesini öğrenmek ve ilk tarayıcı uzantısı elemanlarını tasarlamak | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Bir form oluşturmak, API çağrısı ve yerel depolamada değişkenleri saklamak | Yerel depolamada saklanan değişkenleri kullanarak API çağıran tarayıcı uzantınızın JavaScript öğelerini oluşturun | [API’lar, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcıda arka plan süreçleri, web performansı | Uzantının simgesini yönetmek için tarayıcının arka plan süreçlerini kullanmak; web performansı ve bazı optimizasyonları öğrenmek | [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Uzay Oyunu](./6-space-game/solution/README.md) | JavaScript ile Daha İleri Oyun Geliştirme | Kalıtım (Inheritance) kavramını hem Sınıflar hem de Kompozisyon ve Yayınla/Abone (Pub/Sub) desenleriyle öğrenmek, oyun geliştirmeye hazırlanmak | [İleri Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Uzay Oyunu](./6-space-game/solution/README.md) | Canvas üzerine çizim | Ekrana elemanlar çizmek için kullanılan Canvas API’yi öğrenmek | [Canvas’e Çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Uzay Oyunu](./6-space-game/solution/README.md) | Ekrandaki elemanları hareket ettirme | Elemanların Kartezyen koordinatları ve Canvas API’si kullanılarak nasıl hareket kazandığını keşfetmek | [Elemanları Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Uzay Oyunu](./6-space-game/solution/README.md) | Çarpışma algılama | Tuş basımlarını kullanarak elemanları çarpıştırmak ve birbirlerine tepki vermelerini sağlamak; oyunun performansı için bekleme fonksiyonu oluşturmak | [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Uzay Oyunu](./6-space-game/solution/README.md) | Skor Tutma | Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapmak | [Skor Tutma](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Uzay Oyunu](./6-space-game/solution/README.md) | Oyunu bitirme ve yeniden başlatma | Oyunu bitirme ve yeniden başlatma işlemleri, varlıkları temizleme ve değişken değerlerini sıfırlama hakkında bilgi almak | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Bir Web Uygulamasında HTML Şablonları ve Yönlendirme | Çok sayfalı bir web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenmek | [HTML Şablonları ve Yönler](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Form oluşturma ve doğrulama rutinlerini nasıl yöneteceğinizi öğrenmek | [Formlar](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanıza veri akışı, veriyi alma, saklama ve atma yöntemlerini öğrenmek | [Veri](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumu nasıl tuttuğunu ve programatik olarak nasıl yöneteceğinizi öğrenmek | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışmak | Bir kod editörü nasıl kullanılır öğrenin | [VScode Kod Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Yapay Zeka Asistanları](./9-chat-project/README.md) | Yapay Zeka ile Çalışmak | Kendi yapay zeka asistanınızı nasıl oluşturacağınızı öğrenin | [Yapay Zeka Asistanı Projesi](./9-chat-project/README.md) | Chris | - -## 🏫 Eğitim Öğretim Yöntemi - -Müfredatımız iki temel pedagojik ilke göz önünde bulundurularak tasarlandı: +| | Proje Adı | Öğretilen Kavramlar | Öğrenme Hedefleri | Bağlı Ders | Yazar | +| :-: | :---------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| 01 | Başlarken | Programlamaya Giriş ve Ticaret Araçları | Çoğu programlama dilinin temelini ve profesyonel geliştiricilerin işlerini kolaylaştıran yazılımları öğrenin | [Programlama Dillerine ve Ticaret Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Başlarken | GitHub Temelleri, Takımla Çalışmayı İçerir | Projenizde GitHub nasıl kullanılır, başkalarıyla bir kod tabanı üzerinde nasıl işbirliği yapılır öğrenin | [GitHub'a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Başlarken | Erişilebilirlik | Web erişilebilirliğinin temellerini öğrenin | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Temelleri | JavaScript Veri Tipleri | JavaScript veri tiplerinin temelleri | [Veri Tipleri](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Temelleri | Fonksiyonlar ve Metodlar | Uygulama mantık akışını yönetmek için fonksiyonlar ve metodları öğrenin | [Fonksiyonlar ve Metodlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher | +| 06 | JS Temelleri | JS ile Karar Verme | Kodunuzda koşullar yaratmayı ve karar verme yöntemlerini kullanmayı öğrenin | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Temelleri | Diziler ve Döngüler | JavaScript'te diziler ve döngüler kullanarak veri ile çalışın | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | Pratikte HTML | Çevrimiçi bir terraryum oluşturmak için HTML yazın, düzen oluşturma odaklı | [HTML'e Giriş](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | Pratikte CSS | Çevrimiçi terraryuma stil vermek için CSS oluşturun, sayfanın duyarlı olmasını sağlama dahil CSS'nin temellerine odaklanın | [CSS'e Giriş](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Kapanışları, DOM manipülasyonu | Terraryumu sürükle/bırak arayüzü olarak işlevsel hale getirmek için JavaScript yazın, kapanışlar ve DOM manipülasyonuna odaklanın | [JavaScript Kapanışları, DOM manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Yazma Oyunu Yapımı | JavaScript uygulamanızın mantığını yönlendirmek için klavye olaylarını kullanmayı öğrenin | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışmak | Tarayıcıların nasıl çalıştığını, tarihçesini öğrenin ve bir tarayıcı uzantısının ilk öğelerini oluşturmanın temelini öğrenin | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Form oluşturma, API çağırma ve local storage'da değişken saklama | API çağırmak ve local storage'da saklanan değişkenleri kullanmak için tarayıcı uzantınızın JavaScript öğelerini oluşturun | [API'ler, Formlar ve Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tarayıcıdaki arka plan süreçleri, web performansı | Uzantının simgesini yönetmek için tarayıcının arka plan süreçlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin | [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript ile Daha İleri Oyun Geliştirme | Sınıflar ve Kompozisyon kullanarak Kalıtım ve Yayınlama/Abone olma (Pub/Sub) tasarım desenlerini öğrenin, oyun geliştirmeye hazırlık | [İleri Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas'a Çizim | Ekrana öğeler çizmek için kullanılan Canvas API'sini öğrenin | [Canvas'a Çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Ekrandaki Öğeleri Hareket Ettirme | Öğelerin Kartezyen koordinatları ve Canvas API'si kullanılarak nasıl hareket kazandığını keşfedin | [Öğeleri Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Çarpışma Algılama | Öğeleri birbirine çarpıştırın ve tuş basımlarını kullanarak tepki vermelerini sağlayın, ayrıca oyunun performansını sağlamak için bekleme fonksiyonu ekleyin | [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Skor Takibi | Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın | [Skor Takibi](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Oyunu Bitirme ve Yeniden Başlatma | Oyunu bitirme ve yeniden başlatma hakkında, varlıkları temizleme ve değişken değerleri sıfırlama dahil olmak üzere bilgi edinin | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Bir Web Uygulamasında HTML Şablonları ve Yönlendirme | Çok sayfalı bir web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenin | [HTML Şablonları ve Yönlendirme](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Form oluşturma ve doğrulama rutinlerini öğrenin | [Formlar](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanıza veri akışı, veriyi alma, saklama ve bertaraf etme yöntemlerini öğrenin | [Veri](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumu nasıl tuttuğunu ve bunu programatik olarak nasıl yöneteceğinizi öğrenin | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ile Çalışmak | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Yapay Zeka ile Çalışmak | Kendi yapay zeka asistanınızı nasıl oluşturacağınızı öğrenin | [Yapay Zeka Asistan Projesi](./9-chat-project/README.md) | Chris | + +## 🏫 Pedagoji + +Müfredatımız iki temel pedagojik ilke gözetilerek tasarlanmıştır: * proje tabanlı öğrenme -* sık sık sınavlar +* sık sınavlar -Program, JavaScript, HTML ve CSS’nin temelini ve günümüz web geliştiricileri tarafından kullanılan en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacısı tarzı oyun ve işletmeler için bir banka uygulaması inşa ederek uygulamalı deneyim kazanma fırsatına sahip olacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar. +Program JavaScript, HTML ve CSS'nin temelini ve günümüzün web geliştiricileri tarafından kullanılan en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacısı tarzı oyun ve işletmeler için bir bankacılık uygulaması oluşturarak pratik deneyim kazanma fırsatına sahip olacaklar. Serinin sonunda öğrenciler web geliştirme hakkında sağlam bir anlayışa sahip olurlar. -> 🎓 Bu müfredattaki ilk birkaç dersi Microsoft Learn’de bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz! +> 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn'de bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz! -İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca konseptleri tanıtmak amacıyla çeşitli JavaScript temel dersleri yazdık ve bunlara eşlik eden, bazı yazarlarının bu müfredatta katkısı bulunan "[JavaScript’e Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video eğitim koleksiyonundan bir video eşlik eder. +İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, bazı kavramları tanıtmak için JavaScript temelleri üzerine birkaç başlangıç dersi yazdık; bunlar, bazı yazarlarının katkıda bulunduğu "[JavaScript'e Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" adlı video eğitim koleksiyonundan bir video ile eşleştirilmiştir. -Buna ek olarak, bir ders öncesi düşük riskli bir sınav, öğrencinin öğrenme niyetini belirlerken, dersten sonra ikinci bir sınav kalıcılığı garanti eder. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlandı ve tamamı ya da bir kısmı alınabilir. Projeler küçük başlar ve 12 haftalık döngü sonunda giderek daha karmaşık hale gelir. +Bunun yanında, ders öncesi düşük riskli bir sınav öğrencinin öğrenme niyetini belirlerken, ders sonrası bir başka sınav daha derin kalıcılığı sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamı veya bir kısmı alınabilir. Projeler küçük başlayıp 12 haftalık döngü sonunda giderek daha karmaşık hale gelir. -JavaScript çerçevelerini kasıtlı olarak tanıtmaktan kaçınarak, bir çerçeve benimsemeden önce web geliştiricisi olarak ihtiyaç duyulan temel becerilere odaklandık; bu müfredatı tamamlamak için iyi bir sonraki adım, başka bir video koleksiyonu olan “[Node.js’e Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)” aracılığıyla Node.js öğrenmek olacaktır. +Bir JavaScript çatısı (framework) tanıtmayarak web geliştiricisi olarak ihtiyaç duyulan temel beceriler üzerinde yoğunlaşılması amaçlanmıştır; bu müfredatı tamamlamak için iyi bir sonraki adım başka bir video koleksiyonuyla Node.js hakkında öğrenmek olacaktır: "[Node.js'e Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> [Davranış Kuralları](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) rehberlerimizi ziyaret edin. Yapıcı geri bildirimlerinizi bekliyoruz! +> [Davranış Kurallarımız](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) rehberlerimize göz atın. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz! -## 🧭 Çevrimdışı Erişim +## 🧭 Çevrimdışı erişim -Bu dokümantasyonu çevrimdışı olarak [Docsify](https://docsify.js.org/#/) kullanarak çalıştırabilirsiniz. Bu depoyu çatallayın, yerel makinenize [Docsify kurun](https://docsify.js.org/#/quickstart) ve ardından bu deponun kök klasöründe `docsify serve` yazın. Web sitesi localhost:3000 portunda (localhost:3000) yayınlanacaktır. +Bu dokümantasyonu çevrimdışı olarak [Docsify](https://docsify.js.org/#/) kullanarak çalıştırabilirsiniz. Bu depoyu çatallayın, yerel makinenize [Docsify'i kurun](https://docsify.js.org/#/quickstart) ve sonra bu depo kök klasöründe `docsify serve` yazın. Web sitesi localhost'unuzda 3000 portunda sunulacaktır: `localhost:3000`. ## 📘 PDF -Tüm derslerin PDF’sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşabilirsiniz. +Tüm derslerin PDF'si [burada](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) bulunabilir. ## 🎒 Diğer Kurslar @@ -213,7 +213,7 @@ Ekibimiz başka kurslar da üretiyor! Göz atın: ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents @@ -236,36 +236,36 @@ Ekibimiz başka kurslar da üretiyor! Göz atın: [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![Siber Güvenlik için Yeni Başlayanlar](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![Yeni Başlayanlar için Web Geliştirme](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![Nesnelerin İnterneti için Yeni Başlayanlar](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![XR Geliştirme için Yeni Başlayanlar](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) +[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) +[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) +[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### Copilot Serisi -[![Yapay Zeka Eşliğinde Programlama için Copilot](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![C#/.NET için Copilot](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Copilot Macerası](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) +[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) ## Yardım Alma -AI uygulamaları geliştirme sürecinde takılırsanız veya herhangi bir sorunuz olursa, MCP hakkında tartışmalara katılmak için diğer öğrenenler ve deneyimli geliştiricilerle bir araya gelin. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur. +Yapay zeka uygulamaları geliştirme konusunda takılırsanız veya herhangi bir sorunuz olursa, MCP hakkında tartışmalara katılmak için diğer öğrenenler ve deneyimli geliştiricilerle buluşun. Soruların memnuniyetle karşılandığı ve bilginin serbestçe paylaşıldığı destekleyici bir topluluktur. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ürün geri bildirimi veya geliştirme sırasında hata bildirimi yapmak için ziyaret edin: +Ürün geri bildirimi veya yapım sırasında hatalarınız varsa şuraya gidin: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Lisans -Bu depo MIT lisansı altında lisanslanmıştır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız. +Bu depo MIT lisansı kapsamındadır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız. --- **Feragatname**: -Bu belge, AI çeviri servisi [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstermemize rağmen, otomatik çeviri hatalar veya yanlışlıklar içerebilir. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanılması nedeniyle doğabilecek yanlış anlamalar veya yorumlamalardan sorumlu değiliz. +Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucunda oluşabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz. \ No newline at end of file