# Κουίζ Αυτά τα κουίζ είναι τα κουίζ πριν και μετά τις διαλέξεις για το πρόγραμμα σπουδών επιστήμης δεδομένων στο https://aka.ms/datascience-beginners ## Προσθήκη ενός μεταφρασμένου συνόλου κουίζ Προσθέστε μια μετάφραση κουίζ δημιουργώντας αντίστοιχες δομές κουίζ στους φακέλους `assets/translations`. Τα αρχικά κουίζ βρίσκονται στον φάκελο `assets/translations/en`. Τα κουίζ είναι χωρισμένα σε διάφορες ομάδες. Βεβαιωθείτε ότι ευθυγραμμίζετε την αρίθμηση με τη σωστή ενότητα κουίζ. Υπάρχουν συνολικά 40 κουίζ σε αυτό το πρόγραμμα σπουδών, με την αρίθμηση να ξεκινά από το 0. Αφού επεξεργαστείτε τις μεταφράσεις, επεξεργαστείτε το αρχείο `index.js` στον φάκελο της μετάφρασης για να εισάγετε όλα τα αρχεία ακολουθώντας τις συμβάσεις στον φάκελο `en`. Επεξεργαστείτε το αρχείο `index.js` στον φάκελο `assets/translations` για να εισάγετε τα νέα μεταφρασμένα αρχεία. Στη συνέχεια, επεξεργαστείτε το αναπτυσσόμενο μενού στο `App.vue` αυτής της εφαρμογής για να προσθέσετε τη γλώσσα σας. Ταιριάξτε τη συντομογραφία της γλώσσας με το όνομα του φακέλου για τη γλώσσα σας. Τέλος, επεξεργαστείτε όλους τους συνδέσμους κουίζ στα μεταφρασμένα μαθήματα, εάν υπάρχουν, για να συμπεριλάβετε αυτήν τη μετάφραση ως παράμετρο ερωτήματος: `?loc=fr`, για παράδειγμα. ## Ρύθμιση έργου ``` npm install ``` ### Μεταγλώττιση και αυτόματη ανανέωση για ανάπτυξη ``` npm run serve ``` ### Μεταγλώττιση και ελαχιστοποίηση για παραγωγή ``` npm run build ``` ### Έλεγχος και διόρθωση αρχείων ``` npm run lint ``` ### Προσαρμογή ρυθμίσεων Δείτε [Αναφορά Ρυθμίσεων](https://cli.vuejs.org/config/). Ευχαριστίες: Ευχαριστούμε την αρχική έκδοση αυτής της εφαρμογής κουίζ: https://github.com/arpan45/simple-quiz-vue ## Ανάπτυξη στο Azure Ακολουθεί ένας οδηγός βήμα προς βήμα για να ξεκινήσετε: 1. Κλωνοποιήστε ένα GitHub Repository Βεβαιωθείτε ότι ο κώδικας της στατικής εφαρμογής ιστού σας βρίσκεται στο αποθετήριο GitHub σας. Κλωνοποιήστε αυτό το αποθετήριο. 2. Δημιουργήστε μια Στατική Εφαρμογή Ιστού στο Azure - Δημιουργήστε έναν [λογαριασμό Azure](http://azure.microsoft.com) - Μεταβείτε στο [Azure portal](https://portal.azure.com) - Κάντε κλικ στο “Create a resource” και αναζητήστε “Static Web App”. - Κάντε κλικ στο “Create”. 3. Διαμορφώστε τη Στατική Εφαρμογή Ιστού - Βασικά: - Συνδρομή: Επιλέξτε τη συνδρομή σας στο Azure. - Ομάδα Πόρων: Δημιουργήστε μια νέα ομάδα πόρων ή χρησιμοποιήστε μια υπάρχουσα. - Όνομα: Δώστε ένα όνομα για τη στατική εφαρμογή ιστού σας. - Περιοχή: Επιλέξτε την περιοχή που είναι πιο κοντά στους χρήστες σας. - #### Λεπτομέρειες Ανάπτυξης: - Πηγή: Επιλέξτε “GitHub”. - Λογαριασμός GitHub: Εξουσιοδοτήστε το Azure να έχει πρόσβαση στον λογαριασμό σας στο GitHub. - Οργάνωση: Επιλέξτε την οργάνωση σας στο GitHub. - Αποθετήριο: Επιλέξτε το αποθετήριο που περιέχει τη στατική εφαρμογή ιστού σας. - Κλάδος: Επιλέξτε τον κλάδο από τον οποίο θέλετε να αναπτύξετε. - #### Λεπτομέρειες Δόμησης: - Προεπιλογές Δόμησης: Επιλέξτε το πλαίσιο στο οποίο είναι χτισμένη η εφαρμογή σας (π.χ., React, Angular, Vue, κ.λπ.). - Τοποθεσία Εφαρμογής: Καθορίστε τον φάκελο που περιέχει τον κώδικα της εφαρμογής σας (π.χ., / αν βρίσκεται στη ρίζα). - Τοποθεσία API: Εάν έχετε API, καθορίστε την τοποθεσία του (προαιρετικό). - Τοποθεσία Εξόδου: Καθορίστε τον φάκελο όπου δημιουργείται η έξοδος της δόμησης (π.χ., build ή dist). 4. Ανασκόπηση και Δημιουργία Ανασκοπήστε τις ρυθμίσεις σας και κάντε κλικ στο “Create”. Το Azure θα ρυθμίσει τους απαραίτητους πόρους και θα δημιουργήσει ένα αρχείο ροής εργασιών GitHub Actions στο αποθετήριό σας. 5. Ροή Εργασιών GitHub Actions Το Azure θα δημιουργήσει αυτόματα ένα αρχείο ροής εργασιών GitHub Actions στο αποθετήριό σας (.github/workflows/azure-static-web-apps-.yml). Αυτή η ροή εργασιών θα διαχειρίζεται τη δόμηση και την ανάπτυξη. 6. Παρακολούθηση της Ανάπτυξης Μεταβείτε στην καρτέλα “Actions” στο αποθετήριο σας στο GitHub. Θα πρέπει να δείτε μια ροή εργασιών να εκτελείται. Αυτή η ροή εργασιών θα δομήσει και θα αναπτύξει τη στατική εφαρμογή ιστού σας στο Azure. Μόλις ολοκληρωθεί η ροή εργασιών, η εφαρμογή σας θα είναι ζωντανή στη διεύθυνση URL που παρέχεται από το Azure. ### Παράδειγμα Αρχείου Ροής Εργασιών Ακολουθεί ένα παράδειγμα του αρχείου ροής εργασιών GitHub Actions: name: Azure Static Web Apps CI/CD ``` on: push: branches: - main pull_request: types: [opened, synchronize, reopened, closed] branches: - main jobs: build_and_deploy_job: runs-on: ubuntu-latest name: Build and Deploy Job steps: - uses: actions/checkout@v2 - name: Build And Deploy id: builddeploy uses: Azure/static-web-apps-deploy@v1 with: azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }} repo_token: ${{ secrets.GITHUB_TOKEN }} action: "upload" app_location: "quiz-app" # App source code path api_location: ""API source code path optional output_location: "dist" #Built app content directory - optional ``` ### Πρόσθετοι Πόροι - [Τεκμηρίωση Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/getting-started) - [Τεκμηρίωση GitHub Actions](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app) --- **Αποποίηση ευθύνης**: Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτοματοποιημένες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.