8টি শিক্ষামূলক প্রকল্প

"একজন শিক্ষানবিশ চেষ্টা করার চেয়ে একজন মাস্টার বেশি ভুল করেন"

আমরা 8টি প্রকল্পের বিকল্প অফার করি যা আপনি "মজা করার জন্য" করতে পারেন যাতে প্রকৃত উন্নয়ন অভিজ্ঞতা অর্জন করা যায়।

প্রকল্প 1. ট্রেলো ক্লোন

ইন্দ্রেক লাসন থেকে ট্রেলো ক্লোন।

আপনি যা শিখবেন:

• অনুরোধ প্রক্রিয়াকরণ রুটগুলির সংগঠন (রাউটিং)।
• টানা এবং পতন.
• কিভাবে নতুন বস্তু (বোর্ড, তালিকা, কার্ড) তৈরি করতে হয়।
• ইনপুট ডেটা প্রক্রিয়াকরণ এবং পরীক্ষা করা হচ্ছে।
• ক্লায়েন্টের দিক থেকে: কীভাবে স্থানীয় স্টোরেজ ব্যবহার করবেন, কীভাবে স্থানীয় স্টোরেজে ডেটা সংরক্ষণ করবেন, কীভাবে স্থানীয় স্টোরেজ থেকে ডেটা পড়তে হবে।
• সার্ভারের দিক থেকে: কিভাবে ডাটাবেস ব্যবহার করতে হয়, কিভাবে ডাটাবেসে ডাটা সেভ করতে হয়, ডাটাবেস থেকে ডাটা কিভাবে পড়তে হয়।

এখানে একটি সংগ্রহস্থল একটি উদাহরণ, React+Redux-এ তৈরি।

প্রকল্প 2. অ্যাডমিন প্যানেল

Github সংগ্রহস্থল।

একটি সাধারণ CRUD অ্যাপ্লিকেশন, মৌলিক বিষয়গুলো শেখার জন্য আদর্শ। আসুন জেনে নিইঃ

• ব্যবহারকারী তৈরি করুন, ব্যবহারকারীদের পরিচালনা করুন।
• ডাটাবেসের সাথে ইন্টারঅ্যাক্ট করুন - ব্যবহারকারী তৈরি করুন, পড়ুন, সম্পাদনা করুন, মুছুন।
• ইনপুট যাচাই করা এবং ফর্মগুলির সাথে কাজ করা।

প্রকল্প 3. ক্রিপ্টোকারেন্সি ট্র্যাকার (নেটিভ মোবাইল অ্যাপ্লিকেশন)

Github সংগ্রহস্থল।

যেকোনো কিছু: সুইফট, অবজেক্টিভ-সি, রিঅ্যাক্ট নেটিভ, জাভা, কোটলিন।

আসুন অধ্যয়ন:

• নেটিভ অ্যাপ্লিকেশন কিভাবে কাজ করে।
• কিভাবে API থেকে ডেটা পুনরুদ্ধার করবেন।
• নেটিভ পেজ লেআউট কিভাবে কাজ করে।
• মোবাইল সিমুলেটর দিয়ে কিভাবে কাজ করবেন।

এই API চেষ্টা করুন. আপনি যদি আরও ভাল কিছু খুঁজে পান তবে মন্তব্যে লিখুন।

আপনি আগ্রহী হলে, এটি এখানে এখানে একটি টিউটোরিয়াল আছে.

প্রকল্প 4. স্ক্র্যাচ থেকে আপনার নিজস্ব ওয়েবপ্যাক কনফিগারেশন সেট আপ করুন৷

প্রযুক্তিগতভাবে, এটি একটি অ্যাপ্লিকেশন নয়, তবে ওয়েবপ্যাকটি ভিতরে থেকে কীভাবে কাজ করে তা বোঝার জন্য এটি একটি খুব দরকারী কাজ। এখন এটি একটি "ব্ল্যাক বক্স" নয়, একটি বোধগম্য টুল হবে।

প্রয়োজনীয়তা:

• es7 থেকে es5 (বেসিক) কম্পাইল করুন।
• jsx থেকে js - অথবা - .vue থেকে .js কম্পাইল করুন (আপনাকে লোডার শিখতে হবে)
• ওয়েবপ্যাক ডেভ সার্ভার এবং হট মডিউল পুনরায় লোডিং সেট আপ করুন৷ (vue-cli এবং create-react-app উভয়ই ব্যবহার করুন)
• Heroku, now.sh বা Github ব্যবহার করুন, ওয়েবপ্যাক প্রকল্পগুলি কীভাবে স্থাপন করতে হয় তা শিখুন।
• CSS - scss, less, stylus কম্পাইল করতে আপনার প্রিয় প্রিপ্রসেসর সেট আপ করুন।
• ওয়েবপ্যাকের সাথে ইমেজ এবং এসভিজি ব্যবহার করতে শিখুন।

এটি সম্পূর্ণ নতুনদের জন্য একটি আশ্চর্যজনক সম্পদ।

প্রকল্প 5. হ্যাকারনিউজ ক্লোন

প্রতিটি জেডিকে তার নিজস্ব হ্যাকারনিউজ তৈরি করতে হবে।

পথে আপনি যা শিখবেন:

• হ্যাকারনিউজ এপিআই এর সাথে কিভাবে ইন্টারঅ্যাক্ট করবেন।
• কিভাবে একটি একক পৃষ্ঠা অ্যাপ্লিকেশন তৈরি করতে হয়।
• মন্তব্য, পৃথক মন্তব্য, প্রোফাইল দেখার মতো বৈশিষ্ট্যগুলি কীভাবে প্রয়োগ করবেন।
• অনুরোধ প্রক্রিয়াকরণ রুটগুলির সংগঠন (রাউটিং)।

প্রকল্প 6. Tudushechka

TodoMVC.

সিরিয়াসলি? টুদুশকা? তাদের হাজার হাজার আছে. তবে বিশ্বাস করুন, এই জনপ্রিয়তার একটি কারণ আছে।
আপনি বুনিয়াদি বুঝতে পেরেছেন তা নিশ্চিত করার জন্য Tudu অ্যাপটি একটি দুর্দান্ত উপায়। একটি অ্যাপ্লিকেশন ভ্যানিলা জাভাস্ক্রিপ্টে এবং একটি আপনার প্রিয় কাঠামোতে লেখার চেষ্টা করুন।

শিখুন:

• নতুন কাজ তৈরি করুন।
• ক্ষেত্রগুলি পূরণ করা হয়েছে কিনা তা পরীক্ষা করুন।
• ফিল্টার টাস্ক (সমাপ্ত, সক্রিয়, সব)। ব্যবহার করুন filter и reduce.
• জাভাস্ক্রিপ্টের বুনিয়াদি বুঝুন।

প্রজেক্ট 7. সাজানোর যোগ্য ড্র্যাগ এবং ড্রপ তালিকা

Github সংগ্রহস্থল।

বুঝতে খুব সহায়ক এপিআই টেনে আনুন.

আসুন জেনে নিইঃ

• API টানুন এবং ড্রপ করুন
• সমৃদ্ধ UI তৈরি করুন

প্রকল্প 8. মেসেঞ্জার ক্লোন (নেটিভ অ্যাপ্লিকেশন)

আপনি বুঝতে পারবেন কিভাবে ওয়েব অ্যাপ্লিকেশন এবং নেটিভ অ্যাপ্লিকেশন উভয়ই কাজ করে, যা আপনাকে ধূসর ভর থেকে আলাদা করবে।

আমরা যা অধ্যয়ন করব:

• ওয়েব সকেট (তাত্ক্ষণিক বার্তা)
• নেটিভ অ্যাপ্লিকেশন কিভাবে কাজ করে।
• কিভাবে টেমপ্লেট নেটিভ অ্যাপ্লিকেশনে কাজ করে।
• নেটিভ অ্যাপ্লিকেশনে অনুরোধ প্রক্রিয়াকরণ রুট সংগঠিত করা।

এটি আপনার জন্য এক বা দুই মাসের জন্য যথেষ্ট হবে।

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

উত্স: www.habr.com