Web-Dev-For-Beginners/translations/lt/quiz-app/README.md

Viktorinos programa

Šios viktorinos yra prieš ir po paskaitų skirtos duomenų mokslo mokymo programai adresu https://aka.ms/webdev-beginners

Kaip pridėti išverstą viktorinų rinkinį

Pridėkite viktorinų vertimą, sukurdami atitinkamas viktorinų struktūras aplanke assets/translations. Originalios viktorinos yra aplanke assets/translations/en. Viktorinų rinkiniai suskirstyti į kelias grupes. Įsitikinkite, kad numeracija atitinka tinkamą viktorinų sekciją. Šioje mokymo programoje yra iš viso 40 viktorinų, numeracija prasideda nuo 0.

Štai kaip atrodo vertimo failo struktūra:

[
    {
        "title": "A title",
        "complete": "A complete button title",
        "error": "An error message upon selecting the wrong answer",
        "quizzes": [
            {
                "id": 1,
                "title": "Title",
                "quiz": [
                    {
                        "questionText": "The question asked",
                        "answerOptions": [
                            {
                                "answerText": "Option 1 title",
                                "isCorrect": true
                            },
                            {
                                "answerText": "Option 2 title",
                                "isCorrect": false
                            }
                        ]
                    }
                ]
            }
        ]
    }
]

Po vertimo redagavimo, redaguokite index.js failą vertimų aplanke, kad importuotumėte visus failus pagal en konvencijas.

Redaguokite index.js failą aplanke assets/translations, kad importuotumėte naujus išverstus failus.

Pavyzdžiui, jei jūsų vertimo JSON failas yra ex.json, naudokite 'ex' kaip lokalizacijos raktą, tada įveskite jį taip, kaip parodyta žemiau:

index.js

import ex from "./ex.json";

// if 'ex' is localization key then enter it like so in `messages` to expose it 

const messages = {
  ex: ex[0],
};

export default messages;

Paleiskite viktorinų programą lokaliai

Reikalavimai

• GitHub paskyra
• Node.js ir Git

Įdiegimas ir nustatymas

1. Sukurkite saugyklą iš šio šablono

2. Nukopijuokite savo naują saugyklą ir pereikite į aplanką quiz-app

   git clone https://github.com/your-github-organization/repo-name
   cd repo-name/quiz-app
   

3. Įdiekite npm paketus ir priklausomybes

   npm install
   

Sukurkite programą

1. Norėdami sukurti sprendimą, paleiskite:

   npm run build
   

Paleiskite programą

1. Norėdami paleisti sprendimą, paleiskite:

   npm run dev
   

[Pasirinktinai] Kodo tikrinimas

1. Norėdami užtikrinti, kad kodas būtų patikrintas, paleiskite:

   npm run lint
   

Viktorinų programos diegimas Azure platformoje

Reikalavimai

• Azure prenumerata. Užsiregistruokite nemokamai čia.

  Šios viktorinų programos diegimo kaina: NEMOKAMA

Kai prisijungsite prie Azure per aukščiau pateiktą nuorodą, pasirinkite prenumeratą ir resursų grupę, tada:

• Statinės interneto programos detalės: Įveskite pavadinimą ir pasirinkite talpinimo planą

• GitHub prisijungimas: Nustatykite diegimo šaltinį kaip GitHub, tada prisijunkite ir užpildykite reikiamus laukus formoje:

  • Organizacija – Pasirinkite savo organizaciją.
  • Saugykla – Pasirinkite Web Dev for Beginners mokymo programos saugyklą.
  • Šaka - Pasirinkite šaką (main)

• Kūrimo nustatymai: Azure Static Web Apps naudoja aptikimo algoritmą, kad nustatytų jūsų programoje naudojamą sistemą.

  • Programos vieta - ./quiz-app
  • Api vieta -
  • Rezultatų vieta - dist

• Diegimas: Spustelėkite 'Review + Create', tada 'Create'

  Po diegimo .github aplanke jūsų saugykloje bus sukurtas darbo eigos failas. Šis darbo eigos failas apima instrukcijas apie įvykius, kurie inicijuos programos per-diegimą Azure platformoje, pavyzdžiui, push į šaką main ir pan.

  Pavyzdinis darbo eigos failas

  Štai kaip gali atrodyti GitHub Actions darbo eigos failas: 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
  

• Po diegimo: Kai diegimas bus baigtas, spustelėkite 'Go to Deployment', tada 'View app in browser'.

Kai jūsų GitHub Action (darbo eiga) bus sėkmingai įvykdyta, atnaujinkite tiesioginį puslapį, kad pamatytumėte savo programą.

---

Atsakomybės apribojimas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.