Getting Started
Vue টিউটোরিয়ালে স্বাগতম!
এই টিউটোরিয়ালটির লক্ষ্য হল ব্রাউজারেই Vue এর সাথে কাজ করতে কেমন লাগে তার একটি অভিজ্ঞতা দ্রুত আপনাকে দেওয়া। এটি ব্যাপক হওয়ার লক্ষ্য নয় এবং এগিয়ে যাওয়ার আগে আপনাকে সবকিছু বোঝার দরকার নেই। যাইহোক, আপনি এটি সম্পূর্ণ করার পরে, গাইড পড়তে ভুলবেন না যা প্রতিটি বিষয়কে আরও বিশদে কভার করে৷
পূর্বশর্ত
টিউটোরিয়ালটি HTML, CSS এবং JavaScript এর সাথে প্রাথমিক পরিচিতি অনুমান করে। আপনি যদি ফ্রন্ট-এন্ড ডেভেলপমেন্টে সম্পূর্ণ নতুন হয়ে থাকেন, তাহলে আপনার প্রথম ধাপ হিসেবে একটি ফ্রেমওয়ার্কের মধ্যে ঝাঁপিয়ে পড়া সেরা ধারণা নাও হতে পারে - বুনিয়াদিগুলি ধরুন তারপর ফিরে আসুন! অন্যান্য ফ্রেমওয়ার্কের সাথে পূর্বের অভিজ্ঞতা সাহায্য করে, কিন্তু প্রয়োজন হয় না।
এই টিউটোরিয়ালটি কীভাবে ব্যবহার করবেন
আপনি ডানদিকেনীচে কোডটি সম্পাদনা করতে পারেন এবং অবিলম্বে ফলাফল আপডেট দেখতে পারেন৷ প্রতিটি ধাপ Vue-এর একটি মূল বৈশিষ্ট্য প্রবর্তন করবে এবং ডেমো কাজ করার জন্য আপনি কোডটি সম্পূর্ণ করবেন বলে আশা করা হবে। আপনি যদি আটকে যান, আপনার একটি "আমাকে দেখান!" বোতাম যা আপনার জন্য কাজের কোড প্রকাশ করে। এটির উপর খুব বেশি নির্ভর না করার চেষ্টা করুন - আপনি নিজেই জিনিসগুলি বের করে দ্রুত শিখবেন।
আপনি যদি Vue 2 বা অন্যান্য ফ্রেমওয়ার্ক থেকে আসা একজন অভিজ্ঞ ডেভেলপার হন, তাহলে এই টিউটোরিয়ালটির সর্বোত্তম ব্যবহার করতে আপনি কিছু সেটিংস পরিবর্তন করতে পারেন। আপনি যদি একজন শিক্ষানবিস হন, তবে এটি ডিফল্টের সাথে যাওয়ার পরামর্শ দেওয়া হয়।
টিউটোরিয়াল সেটিং বিস্তারিত
-
Vue দুটি API ধরন অফার করে: Option API এবং Composition API। এই টিউটোরিয়ালটি উভয়ের জন্য কাজ করার জন্য ডিজাইন করা হয়েছে - আপনি শীর্ষে থাকা API পছন্দ সুইচগুলি ব্যবহার করে আপনার পছন্দের ধরন নির্বাচন করতে পারেন। API ধরন সম্পর্কে আরও জানুন।
-
আপনি SFC-মোড বা HTML-মোডের মধ্যেও স্যুইচ করতে পারেন। আগেরটি সিঙ্গল-ফাইল কম্পোনেন্ট (SFC) ফর্ম্যাটে কোডের উদাহরণ দেখাবে, যা বেশিরভাগ ডেভেলপমেন্টকারীরা ব্যবহার করে যখন তারা একটি বিল্ড স্টেপ সহ Vue ব্যবহার করে। HTML-মোড বিল্ড স্টেপ ছাড়াই ব্যবহার দেখায়।
TIP
আপনি যদি নিজের অ্যাপ্লিকেশানগুলিতে বিল্ড স্টেপ ছাড়াই HTML-মোড ব্যবহার করতে চলেছেন, নিশ্চিত করুন যে আপনি হয় ইম্পোর্টগুলো এতে পরিবর্তন করেছেন:
import { ... } from 'vue/dist/vue.esm-bundler.js'
আপনার স্ক্রিপ্টের ভিতরে বা সেই অনুযায়ী vue
সমাধান করতে আপনার বিল্ড টুল কনফিগার করুন। Vite এর জন্য নমুনা কনফিগারেশন:
// vite.config.js
export default {
resolve: {
alias: {
vue: 'vue/dist/vue.esm-bundler.js'
}
}
}
আরও তথ্যের জন্য সংশ্লিষ্ট টুলিং গাইডের বিভাগ দেখুন।
প্রস্তুত? শুরু করতে "পরবর্তী" এ ক্লিক করুন৷