leestott
e2b90108bb
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
কুইজসমূহ
এই কুইজগুলো ডেটা সায়েন্স কারিকুলামের প্রাক-লেকচার এবং পোস্ট-লেকচার কুইজ, যা পাওয়া যাবে এখানে: https://aka.ms/datascience-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
কনফিগারেশন কাস্টমাইজ করুন
Configuration Reference দেখুন।
ক্রেডিট: এই কুইজ অ্যাপের মূল সংস্করণের জন্য ধন্যবাদ: https://github.com/arpan45/simple-quiz-vue
অ্যাজ্যুরে ডিপ্লয় করা
এখানে একটি ধাপে ধাপে গাইড দেওয়া হলো যা আপনাকে শুরু করতে সাহায্য করবে:
-
একটি গিটহাব রিপোজিটরি ফর্ক করুন
আপনার স্ট্যাটিক ওয়েব অ্যাপ কোডটি আপনার গিটহাব রিপোজিটরিতে নিশ্চিত করুন। এই রিপোজিটরিটি ফর্ক করুন। -
একটি অ্যাজ্যুর স্ট্যাটিক ওয়েব অ্যাপ তৈরি করুন
- একটি Azure অ্যাকাউন্ট তৈরি করুন
- Azure পোর্টাল এ যান
- “Create a resource” এ ক্লিক করুন এবং “Static Web App” অনুসন্ধান করুন।
- “Create” এ ক্লিক করুন।
- স্ট্যাটিক ওয়েব অ্যাপ কনফিগার করুন
-
বেসিকস:
- Subscription: আপনার অ্যাজ্যুর সাবস্ক্রিপশন নির্বাচন করুন।
- Resource Group: একটি নতুন রিসোর্স গ্রুপ তৈরি করুন বা বিদ্যমান একটি ব্যবহার করুন।
- Name: আপনার স্ট্যাটিক ওয়েব অ্যাপের জন্য একটি নাম দিন।
- Region: আপনার ব্যবহারকারীদের নিকটবর্তী অঞ্চল নির্বাচন করুন।
-
ডিপ্লয়মেন্ট ডিটেইলস:
- Source: “GitHub” নির্বাচন করুন।
- GitHub Account: অ্যাজ্যুরকে আপনার গিটহাব অ্যাকাউন্টে অ্যাক্সেস করার অনুমতি দিন।
- Organization: আপনার গিটহাব অর্গানাইজেশন নির্বাচন করুন।
- Repository: আপনার স্ট্যাটিক ওয়েব অ্যাপের কোড থাকা রিপোজিটরি নির্বাচন করুন।
- Branch: যেই ব্রাঞ্চ থেকে ডিপ্লয় করতে চান তা নির্বাচন করুন।
-
বিল্ড ডিটেইলস:
- Build Presets: আপনার অ্যাপ যেই ফ্রেমওয়ার্কে তৈরি (যেমন React, Angular, Vue, ইত্যাদি) তা নির্বাচন করুন।
- App Location: আপনার অ্যাপ কোড থাকা ফোল্ডারটি নির্দিষ্ট করুন (যেমন, / যদি এটি রুটে থাকে)।
- API Location: যদি আপনার একটি API থাকে, তার অবস্থান নির্দিষ্ট করুন (ঐচ্ছিক)।
- Output Location: বিল্ড আউটপুট যেখানে তৈরি হয় সেই ফোল্ডারটি নির্দিষ্ট করুন (যেমন, build বা dist)।
-
রিভিউ এবং তৈরি করুন
আপনার সেটিংস রিভিউ করুন এবং “Create” এ ক্লিক করুন। অ্যাজ্যুর প্রয়োজনীয় রিসোর্স সেটআপ করবে এবং আপনার রিপোজিটরিতে একটি গিটহাব অ্যাকশনস ওয়ার্কফ্লো তৈরি করবে। -
গিটহাব অ্যাকশনস ওয়ার্কফ্লো
অ্যাজ্যুর স্বয়ংক্রিয়ভাবে আপনার রিপোজিটরিতে একটি গিটহাব অ্যাকশনস ওয়ার্কফ্লো ফাইল তৈরি করবে (.github/workflows/azure-static-web-apps-.yml)। এই ওয়ার্কফ্লো বিল্ড এবং ডিপ্লয়মেন্ট প্রক্রিয়া পরিচালনা করবে। -
ডিপ্লয়মেন্ট মনিটর করুন
আপনার গিটহাব রিপোজিটরির “Actions” ট্যাবে যান।
আপনি একটি ওয়ার্কফ্লো চলমান দেখতে পাবেন। এই ওয়ার্কফ্লো আপনার স্ট্যাটিক ওয়েব অ্যাপ অ্যাজ্যুরে বিল্ড এবং ডিপ্লয় করবে।
ওয়ার্কফ্লো সম্পন্ন হলে, আপনার অ্যাপটি প্রদত্ত অ্যাজ্যুর URL-এ লাইভ হবে।
উদাহরণ ওয়ার্কফ্লো ফাইল
এখানে একটি গিটহাব অ্যাকশনস ওয়ার্কফ্লো ফাইলের উদাহরণ দেওয়া হলো:
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
অতিরিক্ত রিসোর্স
অস্বীকৃতি:
এই নথিটি AI অনুবাদ পরিষেবা Co-op Translator ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিক অনুবাদের চেষ্টা করি, তবে দয়া করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। নথিটির মূল ভাষায় লেখা সংস্করণটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ ব্যবহার করার পরামর্শ দেওয়া হয়। এই অনুবাদ ব্যবহারের ফলে সৃষ্ট কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।