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

কুইজ

এই কুইজগুলো AI কারিকুলামের প্রাক-লেকচার এবং পোস্ট-লেকচার কুইজ, যা পাওয়া যাবে https://aka.ms/ai-beginners এ।

অনুবাদিত কুইজ সেট যোগ করা

কুইজ অনুবাদ যোগ করতে assets/translations ফোল্ডারে মিলিত কুইজ স্ট্রাকচার তৈরি করুন। মূল কুইজগুলো assets/translations/en ফোল্ডারে রয়েছে। কুইজগুলো বিভিন্ন লেসন অনুযায়ী ভাগ করা হয়েছে। সঠিক কুইজ সেকশনের সাথে নম্বর মিলিয়ে নিশ্চিত করুন। এই কারিকুলামে মোট ৪০টি কুইজ রয়েছে, যা ০ থেকে শুরু হয়।

অনুবাদ সম্পাদনার পর, assets/translations ফোল্ডারের index.js ফাইলটি সম্পাদনা করুন এবং en এর কনভেনশন অনুসারে সমস্ত ফাইল ইমপোর্ট করুন।

এরপর, এই অ্যাপের App.vue ফাইলের ড্রপডাউন সম্পাদনা করুন এবং আপনার ভাষা যোগ করুন। আপনার ভাষার ফোল্ডার নামের সাথে লোকালাইজড সংক্ষিপ্ত রূপটি মিলিয়ে নিশ্চিত করুন।

শেষে, অনুবাদিত লেসনগুলোর সমস্ত কুইজ লিঙ্ক সম্পাদনা করুন, যদি থাকে, যাতে লোকালাইজেশন একটি কোয়েরি প্যারামিটার হিসেবে অন্তর্ভুক্ত হয়: উদাহরণস্বরূপ ?loc=fr।

প্রজেক্ট সেটআপ

npm install

ডেভেলপমেন্টের জন্য কম্পাইল এবং হট-রিলোড

npm run serve

প্রোডাকশনের জন্য কম্পাইল এবং মিনিফাই

npm run build

ফাইল লিন্ট এবং ফিক্স

npm run lint

কনফিগারেশন কাস্টমাইজ করুন

Configuration Reference দেখুন।

ক্রেডিট: এই কুইজ অ্যাপের মূল সংস্করণের জন্য ধন্যবাদ: https://github.com/arpan45/simple-quiz-vue

Azure-এ ডিপ্লয় করা

এখানে একটি ধাপে ধাপে গাইড দেওয়া হলো যা আপনাকে শুরু করতে সাহায্য করবে:

1. একটি GitHub রিপোজিটরি ফর্ক করুন
   আপনার স্ট্যাটিক ওয়েব অ্যাপ কোডটি আপনার GitHub রিপোজিটরিতে রাখুন। এই রিপোজিটরিটি ফর্ক করুন।

2. একটি Azure স্ট্যাটিক ওয়েব অ্যাপ তৈরি করুন

• একটি Azure অ্যাকাউন্ট তৈরি করুন
• Azure পোর্টাল এ যান
• “Create a resource” এ ক্লিক করুন এবং “Static Web App” অনুসন্ধান করুন।
• “Create” এ ক্লিক করুন।

3. স্ট্যাটিক ওয়েব অ্যাপ কনফিগার করুন

• বেসিক:

  • Subscription: আপনার Azure সাবস্ক্রিপশন নির্বাচন করুন।
  • Resource Group: একটি নতুন রিসোর্স গ্রুপ তৈরি করুন অথবা বিদ্যমানটি ব্যবহার করুন।
  • Name: আপনার স্ট্যাটিক ওয়েব অ্যাপের জন্য একটি নাম দিন।
  • Region: আপনার ব্যবহারকারীদের কাছাকাছি অঞ্চল নির্বাচন করুন।

• ডিপ্লয়মেন্ট ডিটেইলস:

  • Source: “GitHub” নির্বাচন করুন।
  • GitHub Account: Azure-কে আপনার GitHub অ্যাকাউন্টে অ্যাক্সেস করার অনুমতি দিন।
  • Organization: আপনার GitHub অর্গানাইজেশন নির্বাচন করুন।
  • Repository: আপনার স্ট্যাটিক ওয়েব অ্যাপের রিপোজিটরি নির্বাচন করুন।
  • Branch: যে ব্রাঞ্চ থেকে ডিপ্লয় করতে চান তা নির্বাচন করুন।

• বিল্ড ডিটেইলস:

  • Build Presets: আপনার অ্যাপটি যে ফ্রেমওয়ার্ক দিয়ে তৈরি (যেমন React, Angular, Vue ইত্যাদি) তা নির্বাচন করুন।
  • App Location: আপনার অ্যাপ কোডের ফোল্ডারটি নির্দিষ্ট করুন (যেমন, / যদি এটি রুটে থাকে)।
  • API Location: যদি আপনার API থাকে, তার অবস্থান নির্দিষ্ট করুন (ঐচ্ছিক)।
  • Output Location: যেখানে বিল্ড আউটপুট তৈরি হয় সেই ফোল্ডারটি নির্দিষ্ট করুন (যেমন, build বা dist)।

4. রিভিউ এবং তৈরি করুন
   আপনার সেটিংস রিভিউ করুন এবং “Create” এ ক্লিক করুন। Azure প্রয়োজনীয় রিসোর্স সেটআপ করবে এবং আপনার রিপোজিটরিতে একটি GitHub Actions ওয়ার্কফ্লো তৈরি করবে।

5. GitHub Actions ওয়ার্কফ্লো
   Azure স্বয়ংক্রিয়ভাবে আপনার রিপোজিটরিতে একটি GitHub Actions ওয়ার্কফ্লো ফাইল তৈরি করবে (.github/workflows/azure-static-web-apps-.yml)। এই ওয়ার্কফ্লো বিল্ড এবং ডিপ্লয়মেন্ট প্রক্রিয়া পরিচালনা করবে।

6. ডিপ্লয়মেন্ট মনিটর করুন
   আপনার GitHub রিপোজিটরির “Actions” ট্যাবে যান।
   আপনার একটি ওয়ার্কফ্লো চলমান দেখতে পাবেন। এই ওয়ার্কফ্লো আপনার স্ট্যাটিক ওয়েব অ্যাপ Azure-এ বিল্ড এবং ডিপ্লয় করবে।
   ওয়ার্কফ্লো সম্পন্ন হলে, আপনার অ্যাপটি প্রদত্ত Azure URL-এ লাইভ হবে।

উদাহরণ ওয়ার্কফ্লো ফাইল

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: "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 Documentation
• GitHub Actions Documentation

অস্বীকৃতি:
এই নথিটি AI অনুবাদ পরিষেবা Co-op Translator ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসম্ভব সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। এর মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা তার জন্য দায়ী থাকব না।