React Native: Learn & Practice

সংক্ষিপ্ত ব্যাখ্যা, বাস্তব কোড উদাহরণ এবং ছোট ছোট চ্যালেঞ্জের মাধ্যমে React Native শিখুন। ১০টি মডিউলে ১৪৮টি লেসন অন্বেষণ করুন, কোডিং প্লেগ্রাউন্ডে একটি উদাহরণ খুলুন এবং ইন্টারফেসটি কীভাবে কাজ করে তা বোঝার জন্য এটি পরিবর্তন করুন।

বেসিক থেকে অনুশীলন পর্যন্ত একটি সুস্পষ্ট পথ

টেক্সট, ভিউ, ভ্যারিয়েবল, কম্পোনেন্ট, ইমেজ এবং স্টাইল দিয়ে শুরু করুন। এরপর Flexbox লেআউট, ফর্ম, টেক্সট ইনপুট, বাটন, টাচ ইন্টারঅ্যাকশন, স্ক্রলিং এবং লিস্ট সম্পর্কে জানুন। পরবর্তী মডিউলগুলোতে হুক, রিইউজেবল কম্পোনেন্ট, স্টেট ম্যানেজমেন্ট, পারফরম্যান্স কনসেপ্ট, রেসপন্সিভ লেআউট এবং অনুশীলন প্রজেক্টের সাথে পরিচয় করিয়ে দেওয়া হয়েছে।

এডিট করার আগে মূল ধারণাটি পড়ুন

প্রতিটি লেসনে একটি উদ্দেশ্য, সহজ ভাষায় একটি সংক্ষিপ্ত বিবরণ, মূল ধারণা, কোড, ব্যবহারিক টিপস, একটি ছোট চ্যালেঞ্জ এবং স্ব-পর্যালোচনার জন্য প্রশ্ন রয়েছে। উদাহরণটি তার ব্যাখ্যার সাথে দেখুন, তারপর যখন আপনি পরীক্ষা-নিরীক্ষা করার জন্য প্রস্তুত হবেন তখন সম্পাদনাযোগ্য সংস্করণটি খুলুন। বিগিনার, ইন্টারমিডিয়েট এবং প্র্যাকটিস লেবেলগুলো আপনাকে বুঝতে সাহায্য করবে যে কোর্সের কোন পর্যায়ে প্রতিটি বিষয় রয়েছে।

নিজের পরিবর্তনগুলো চেষ্টা করুন

টেক্সট, ভ্যালু, স্টাইল এবং কম্পোনেন্টের আচরণ পরিবর্তন করতে বিল্ট-ইন জাভাস্ক্রিপ্ট এবং JSX এডিটর ব্যবহার করুন। সিনট্যাক্স হাইলাইটিং এবং লাইন নম্বর উদাহরণগুলো অনুসরণ করা সহজ করে তোলে। আনডু এবং রিডু আপনাকে পরিবর্তনগুলো খতিয়ে দেখতে সাহায্য করে, আর রিসেট কোড শুরুর উদাহরণটি ফিরিয়ে আনে। অ্যাপের ভেতরের প্রিভিউ খোলার জন্য ‘রান অ্যাপ’-এ ট্যাপ করুন, তারপর আরেকটি চেষ্টার জন্য সম্পাদনায় ফিরে যান।

দরকারি প্যাটার্নগুলো অন্বেষণ করুন

কন্ট্রোলড ইনপুট, ফর্ম ভ্যালিডেশন, পাসওয়ার্ড ভিজিবিলিটি, ক্যারেক্টার কাউন্টার, লিস্ট ফিল্টারিং, সিলেক্টেবল আইটেম এবং এম্পটি স্টেট নিয়ে অধ্যয়ন করুন। কাউন্টার, টাইমার, একটি লাইভ ক্লক, একটি টেম্পারেচার কনভার্টার, একটি টিপ ক্যালকুলেটর, কার্ড, একটি অ্যাকর্ডিয়ন, সাধারণ ট্যাব এবং একটি মিনি টাস্ক লিস্ট দিয়ে অনুশীলন করুন। এগুলো শেখার উদাহরণ যা আপনাকে পরীক্ষা করতে সাহায্য করে যে একটি ইন্টারফেসের ছোট ছোট অংশগুলো কীভাবে একসাথে কাজ করে।

আপনার প্রয়োজনীয় লেসনটি খুঁজুন

লেসনের শিরোনাম দিয়ে সার্চ করুন অথবা মডিউল অনুযায়ী লাইব্রেরিটি সংকুচিত করুন। সমস্ত লেসন, চলমান লেসন, সেভ করা ফেভারিট এবং সম্পূর্ণ লেসনের মধ্যে সুইচ করুন। প্রিভিয়াস এবং নেক্সট কন্ট্রোল ব্যবহার করুন অথবা লেসনগুলোর মধ্যে সোয়াইপ করুন। যখন আপনি একটি ফিল্টার করা লাইব্রেরি থেকে কোনো লেসন খুলবেন, নেভিগেশন সেই নির্বাচনটি অনুসরণ করবে, যাতে আপনি আপনার বেছে নেওয়া বিষয়গুলোর সাথেই থাকতে পারেন।

আপনার শেখার অগ্রগতি ট্র্যাক করুন

পর্যালোচনার জন্য লেসনগুলো বুকমার্ক করুন এবং প্রস্তুত হলে সেগুলোকে সম্পূর্ণ হিসেবে চিহ্নিত করুন। হোম স্ক্রিনে কোর্সের অগ্রগতি, সম্পন্ন ও সংরক্ষিত অংশের সংখ্যা এবং একটি স্টাডি স্ট্রিক দেখানো হয়। শেষ পাঠটি আবার শুরু করুন অথবা পরবর্তী অসমাপ্ত বিষয়ে এগিয়ে যান। অগ্রগতি এবং বুকমার্কগুলো আপনার ডিভাইসে স্থানীয়ভাবে সংরক্ষিত থাকে।

আপনার এক্সপেরিমেন্টগুলোতে ফিরে যান

একটি উদাহরণ চালালে সেই পাঠের জন্য এর কোডটি একটি স্থানীয় ড্রাফট হিসেবে সংরক্ষিত হয়। ড্রাফটটি পুনরুদ্ধার করতে প্লেগ্রাউন্ডটি পুনরায় খুলুন, অথবা মূল কোডে ফিরে যেতে এটি রিসেট করুন। এর ফলে, শুরুর উপকরণগুলো প্রতিস্থাপন না করেই বিরতির পর কোনো একটি ধারণা পুনরায় পর্যালোচনা করা সহজ হয়।

একটি আরামদায়ক চেহারা বেছে নিন

লার্নিং ইন্টারফেসের জন্য লাইট মোড, ডার্ক মোড বা সিস্টেম থিম নির্বাচন করুন। একটি ধারণা পড়ুন, এর কোড পরীক্ষা করুন, একটি নির্দিষ্ট পরিবর্তন করুন এবং এটি প্রয়োগ করার অনুশীলন করতে চ্যালেঞ্জটি ব্যবহার করুন।

শিক্ষার্থী, কোডিংয়ে আগ্রহী নতুন ব্যবহারকারী এবং মোবাইল ইন্টারফেসের ধারণাগুলো পর্যালোচনা করছেন এমন ডেভেলপারদের জন্য ডিজাইন করা হয়েছে। উদাহরণগুলো একটি ওয়েব-ভিত্তিক প্রিভিউতে চলে; প্ল্যাটফর্ম-নির্দিষ্ট এপিআই এবং আচরণ একটি নেটিভ অ্যাপ থেকে ভিন্ন হতে পারে। অ্যাপটিতে বিজ্ঞাপন রয়েছে। এটি একটি স্বাধীন শিক্ষামূলক অ্যাপ; রিয়্যাক্ট নেটিভ প্রজেক্টের সাথে এর কোনো সম্পর্ক নেই বা এটি তাদের দ্বারা অনুমোদিত নয়।