AI-For-Beginners/translations/uk/etc/quiz-app

Вікторини

Ці вікторини є попередніми та підсумковими тестами для навчальної програми з ШІ за посиланням https://aka.ms/ai-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://github.com/arpan45/simple-quiz-vue

Розгортання на Azure

Ось покрокова інструкція, яка допоможе вам розпочати:

1. Форкніть GitHub-репозиторій
   Переконайтеся, що код вашого статичного вебдодатку знаходиться у вашому GitHub-репозиторії. Форкніть цей репозиторій.

2. Створіть статичний вебдодаток на Azure

• Створіть обліковий запис Azure
• Перейдіть до порталу Azure
• Натисніть "Створити ресурс" і знайдіть "Static Web App".
• Натисніть "Створити".

3. Налаштуйте статичний вебдодаток

• Основне:

  • Підписка: Виберіть вашу підписку Azure.
  • Група ресурсів: Створіть нову групу ресурсів або використайте існуючу.
  • Назва: Вкажіть назву для вашого статичного вебдодатку.
  • Регіон: Виберіть регіон, найближчий до ваших користувачів.

• Деталі розгортання:

  • Джерело: Виберіть "GitHub".
  • Обліковий запис GitHub: Авторизуйте Azure для доступу до вашого облікового запису GitHub.
  • Організація: Виберіть вашу організацію GitHub.
  • Репозиторій: Виберіть репозиторій, що містить ваш статичний вебдодаток.
  • Гілка: Виберіть гілку, з якої ви хочете розгортати.

• Деталі збірки:

  • Пресети збірки: Виберіть фреймворк, на якому побудовано ваш додаток (наприклад, React, Angular, Vue тощо).
  • Розташування додатку: Вкажіть папку, що містить код вашого додатку (наприклад, /, якщо він у корені).
  • Розташування API: Якщо у вас є API, вкажіть його розташування (необов’язково).
  • Розташування вихідних файлів: Вкажіть папку, де генерується вихідний код збірки (наприклад, build або dist).

4. Перевірте та створіть
   Перевірте ваші налаштування та натисніть "Створити". Azure налаштує необхідні ресурси та створить GitHub Actions workflow у вашому репозиторії.

5. GitHub Actions Workflow
   Azure автоматично створить файл GitHub Actions workflow у вашому репозиторії (.github/workflows/azure-static-web-apps-.yml). Цей workflow буде відповідати за процес збірки та розгортання.

6. Моніторинг розгортання
   Перейдіть на вкладку "Actions" у вашому репозиторії GitHub.
   Ви побачите, що workflow виконується. Цей workflow збере та розгорне ваш статичний вебдодаток на Azure.
   Після завершення workflow ваш додаток буде доступний за наданою URL-адресою Azure.

Приклад файлу Workflow

Ось приклад того, як може виглядати файл GitHub Actions workflow:
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: "etc/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
• Документація GitHub Actions

Відмова від відповідальності:
Цей документ було перекладено за допомогою сервісу автоматичного перекладу Co-op Translator. Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.