শূন্য থেকে Web Development ! (180 days guidelines):
বর্তমান সময়ে Web Development ইন্ডাস্ট্রি মার্কেটে বিশেষ স্থান দখল করে ফেলছে। আর তুলনামূলকভাবে এ খাতে উপার্জনের হার বেশী। এর মানে এই না যে টাকা আকাশ থেকে পড়বে। এর জন্যে অবশ্যই তোমাকে ভালোভাবে Web Development শিখতে হবে। কষ্ট ছাড়া কেষ্ট মিলবে না ভাই, মাথায় রাখবেন।
অধিকাংশ মানুষেরই দেখা যায় শুরু করাটায়-ই বেশী সমস্যা দেখা দেয়। কিভাবে শুরু করতে হবে এবং সামনে এগিয়ে যেতে হবে তা তারা বুঝতে পারে না। তাদের জন্যেই আজকের এই লেখা।
1️|| প্রথম ৭ দিন (Day 1- 7):
ওয়েব ডেভেলপমেন্ট এর বেসিক এবং এইচ.টি.এম.এল.(HTML) শেখা।
শুরু থেকেই মন দিয়ে শিখতে শুরু করতে হবে। আর নয় অলসতা। ১ম দিন থেকেই Web Development রিলেটেট তোমার মাথায় যা প্রশ্ন আছে জিজ্ঞাসা করে ফেলো Google মামার কাছে। মামার কাছে তুমি যা চাইবে তাই পাবে। (কিছু চেয়েও না পেলে সে চাওয়ায় কোনো টুরু লাভ ছিলোনা 😄)।
'কিভাবে ইন্টারনেট কাজ করে, HTTP কি, কিভাবে ব্রাউজারে ওয়েব দেখানো হয়। এই রকম হাজারটা প্রশ্ন তোমার মনের ভিতর উঁকিঝুঁকি মারতেই পারে। শুধু Google করে তোমার প্রশ্নের উত্তর গুলো জেনে নাও। তারপর শুরুতেই তোমাকে শিখা শুরু করতে হবে এইচ.টি.এম.এল(HTML)। ওয়েব ডেভেলপমেন্ট এর কথা চিন্তা করলে HTML কে ওয়েবসাইটের Building Block বলা যায়। এইভাবে, প্রথম ১ম ৭ দিনে তোমাকে HTML এর বেসিক থেকে শুরু করে HTML এর Advanced লেভেল পর্যন্ত শিখতে হবে।'
তুমি W3School.com ও freecodecamp.org সাইট গুলো দিয়ে শুরু করতে পারো। কোন ট্যাগ কিভাবে কাজ করে ভালো তা করে দেখে নিতে হবে। শুধু দেখে যাও, সব কিছু যে মাথায় রাখতে হবে তা কিন্তু নয়। শুধু বোঝার চেষ্টা করো কোন ট্যাগ কোন কাজ করে। যদি একবার HTML এর অংশ শেষ হয়ে যায়, তাহলে বোঝে নাও তুমি তোমার Web Development Journey শুরু করতে প্রস্তুত। (অলরেডি নেমে পড়েছো )
2️|| ৮ - ১৫ দিন(Days 8 - 15):
ওয়েবসাইটে রং লাগাও - CSS শেখা।
১ম ৭ দিনের চেস্টায় তো তুমি সাদা-কালো একটা সাইট বানাতে শিখে যাবে। কিন্তু রঙিন পৃথিবীতে কি সাদা-কালো সবার ভালো লাগে? তাই তোমাকে ওয়েবসাইটে রঙ ঢালতে হবে। এই জন্যে তোমাকে শিখতে হবে CSS.
HTML কে যদি কংকাল মনে করো, তাহলে CSS হবে দেহ।
১৫তম দিন পর্যন্ত HTML আর CSS শিখতে থাকো এবং কয়েকটি Simple Static ওয়েবসাইট বানিয়ে ফেলো।
3️|| ১৬ - ২০ দিন(Days 16- 20):
Responsive Web Design এবং CSS Media Queries শেখা।
বর্তমানে মানুষ সাধারণত নানাধরণের ডিভাইস ব্যবহার করে। তাই শুধু এক ডিভাইসের জন্যে ওয়েবসাইট ডিজাইন করলে অন্য ডিভাইস ব্যবহারের ক্ষেত্রে নানা ধরনের সমস্যায় পরতে হতে পারে। এ সমস্যার সমাধান করতে CSS Media Queries ব্যবহার করে ওয়েবসাইটিকে Responsive করা শিখতে হবে।
4️|| ২১ - ৩৫ দিন(Days 21- 35):
জাভাস্ক্রিপ্ট শেখা এবং ওয়েবসাইটকে জীবন্ত করে তোলা।
জাভাস্ক্রিপ্ট দিয়ে একটা ওয়েব পেজে কিছু ইভেন্ট লাগানো, বাটনে ক্লিক করলে এই হবে, সেই হবে। তারপর লোগো চ্যাঞ্জ করে, কালার চেঞ্জ করা সহ অ্যানিমেশন যুক্ত করা। বলতে গেলে Static Website কে Dynamic Website এ রুপান্তর করা শিখতে হবে।
এ পর্যায়ে তোমাকে জাভাস্ক্রিপ্ট এর বেসিক এবং Fundamentals শিখতে হবে।
তুমি যদি জাভাস্ক্রিপ্ট ভালো করে শিখতে পার, তোমার ওয়েব ডেভেলপমেন্ট কেরিয়ার ১ ধাপ Strong হয়ে যাবে।
5️|| ৩৬ - ৫০ দিন(Days 36- 50):
মডার্ন জাভাস্ক্রিপ্ট - এডভান্স জাভাস্ক্রিপ্ট - ES6 শেখা
যখন তোমার বেসিকটা স্ট্রং হয়ে যাবে তখন তোমার জাভাস্ক্রিপ্ট এর আরো গভীরে ঢুকতে হবে। এডভান্স জাভাস্ক্রিপ্ট টপিক গুলো শিখতে হবে। যেমন OOP, Object manipulation. তারপর ES6 এর নানা কনসেপ্ট যেমন requests and promises, arrow functions সহ আরো কিছু শিখতে হবে। API এর ব্যাপারে জানতে হবে। API কিভাবে কাজ করে শিখতে হবে।
এখন তুমি ওয়েবসাইটে জাভাস্ক্রিপ্ট এর দক্ষতা নিয়ে ঝাঁপিয়ে পরতে পারবে।
6️|| ৫১ - ৬০ দিন(Days 51- 60):
DOM এবং Various JS Browser-based Objects
জাভাস্ক্রিপ্ট ডম হচ্ছে ওয়েবসাইটের সাথে জাভাস্ক্রিপ্ট ব্যবহার করা। এ ১০ দিনে তোমাকে শিখতে হবে কিভাবে জেএস ডম ব্যবহার করে HTML ম্যানিপুলেট করতে হয় এবং কিভাবে সাইটের পেজে ডাইনামিকভাবে style add ও remove করা যায়। ডম ওয়েবপেজকে ডাইনামিক বানিয়ে জীবন্ত করে তোলে। ভালো করে ডম ম্যানুপিলেশন শিখো, তারপর কিছু প্রজেক্ট করো।
7️|| ৬১ - ৬৫ দিন(Days 61- 65):
গিট এবং গিটহাবঃ
গিট হচ্ছে ওপেন-সোর্স সফটওয়্যারগুলোর জন্য একটি ভার্সন কনট্রোল সিস্টেম যা ওই প্রোজেক্টটিতে কন্ট্রিবিউট করা সকল ডেভেলপারদের কাজকে আরও অনেকটা সহজ করে দেয়। গিটহাব ( GitHub ) হচ্ছে এমন একটি প্লাটফর্ম, যা ডেভেলপারদের দ্বারা, ডেভেলপারদের জন্য এবং ডেভেলপমেন্ট প্রোসেসকে সহজ করার উদ্দেশ্য নিয়েই তৈরি করা হয়েছে। গিটহাবের ব্যবহার শিখতে হবে, কিভাবে গিটহাবে repository ক্রিয়েট করতে হয় এবং এর সাথে সম্পর্কিত জিনিসগুলো তোমাকে শিখতে হবে। একজন ডেভেলপার হিসেবে তোমাকে এ বিষয়ে দক্ষ হতেই হবে।
8️|| ৬৬ - ৮০ দিন(Days 66- 80):
সিএসএস ফ্রেমওয়ার্ক - বুটস্ট্র্যাপ( Bootstrap )
খুব সহজে রেসপন্সিভ ডিজাইন তৈরি করার জন্য বুটস্ট্রাপ ব্যবহার করা হয়। HTML, CSS এবং JS ভালো ভাবে শিখার পর তুমি বুটস্ট্র্যাপ শিখতে পারো। এতে করে তুমি সহজেই তোমার কাজ করতে পারবে। এবং তোমার সময়ও বাঁচবে।
9️|| ৮১ - ১২০ দিন(Days 81- 120):
জেএস ফ্রন্ট এন্ড
ফ্রেমওয়ার্ক রিয়েক্ট(Recommended)
ফ্রন্ট-এন্ড ওয়েব ডেভেলপমেন্ট এর এক যুগান্তকারী টুলস এর নাম রিয়েক্ট জেএস। এটি একটি ইন্টারেক্টিভ ইউজার ইন্টারফেস (UI) ভিত্তিক জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। রিয়েক্ট জেএস আসার আগে ডেভেলপাররা ইউআই ডিজাইন করতে “ভেনিলা জাভাস্ক্রিপ্ট” অথবা “জেকুয়েরি” যা ছিলো দীর্ঘ সময়ের ব্যাপার এবং প্রচুর ইরর ও বাগে পরিপূর্ণ।
রিইউজেবল রিয়েক্ট লাইব্রেরী কোড সহ কম সময়ে দ্রুত ডেভেলপমেন্ট এবং কোডিংয়ে ইরর কমাতে সাহায্য করে। এবং ইউজার ইন্টারফেসের ডিজাইন অসাধারন ও দ্রুতগতি সম্পন্ন হওয়ার কারণে এটি ডেভেলপারদের কাছে অত্যন্ত জনপ্রিয় হয়ে উঠেছে।
তাই তোমাকে রিয়েক্ট শিখতে হবে। একবার রিয়েক্ট এর বেসিক শেখা হয়ে গেলে তোমাকে রিয়েক্ট এর এডভান্স শেখার দিকে ঝাঁপিয়ে পরতে হবে।
যদি ভালো করে শিখতে পারো তাহলে তুমি তোমার ওয়েব ডেভেলপমেন্ট কেরিয়ার কে আরো ১ ধাপ শক্ত করে গড়ে তোলতে পারবে।
1️0️|| ১২১ - ১৩৫ দিন(Days 121- 135):
ডাটাবেস এবং মঙ্গোডিবি(MongoDB)
ওয়েবসাইটের ডাটাগুলো store করে রাখার জন্যে ডাটাবেস প্রয়োজন। যাতে পরবর্তীতে তুমি আবার এ ডাটা প্রয়োজনমতো ব্যবহার করতে পারো। তাই তোমাকে ডাটাবেস শিখতে হবে। অনেক ধরনের ডাটাবেস রয়েছে যেমন MySQL, PostgreSQL, MongoDB. এর মধ্যে থেকে তুমি MongoDB শিখতে পারো। তুমি MongoDB CRUD দিয়ে শুরু করে দিতে পারো। তারপর various filtering এবং manipulating operations শিখতে হবে। ফ্রন্ট এন্ড এর সাথে ডাটাবেস ব্যবহার করতে জানতে হবে।
1️1️|| ১৩৬ - ১৬০ দিন(Days 136- 160):
নোড জেএস (Node JS ) এবং এক্সপ্রেস জেএস
এখন ব্যাকএন্ড এ ঢোকার পালা। এর জন্যে নোড জেএস বেস্ট চয়েস। নোড জেএস জাভাস্ক্রিপ্ট কোড রান করে । নোড এর সাথে নোড এর ফ্রেমওয়ার্ক এক্সপ্রেস শিখতে হবে তোমাকে। এপিআই, রেস্ট কিভাবে ব্যবহার করতে হয় তা শিখতে হবে তোমাকে।
একবার যদি ভালো ভাবে আয়ত্ত করতে পারো তাহলে তোমাকে ছোটখাটো ফুলস্টাক ডেভেলপার বললে ও দোষের কিছু হবেনা। 😁
1️2️|| ১৬১ - ১৭০ দিন(Days 161- 170):
ডেপলয় এবং প্রোজেক্ট তৈরী।
অবশেষে তোমাকে শিখতে হবে কিভাবে ওয়েবসাইট ডেপলয় করে। তুমি এর জন্যে Heroku, Docker, AWS ব্যবহার করতে পারো। এখন নতুন নতুন প্রোজেক্ট করো এবং তোমার নিজের দক্ষতা নিজেই যাচাই করে নাও।
1️3️|| ১৭১ - ১৮০ দিন(Days 171- 180):
চাকরির জন্যে ঝাঁপিয়ে পর
এখন তোমার নতুন জীবন শুরু করার পালা। তোমাকে তোমার হাতিয়ার (Resume, Portfolio with amazing projects) নিয়ে যুদ্ধে(Job খুঁজতে) নামতে হবে। প্রথমবার চেস্টায় চাকরি নাও হতে পারে। কিন্তু হাল ছেড়ে দিলে চলবে না। মনে রাখতে হবে। তুমি পারবেই!
আশা করি এটা তোমাকে সাহায্য করবে!
ধন্যবাদ Freelancing Geek এর এই পোস্ট টি পড়ার জন্য।
