Ultimate MERN Stack Web Developer’s Career Success Guide in 2024

mern-stack
mern stack

MERN stack খুবি সহজ রাস্তা একজন full stack ওয়েভ ডেভেলপার হওয়ার জন্য । programming hero বাংলায় mern stack | complete web development course.


পার্ক থেকে মর্নিং ওয়ার্ক সেরে বাসায় ফিরলাম। দৌড়াদৌড়ি শেষে ৬ তলা সিড়ি বেয়ে উঠে যতোটা না হাঁপিয়ে উঠি রাশেদ ভাইকে যখন দেখি রোজ সকালে কম্পিউটার সামনে নিয়ে বিড়বিড় করছে আর key -board এর ওপর রাগ ঝাড়ছে তখন হার্টবিট আরো বেড়ে যায় আমার। হ্যা ভাই আমার রুমমেট রাশেদ ভাইয়ের কথা বলছি। ২ বছর যাবৎ এরকমই দেখছি। এই লোকটার স্বপ্ন ওয়েব ডেভেলপার হবে। কিন্তু গত ২ বছরেও javascript এর গন্ডি পাড় করতে পারেনি।

পারবেই বা কিভাবে? আসলে কি শিখতে হবে, কতটুকু শিখতে হবে সেটাই উনি জানেনা। এর মাঝে কিছুদিন ওয়ার্ডপ্রেসও চেষ্টা করেছিলো, এরপর html,css শিখছে ৬ মাসে। আমাদের দেশে এরকম রাশেদ খুজলে অনেক পাওয়া যাবে যারা বড় স্বপ্ন নিয়ে শুরু করে যে Fullstack web developer হবে কিন্তু ২ বছর পরও দেখা যায় এক জায়গায় ঘুরপাক খাচ্ছে।

রাশেদেরা আসলে javascript এর ইনফিনিটি লুপে আটকে গেছে, সাথে ওনাদের ক্যারিয়ারও।

আপনার স্বপ্ন যদি হয় একজন ওয়েব ডেভেলপার হওয়ার তাহলে আপনাকে বলছি । ইনফিনিটি লুপে আটকে না থেকে আমার লেখাটা একটু পড়েন।

✅ বিদ্যাসাগর হওয়ার দরকার নাই ✅ MERN stack

লাইফে সবকিছু যদি ১০০% শিখে এগোতে চান তাহলে হয়তো আরেকবার জন্ম নিতে হবে। যেহেতু সেই সুযোগ নাই তাহলে এর বিকল্প হচ্ছে ততটুকুই আপাতত শিখবেন যতটুকু হলে পরবর্তী স্টেপে যেয়ে কাজ চালাতে পারেন। আর এটা মাথায় রাখবেন পরবর্তী ধাপ মানে পূর্ববর্তী ধাপের বিদায় নয়। নেক্সট ধাপ আপনাকে পূর্বের ধাপের অনেক কিছু সহজ করে দিবে। এটা মাথায় রেখে নিচের স্টেপগুলো খেয়াল করেন আপনার কাজটা সহজ হব

MERN Stack যদি শিখো তাহলে তোমার জন্য গাইড

mern stack web development
mern stack journy

✅ HTML এ এক সপ্তাহের বেশি নয়***

যে সকল tag,elements,attribute গুলো বেশিhttps://www.w3schools.com/html/ ব্যবহার করা হয় সেগুলো ১ সপ্তাহে আয়ত্ত করবেন। আর অন্যান্যগুলো এক নজর দেখে রাখবেন। বিদায় নয় html সবসময় আপনার সাথে থাকবে।

✅এখনই CSS দিয়ে বেশি সাজুগুজুর দরকার নাই***

১০ দিনে flex,grid,font-size,color,background, margin, padding,border, positon, float,media-query দিয়ে কিছুটা রেসপন্সিভ শিখে, hover,before,after,transform,animation গুলো এক নজর দেখে দৌড়ান।

✅ Css framework এর সময় কানগুলো বন্ধ রাখুন***

কেউ বলবে এটা পাওয়ারফুল, আরেকজন বলবে ওটা এভাবে ২ সপ্তাহ শেষ। শুনেন ভাই এখনো যেহেতু bootstrap এর মার্কেট ডিমান্ড বেশি এটাই শিখুন। ১০ দিনের বেশি সময় দিবেননা এখানে। আর এটা শিখে নিলে প্রয়োজনে অন্যান্য ফ্রেমওয়ার্ক শিখে নিতে পারবেন। এটা নিয়ে এখন আর কথা নয় অনেক রাস্তা বাকিhttps://getbootstrap.com/…/getting-started/introduction/।

✅ javascript থেকে বের হতেই হবে***

আসল খেলাটা এখানেই ভাই। js যতটা ভালো করে শিখবেন আপনার সামনের রাস্তাটা ততো সহজ হবে। তাই বলে এরকম সংকল্প করে বসে থাকলে হবেনা যতদিন লাগে লাগুক আমি js ১০০% শিখে তারপর নেক্সট স্টেপে যাব। না ভাই আপনার নির্দিষ্ট একটা সময় বেধে দিতেই হবে আবারও বলছি ডেডলাইন দিতেই হবে। এখানে ৪৫ দিন সময় নেন।

১. variable, condition,loop,function, array,objects, ফান্ডামেন্টাল কনসেপ্টগুলো ক্লিয়ার করবেন এবং কিছু problem solving করবেন। ২.DOM দিয়ে কয়েকটা সিম্পল ডাইনামিক প্রেজেক্ট তৈরি করুন।

৩. fetch() API দিয়ে server থেকে আপনার প্রোজেক্টে ডাটা লোড করুন, একই কাজ Axios দিয়ে করুন। post,patch, delete method গুলোও জেনে রাখুন । browser and debugging নিয়ে কাজ করুন।

৫.ES-6 Arrow-function,class,destructuring শিখে নিন।

map(),forEach() filter(),find(),reduce() আর jsxএর ধারনা না থাকলে react আপনাকে আবার javascript এ ফেরত পাঠাবে ।

শিখে এরপর react এ মুভ করতে পারেন।

✅ React আপনাকে javascript শেখাবে****

কতজনের মুখে এই পাওয়ারফুল js লাইব্রেরীর প্রশংসা শুনেছেন। এইতো সময় এসেছে React সুন্দরীর সাথে দেখা করার। তবে react কে পটাতে হলে আগে তার বাবা javascript কে হাত করে আসতে হবে। যদি আপনি js এ অল্পস্বল্প ফাকি দিয়ে আসেন react আপনাকে সেগুলা শিখতে বাধ্য করবে। react app install করা জেনে নিন, component তৈরি করা এবং ব্যবহার করা শিখুন প্রথমে functional component দিয়ে শুরু করুন সহজ হবে। এরপর react এর পাওয়ারফুল হুকগুলোর মধ্যে useState, useEffect, useParam, useHistory আয়ত্ত করে ফেলেন, ধীরে ধীরে react-router,route parameter, conditional rendering, context Api, react Authentication with firebase নিয়ে কাজ করুন, এছাড়াও react-bootstrap, metarial ui নিয়ে কিছু কাজ করুন। চেষ্টা করুন ৩০ দিনের মধ্যে react নিয়ে কাজ করাটা যাতে কমফোর্ট হয়।

Node +Express এর সাথে শুরু নতুন অধ্যায়**

Backend এ শেখার অনেক কিছু রয়েছে। কিন্তু এখনই সব নিয়ে চিন্তা করার দরকার নাই।

প্রথমে Node,express, mongo কে কম্বিনেশন করে একটা ফুলস্টেক ওয়েবসাইট বানাতে যতটুকু দরকার ঐটুকু শিখতে হবে। এরপর যখন confidence বেড়ে যাবে তখন ডিটেইলস শেখা যাবে। Node module, Node file system, নিজে module তৈরি করা, সেই module export, import করে কাজ করা, http module,server তৈরি করা। এরপর express এর routing,middleware নিয়ে কাজ করবে ন https://expressjs.com/

এখনই advance কিছু জানা দরকার নাই mongodb কে এর সাথে connect করে কাজ করতে থাকেন।

✅Mongodb আপনাকে সম্পূর্ণ করবে*

এটা হচ্ছে আপনার স্টোর সোজা বাংলায় গুদামঘর ধরে নিন। mongo তে আপনি ডাটা পাঠিয়ে স্টোর করে রাখতে পারবেন, প্রয়োজনে ডাটা আনতে পারবেন, স্টোর থেকে আপডেট, ডিলেট সবই করতে পারবেন। প্রথমে mongodb তে cluster তৈরি করা, node এর সাথে connect করা শিখুন। এবং বিগিনার হিসেবে ৪ টা কাজ শিখুন। কিভাবে ওয়েবসাইট থেকে mongo তে ডাটা সেন্ড করবেন, সেখান থেকে ডাটা নিয়ে আসবেন, ডাটা কিভাবে আপডেট করবেন এবং ডাটা ডিলেট করা শিখেন

back-end এর ফান্ডামেন্টাল কনসেপ্টগুলো ক্লিয়ার করে সেগুলো প্রোজেক্টে ইমপ্লিমেন্ট করা শুরু করুন। back-end এ এখন ৪৫ দিনের মতো সময় দিন। আশা করি আপনি তখন ছোটখাটো fullstack project বানাতে পারবেন। আপনার নিজের প্রতি কনফিডেন্স বেড়ে যাবে।

MERN stack । complete web ডেভেলপমেন্ট শেখার রিসোর্স


বাংলায় ওয়েব MERN ডেভেলপমেন্ট শেখার রিসোর্স (programming hero) https://web.programming-hero.com/

আপনার জার্নিটা এখানেই শেষ নয় প্র্যাকটিস চালিয়ে যান। ধন্যবাদ। MERN Stack ডেভেলপার হয়ার মিশন এ আপনাকে সাগতম ।

Programming hero এর সব বল্গ https://bangla.programming-hero.com/ ও mern related https://bangla.programming-hero.com/

mern stack
mern stack