ওয়েব ডেভেলপার হওয়ার কমপ্লিট গাইডলাইন || দক্ষ ডেভেলপার গাইডলাইন

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

ওয়েব ডেভেলপার হওয়ার সুবিধা:-

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

যাইহোক, অন্য কথা বাদ দেই। আজকে আমাদের আলোচনার বিষয় ওয়েব ডেভেলপার হওয়ার উপায়। সেটা নিয়েই আলোচনা করি।

ওয়েব ডেভেলপার ২ রকমের হয়। 

১. ফ্রন্টেন্ড ওয়েব ডেভেলপার ও 

২. ব্যাকেন্ড ওয়েব ডেভেলপার।

ফ্রন্টেন্ড ওয়েব ডেভেলপমেন্ট:- ওয়েবসাইট এর ডিজাইন কেমন হবে, কোন বাটনে ক্লিক করলে কী কাজ করবে, লাইক করে কমেন্ট করা, নোটিফিকেশন পাওয়া, কোন সার্চ বারে সার্চ করলে বিভিন্ন রেজাল্ট পাওয়া এইসব কাজ হচ্ছে ফ্রন্টেন্ড ওয়েব ডেভেলপার এর কাজ।

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

ওয়েব ডেভেলপার হতে চাইলে শিখতে হবে:-

  • এইচটিএমএল বা হাইপার টেক্সট মার্কাপ ল্যাংগুয়েজ (ব্যাসিক)
  • সিএসএস বা ক্যসকেডিং স্টাইলশিট (ব্যাসিক)
  • এইচটিএমএল ও সিএসএস ব্যাসিক দিয়ে প্রোজেক্ট বানানো
  • এইচটিএমএল (অ্যাডভান্স)
  • সিএসএস (অ্যাডভান্স)
  • এইচটিএমএল ও সিএসএস অ্যাডভান্স দিয়ে প্রোজেক্ট বানানো
  • বুটস্ট্রাপ
  • বুটস্ট্রাপ দিয়ে প্রোজেক্ট বানানো
  • Saas
  • ভালো একটা কোড এডিটর ব্যাবহারে পারদর্শী
  • গিটহাব সম্পর্কে ধারণা ও এর ব্যাবহার জানা
  • জাভাস্ক্রিপ্ট (ব্যাসিক)
  • জাভাস্ক্রিপ্ট ডম
  • জাভাস্ক্রিপ্ট দিয়ে প্রব্লেম সলভিং
  • জাভাস্ক্রিপ্ট দিয়ে প্রজেক্ট বানানো
  • জাভাস্ক্রিপ্ট ES6
  • জাভাস্ক্রিপ্ট এর একটা ফ্রন্টেন্ড ফ্রেমওয়ার্ক বা লাইব্রেরি যেমন: React js, Vue Js, Angular Js (ফ্রন্টেন্ড ডেভেলপার হতে চাইলে)
  • NodeJs অথবা অন্য কোন সার্ভার সাইড ল্যাংগুয়েজ (ব্যাকেন্ড ডেভেলপার হতে চাইলে)
  • ডাটাবেজ
  • আপনি যদি ফুলস্ট্যাক ডেভেলপার হতে চান তাহলে জাভাস্ক্রিপ্ট এর একটা ফ্রেমওয়ার্ক ও পাশাপাশি ব্যাকেন্ড ল্যাংগুয়েজ ও শিখতে হবে।

রিসোর্স সমূহ:-

১. এইচটিএমএল

এইচটিএমএল হচ্ছে ওয়েবসাইট এর হাড্ডিগুড্ডি। একটা ওয়েবসাইট এ বিভিন্ন প্যারাগ্রাফ, লিংক, বাটন সবই এইচটিএমএল দিয়ে লিখা হয়। এইচটিএমএল ছাড়া একটা ওয়েবসাইট অছল।

এইচটিএমএল ব্যাসিক টিউটোরিয়াল:- https://youtu.be/VjvQ2xrgnec

এইচটিএমএল ফাইভ (HTML5) টিউটোরিয়াল:- https://youtu.be/QjzV-ebktok

২. সিএসএস

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

সিএসএস ব্যাসিক ও সিএসএস থ্রি (CSS & CSS3) টিউটোরিয়াল:- https://youtu.be/GhvjGMhdM0k

সিএসএস গ্রিড টিউটোরিয়াল:- https://youtu.be/kEFIdXzQXYw

সিএসএস ফ্লেক্সবক্স টিউটোরিয়াল:- https://youtu.be/kRS5ficucNM

৩. বুটস্ট্রাপ

বুটস্ট্রাপ হচ্ছে সিএসএস এর শর্টকাট। বুটস্ট্রাপ যারা বানিয়েছে তারা আগে থেকেই ১০-১২ হাজার লাইন সিএসএস কোড লিখে রেখেছে। আপনি শুধু একটা লিংক এর মাধ্যমে সেগুলো ব্যাবহার করতে পারবেন ফ্রিতে। আপনি শুধু সিএসএস এর ক্লাস গুলো বসাবেন তাতেই ডিজাইন হয়ে যাবে। কারণ, তারা ক্লাস গুলোতে আগে থেকেই ডিজাইন দিয়ে রেখেছে।

আপনি চাইলে বুটস্ট্রাপ এর সাথে Tailwind CSS আর Material CSS শিখতে পারেন। তবে আগে বুটস্ট্রাপ শিখে পরে সেগুলো শিখলে ভালো হয়।

বুটস্ট্রাপ টিউটোরিয়াল:- https://www.youtube.com/playlist?list=PLSNRR4BKcowASvSK4qx9Nz9MNTJC9Up67

Tailwind CSS টিউটোরিয়াল:- https://youtube.com/playlist?list=PLnOVFGQRwENahzmXqzTUm56IBggk1yN7C

৪. Sass

আপনি যখন সিএসএস শিখবেন তখন বুজতে পারবেন যে আপনার একটা কালার অনেক জায়গায় লিখতে হবে। তো একটা কালার অনেক জায়গায় ব্যাবহার করার ক্ষেত্রে আপনি শর্টকাট ব্যাবহার করতে পারেন। আপনি আপনার কালারের একটা নাম দিয়ে একটা ব্যারিয়েলবল বানাতে পারেন তারপর ওইখানে একটা কালার দিয়ে দিতে পারেন তারপর ওই কালার এর ব্যারিয়েবল যেকোন জায়গায় ব্যাবহার করতে পারেন।

আপনি একটা এখন বুজবেন না। আস্তে আস্তে রিসার্স করতে করতে সব বুজে যাবেন।

৫. কোড এডিটর

বর্তমানে অনেক কোড এডিটর আছে তবে এর মধ্যে VS Code বা Visual Studio Code অন্যতম। আপনি চাইলে এটি ব্যাবহার করতে পারেন বা অন্য কোন কোড এডিটর ব্যাবহার করতে পারেন। তবে আমি VS Code ই রিকমেন্ড করছি। অন্য কোনটা ব্যাবহার করলে সেটা আপনার ইচ্ছা।

VS Code টিউটোরিয়াল:- https://youtube.com/playlist?list=PL_XxuZqN0xVB_lroSm_xvTqvVBCpR4PQE

৬. গিটহাব

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

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

গিটহাব টিউটোরিয়াল:- https://youtu.be/oe21Nlq8GS4

৭. জাভাস্ক্রিপ্ট

একসময় জাভাস্ক্রিপ্ট ছিলো একটা নন-পপুলার একটা বাজে ল্যাংগুয়েজ। কিন্তু এইটা সময়ের সাথে পরিবর্তিত হয়েছে এবং এটি বর্তমানে একটি পপুলার প্রোগ্রামিং ল্যাংগুয়েজ। জাভাস্ক্রিপ্ট হাইলি পেইড এবং ডেভেলপার রিকমেন্ডেড ল্যাংগুয়েজ।

আপনি চাইলে জাভাস্ক্রিপ্ট দিয়ে ওয়েবসাইট, মোবাইল অ্যাপ, ডেক্সটপ অ্যাপ, ওয়েব অ্যাপ, IDE ডেভেলপ করতে পারেন। এছাড়া ওয়েব ডেভেলপমেন্ট এর জন্য জাভাস্ক্রিপ্ট জানতেই হবে।

জাভাস্ক্রিপ্ট টিউটোরিয়াল:- https://youtube.com/playlist?list=PL4iFnndHlduhY_C69D8XSVqG7IOdbzmfb

জাভাস্ক্রিপ্ট অল ইউ নিড টু নো:- https://youtube.com/playlist?list=PL_XxuZqN0xVAu_dWUVFbscqZdTzE8t6Z1

জাভাস্ক্রিপ্ট ES6:- https://youtube.com/playlist?list=PL_XxuZqN0xVA676tNBA0W8YgdQqU44Y_J

জাভাস্ক্রিপ্ট অ্যাডভান্স:- https://youtu.be/IUBd76UQb34

জাভাস্ক্রিপ্ট প্রব্লেম সলভিং:- https://edabit.com/challenges/javascript

জাভাস্ক্রিপ্ট ব্যাসিক প্রজেক্ট টিউটোরিয়াল:- https://youtube.com/playlist?list=PL4iFnndHldujaLgJcoO8d4yUlAKBM55GC

৮. জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক

জাভাস্ক্রিপ্ট তো শিখলেন কিন্তু এর কোন ফ্রেমওয়ার্ক যদি না শিখেন তাহলে কীভাবে হয়? আপনি যদি ফ্রন্টেন্ড ডেভেলপার হতে চান তাহলে আপনাকে জাভাস্ক্রিপ্ট একটা ফ্রন্টেন্ড লাইব্রেরি শিখতে হবে। জাভাস্ক্রিপ্ট এর ফ্রেমওয়ার্ক এর মধ্যে Vue Js, React Js, Angular Js পপুলার। তবে আমি রিকমেন্ড করি React Js দিয়ে শুরু করা।

React Js ডেভেলপ করা হয়েছে ফেসবুক ধারা। আর ফেসবুকের ফ্রন্টেন্ড এ এটি ব্যাবহার করা হয়েছে। বর্তমানে React Js একটা পপুলার ফ্রেমওয়ার্ক এর React Js এর অনেক জব পাওয়া যায়। এছাড়া রিয়েক্ট এর অনেক রিসোর্স রয়েছে। আর যেহেতু ফেসবুক এটি ডেভেলপ করেছে তাই এর সময় এতো তারাতারি ফুরিয়ে যাবেনা তা বলাই যায়।

React Js overview:- https://youtu.be/gFicda3xgKc

React Js for beginners:- https://youtube.com/playlist?list=PLHiZ4m8vCp9M6HVQv7a36cp8LKzyHIePr

React Js Advance with project:- https://youtube.com/playlist?list=PL_XxuZqN0xVBaeF3qUyvr2AxoXGwDd5cx

React Redux:- https://youtube.com/playlist?list=PL_XxuZqN0xVAvcGzTEAyPSOqgUQA08rNB

৯. Node Js

ব্যাকেন্ড ওয়েব ডেভেলপমেন্ট কী তা নিয়েতো বলেছি। কিন্তু ব্যাকেন্ড এর জন্য কোন ল্যাংগুয়েজ শিখতে হবে তা অনেকে জানেনা। আমি ব্যাকেন্ড এর জন্য রিকমেন্ড করি Node Js এবং এর একটি ফ্রেমওয়ার্ক Express Js

এছাড়া আপনি চাইলে অন্যানা গুলোও শিখতে পারেন। যেমন:- 

  • PHP ও এর ফ্রেমওয়ার্ক Laravel or Lumen or Cake PHP etc.
  • Phyton ও এর ফ্রেমওয়ার্ক Django or Django Rest or Cake Tornado etc.
  • C# এর ও ফ্রেমওয়ার্ক Dot net core or Dot net MVC.

  ইত্যাদি….

Node Js tutorial:- https://youtube.com/playlist?list=PL_XxuZqN0xVDHFj-ecFSU0SU-B0TuJRk9

Express Js tutorial:- https://youtube.com/playlist?list=PLkyGuIcLcmx3JP3XWsmzG1y8YNHgozdEb

১০. ডাটাবেজ

এখন আসি ডাটাবেজ নিয়ে। আপনি যদি ব্যাকেন্ড এ কাজ করেন আপনার ডাটাবেজ লাগবেই। আপনি যদি PHP শিখেন তবে Mysql শিখতে পারেন তবে আমি যেহেতু Node Js সাজেস্ট করেছি সেহেতু Node Js এর জন্য সেরা ডাটাবেজ এর নামই বলবো। Node js যদি আপনি শিখেন তবে Mongo DB শিখে নিবেন।

Mongo DB tutorial:- https://youtube.com/playlist?list=PLkyGuIcLcmx0W9uPbI32-mKE5CiKlSWpV

Mysql tutorial:- https://youtube.com/playlist?list=PLgH5QX0i9K3qLcx9DvVDWmNJ7riPvxzCD

১১. ফুলস্টক ওয়েব ডেভেলপার

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

অথবা আপনি যদি ব্যাকেন্ড শিখতে চান তবে আপনাকে ১ থেকে ৯ নম্বর পর্যন্ত শিখতে হবে ৭ নম্বর বাদে। অর্থাৎ আপনাকে জাভাস্ক্রিপ্ট এর ফ্রন্টেন্ড লাইব্রেরি না শিখে একটা ব্যাকেন্ড ডেভেলপমেন্ট ল্যাংগুয়েজ শিখতে হবে।

NOTE: আমি যেই গাইডলাইন দিয়েছি সেগুলো দিয়ে আপনি আগাতে পারেন কোন সমস্যা নাই। তবে এইসব নিয়ে আপনার আরো রিসার্স করতে হবে। এইগুলো রিসার্স এর বিষয়। শুধু একটা গাইডলাইন দেখলেই চলবেনা। আমার হয়তো অজান্তেই কিছু ভূল থাকতে পারে। তাই আপনাদের আরো রিসার্স করতে হবে বেশি করে। মার্কেট ডিমান্ড বুজতে হবে।

— ওয়েব ডেভেলপার জব —

আপনি সম্পূর্ণ ওয়েব ডেভেলপার হতে পারেন তবে আপনার জন্য অনেক জব থাকবে তবে আপনাকে ভালো করে রেডি হতে হবে স্কিল্ড হতে হবে এবং ইন্টার্ভিউ এর প্রস্তুতি নিতে হবে। আপনি indeed.com এর মত সাইটে গিয়ে আপনার জব বা ইন্টার্ন খুজতে পারেন।

এছাড়া আপনি জব না করতে চাইলে ফ্রিলেন্সিং করতে পারেন বা নিজের এজেন্সি বানিয়ে কাজ করতে পারেন। এইটা আপনার ইচ্ছা।

— পেইড কোর্স —

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

এই সমস্যা সমাধান করতে পারে ভালো একটা পেইড কোর্স। আপনি যদি কম্পলিট ওয়েব ডেভেলপমেন্ট শিখতে চান তাহলে জংকার মাহবুব ভাইয়ের Complete Web Development with Jhankar Mahbub এই কোর্স টা নিতে পারেন এছাড়া আপনি শুধু মাত্র ওয়েব ডিজাইন শিখতে চান তাহলে Js Bangladesh এর মাস্টারিং ওয়েব ডিজাইন কোর্স টি নিতে পারেন।

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

অনেকে চায় যে সে কোন কোর্স করলে কোর্স যারা করায় তারা চাকরির জন্য সাহায্য করবে। Complete Web Development with Jhankar Mahbub এই কোর্স এ যারা এনরোল করে তারা যদি কোর্স টা ১০০% শেষ করতে পারে এবং যেই অ্যাসাইনমেন্ট গুলো দেয়া হবে সেগুলো কম্পলিট করতে পারে এবং এভারেজ মার্ক ৫০ এর মধ্যে রাখতে পারে তাদের জন্য বিনা পয়সায় স্পেশাল জব ইন্ট্রারভিউ গ্রুপের ব্যাবস্থা করা হয় যেখানে জব ট্রেইনিং দেয়া হয়। কোর্সটি নিয়ে আরো জানতে Progamming Hero Community ফেসবুক গ্রুপে জয়েন করতে পারেন।

এছাড়া আপনি যদি ওয়ার্ডপ্রেস নিয়ে আগাতে চান তাহলে Js Bangladesh এর একটি ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট কোর্স আসবে সেটা নিতে পারেন। কোর্সটি নিয়ে আরো জানতে Js Bangladesh Coding Talks ফেসবুক গ্রুপে জয়েন করতে পারেন।

প্রজেক্ট:-

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

আমি আপনাকে React, Node Js শিখতে বলেছি তাই বলে আপনার তাই শিখতে হবে এমন কোন কথা নেই। আপনার যেই ল্যাংগুয়েজ ভালো লাগে, সেই ল্যাংগুয়েজ ই শিখা উচিত আপনার। তাহলে আপনি শিখার ইন্টারেস্ট হারাবে না। আর আপনি যদি জোর করে কোন ল্যাংগুয়েজ শিখেন তাহলে আপনার ইন্টারেস্ট থাকবেনা এবং আপনি তা শিখতে পারবেন না।

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

ধন্যবাদ।

Leave a Reply

Your email address will not be published. Required fields are marked *