জুনিয়র ওয়েব ডেভলপার হওয়ার গাইডলাইন

জুনিয়র ওয়েব ডেভলপার হওয়ার গাইডলাইন নিন্মে উপস্থাপন করা হল।

Step-1 = HTML
প্রথমেই Web development বা website এর হাড্ডিগুড্ডি অর্থাৎ Html এর বেসিক কিছু tag যেমন p, a, body, html, div, em, h1, h2, h3, h4, h5, h6, head, img, input, li, ul, ol, span, strong, ইত্যাদি ধরে ধরে শিখতে হবে। তারপর সিমিলার স্টাইলে CSS এর স্টাইল রুলগুলা যেমন height, width, color, border, background, font-size, font-family, margin, padding, overflow, position, text-align, display, ইত্যাদি দিয়ে ওয়েবসাইটের রূপ লাবণ্য বাড়িয়ে দেয়ার সিস্টেম ট্রাই করতে হবে। পরের দিন গিট্টু পাকাইতে বসে যাবে। গিট্টু পাকানোর জন্য গিট বা গিটহাব এ কিভাবে কোড রাখে, রিপোজিটরি খুলে, কোড পুশ করে সেগুলা জানা। এরপর HTML, CSS দিয়ে ফকিরা মার্কা হলেও একটা ওয়েবসাইট বানিয়ে ফেলো। এবং সেটাকে গিটহাব পেইজেস এ হোস্ট করে ফেলো। এই রকম তিন চারটা সিম্পল ওয়েবসাইট বানিয়ে ফেলো।

আর হ্যাঁ, এইগুলা শুরু করার আগে ভিজ্যুয়াল ষ্টুডিও কোড আর নোড তোমার কম্পিউটারে ইন্স্টল্ করে নিও।

Step-2 = HTML5 এবং CSS3
ওয়েব সাইটের লেটেস্ট হাড্ডিগুড্ডি এর ক্যালসিয়াম বাড়াতে হবে। অর্থাৎ HTML5 এর audio, video, aside, section, article, nav, header, footer ইত্যাদি ট্যাগগুলো দেখা। এর পাশাপাশি ওয়েবসাইট এ Form কিভাবে বানায়, টেবিল কিভাবে বানায় এইগুলা দেখা। এরপর তোমার কাজ হবে css3 রিলেটেড কিছু জিনিস দেখা। যার মধ্যে আছে box-shadow, transition, transform, flexbox, grid layout, overflow, box-model, specificity, ইত্যাদি।

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

Step-3 = CSS ফ্রেমওয়ার্ক
বেসিক HTML আর CSS শেষ করার পর তোমার কাজ হবে। যেকোন একটা CSS ফ্রেমওয়ার্ক নিয়ে ভালো ধারণা তৈরি করা। সেটা দিয়ে মিনিমাম ৩টা ওয়েবসাইট তৈরি করে ফেলা। তাই bootstrap টা ভালোভাবে শিখো। ভালো হয় সেটা ডকুমেন্টটেশন দেখে দেখে করতে পারলে। তারপর Responsive একটা ওয়েবসাইট বানানোর চেষ্টা করবা।

বুটস্ট্রাপ শেষ করার পর তোমার কাজ হবে Tailwind CSS টা একটু ভালোভাবে দেখে রাখা। এইটা দিয়ে কিভাবে কাজ করে সেটা দেখে রাখো। ইদানিং এইটা খুব বেশি লাইমলাইটে চলে আসতেছে।

Step-4 = বেসিক জাভাস্ক্রিপ্ট
এইবার শুরু হবে আসল খেলা। প্রথমে খুবই সিম্পলভাবে JavaScript এ পঞ্চরত্ন অথাৎ variable, condition, Array, Loop আর function সম্পর্কে জানবা। তারপর সিম্পল হলেও কিছু problem solving করতে হবে। একদম problem solving এর যদি ওস্তাদ হয়ে যেতে পারো তাহলে খুবই ভালো, না হলেও মিনিনাম তোমাকে তিনটা সংখ্যা থেকে বড় সংখ্যা বা কোন একটা array সেখান থেকে সব চেয়ে ছোট সংখ্যা বের করবে এমন টাইপের কিছু problem solving করবে। এরপর prime number, string reverse, factorial, Fibonacci সিরিজের মতো কিছু জিনিস শিখে ফেলবে। আবার iterative এবং recursive এই দুই সিস্টেম নিয়েও একটু ধারণা নিয়ে রাখবে। এতে তুমি প্রব্লেম সলভিং এ বস হয়ে যাবে না। তবে জাভাস্ক্রিপ্ট এর বেসিক জিনিসগুলো কখন কোনটা ইউজ করতে হয় সেটা জানবে।

Step-5 = DOM এবং ইভেন্ট
এইবার একদম ওয়েবসাইটের ভিতরের আত্মা (দম) নিয়ে টান দিবা। যাতে ওয়েবসাইট এর দম বের হয়ে যায়। তো দম মানে DOM । এই DOM নিয়ে কাজ করতে গেলে কোন একটা টেক্সটবক্সে কি value আছে সেটা কিভাবে বের করা যাবে। দরকার পরলে ভ্যালু চেইঞ্জ করে দিবা। কোথাও মাউস দিয়ে ক্লিক করলে সেই ক্লিক এর মোক্ষম জবাব হিসেবে event টাকে হ্যান্ডেল করে ফেলবে। এবং ওয়েবসাইট এ ইন্টারেক্টিভ একটা ফিল নিয়ে আসতে পারবে। এই ইন্টারাক্টিভ ফিল নিয়ে তিন-চারটা প্রজেক্ট করে ফেলবে।

সুতরাং এই স্টেপ গুলো অনুসরণ করে আপনি হতে পারেন একজন জুনিয়র ওয়েব ডেভলপার।