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

क्विजहरू

यी क्विजहरू AI पाठ्यक्रमको लागि प्रि-र पोस्ट-लेक्चर क्विजहरू हुन् जुन https://aka.ms/ai-beginners मा उपलब्ध छ।

अनुवादित क्विज सेट थप्ने

क्विज अनुवाद थप्न assets/translations फोल्डरमा मिल्दो क्विज संरचना सिर्जना गर्नुहोस्। मूल क्विजहरू assets/translations/en मा छन्। क्विजहरू पाठ अनुसार विभिन्न समूहमा विभाजित छन्। सही क्विज सेक्सनसँग नम्बरिङ मिलाउन सुनिश्चित गर्नुहोस्। यो पाठ्यक्रममा कुल ४० क्विजहरू छन्, जसको गणना ० बाट सुरु हुन्छ।

अनुवादहरू सम्पादन गरेपछि, अनुवाद फोल्डरमा रहेको index.js फाइललाई en मा भएका नियमहरू पालना गर्दै सबै फाइलहरू आयात गर्न सम्पादन गर्नुहोस्।

assets/translations मा रहेको index.js फाइललाई नयाँ अनुवादित फाइलहरू आयात गर्न सम्पादन गर्नुहोस्।

त्यसपछि, यस एपमा रहेको 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 पोर्टल मा जानुहोस्।
• “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. डिप्लोयमेन्ट अनुगमन गर्नुहोस्
   तपाईंको 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 डकुमेन्टेशन
• GitHub Actions डकुमेन्टेशन

अस्वीकरण:
यो दस्तावेज़ AI अनुवाद सेवा Co-op Translator प्रयोग गरी अनुवाद गरिएको हो। हामी यथासम्भव सटीकता सुनिश्चित गर्न प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। यसको मूल भाषामा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्त्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।