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

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

ওয়েব ডিজাইন কি?

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

ওয়েবসাইটের ধরণ

কাজের সুবিধার জন্য সাধারণত দুই ধরনের ওয়েবসাইট হয়ে থাকে। যেমন-

• স্ট্যাটিক ওয়েবসাইট।
• ডাইনামিক ওয়েবসাইট।

স্ট্যাটিক ওয়েবসাইট

স্ট্যাটিক ওয়েবসাইটে কোন ধরনের এ্যাডমিন প্যানেল থাকে না। অর্থাৎ যেকোন কাজ করার জন্য সরাসরি কোডিং এর মাধ্যমে কাজ করতে হয়। এমনকি কোন পোস্ট লিখার সময় সেটিও এইচটিএমল কোডের ভীতরে বসিয়ে দিতে হয়। বর্তমানে এ ধরনের ওয়েবসাইটের প্রচলন নেই বললে চলে। 

ডাইনামিক ওয়েবসাইট

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

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

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

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

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

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

আমরা শুধুমাত্র ক্লিক করে একটি ওয়েবসাইট তৈরি করে মনে মনে ভাবি যে, আসলে ওয়েবসাইটের কাজ এ ধরনের হয়ে থাকে। আসলে আপনি ক্লিক করে ওয়েবসাইটের যে ডিজাইন করছেন, সেটি ওয়েবসাইটের বা থীমের ভীতরে কোডিং করে দেওয়া থাকে। মূলত HTML, CSS, Javascript and Jquary, PHP সহ আরো বিভিন্ন ধরনের কোডিং করে ওয়েব ডেভেলপমেন্টের মাধ্যমে একটি ওয়েবসাইটকে সহজে কাজ করার উপযোগি করে তুলা হয়।  আর যারা এই ওয়েব ডেভেলপমেন্টের কাজ করে থাকেন, তাদেরকে ওয়েব ডেভেলপার বলা হয়।

ওয়েব ডেভেলপাদের ধরণ

সাধারণত কাজের ধরণ অনুসারে ওয়েব ডেভেলপারকে তিন ভাগে ভাগ করা যায়। যেমন-

• ফ্রন্ট ইন্ড ওয়েব ডেভেলপার
• ব্যাক ইন্ড ওয়েব ডেভেলপার
• ফুলস্ট্যাক ওয়েব ডেভেলপার

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

এ ধরনের ডেভেলপাররা শুধুমাত্র একটি ওয়েবসাইটের বাহিরের অংশকে ডিজাইন করে থাকে। কোন ক্লায়েন্ট যখন একজন ফ্রন্ট ইন্ড ডেভেলপারকে নির্দিষ্ট ডিজাইনের কোন ওয়েবসাইট তৈরি করে দিতে বলেন, তখন এ ধরনের ডেভেলপাররা তাদের ক্লায়েন্টের কাছ থেকে ওয়েবাসইটকের ডিজাইন জেনে নিয়ে শুধুমাত্র HTML ও CSS এর মাধ্যমে ওয়েবসাইট ডিজাইন করে দেয়। এ ধরনের ডেভেলপাররা ওয়েবসাটকে ফ্যাংশনাল করে দেয় না।

ব্যাক ইন্ড ওয়েব ডেভেলপার

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

নরমালি একজন ব্যাক ইন্ড ডেলেভপার ফ্রন্ট ইন্ড ডেভেলপারের নিকট থেকে একটি ওয়েবসাইটের ডিজাইনের কোডগুলো নিয়ে সেটির একটি এ্যাডমিন প্যানেল তৈরি করেন। এ্যাডমিন প্যানেল তৈরি করার পর সেই ওয়েবসাইটের ডিজাইন পরিবর্তন করার জন্য বা নতুন পোস্ট লেখার জন্য কোডিং করতে হয় না। অর্থাৎ একজন ব্যাক ইন্ড ডেভেলপার একটি ওয়েবসাইটকে স্ট্যাটিক ওয়েবসাইটে রূপান্তর করে দেয়।

ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করার জন্য আপনাকে অবশ্যই HTML, CSS, Javascript and Jquary, PHP, Python, Bootstrap সহ আরো বিভিন্ন ধরনের কোডিং জানতে হবে। সবগুলো বিষয় সম্পর্কে পরিপূর্ণ অভীজ্ঞতা না থাকলে ব্যাক ইন্ড ডেলেভপমেন্টের কাজ করতে পারবেন না।

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

যে ডেভেলপার একসাথে ফ্রন্ট ইন্ড ডেভেলপমেন্ট এবং ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করতে পারে, তাকে ফুলস্ট্যাক ওয়েব ডেভেলপার বলা হয়। এ ধরনের ওয়েব ডেভেলপার ওয়েব ডেভেলপমেন্ট ও ওয়েব ডিজাইনের কাজ সম্পর্কে অনেক অভীজ্ঞ হয়। তাছাড়া এ ধরনের ওয়েব ডেভেলপারের অনলাইন ও অফলাইন উভয় মার্কেটে অনেক ডিমান্ড থাকে।

ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর পার্থক্য কি?

অনলাইনে যারা নতুন তাদের অনেকেই ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর মধ্যে পার্থক্য বুঝে না। অথচ এই দুটি একটি হতে অন্যটি সম্পূর্ণ আলাদা। ওয়েব ডিজাইন ও ডেভেলমেন্টকে এভাবে বলা যায় যে, ওয়েব ডিজাইন দৃশ্যমান থাকে আর ওয়েব ডেভেলপমন্টে ওয়েব ডিজাইনকে প্রাণ দেয়। যেমন- ফেসবুক দেখতে কেমন, কোথায় ছবি থাকবে, কোথায় চ্যাট বক্স থাকবে, কোথায় হোম বাটন থাকবে, কোনটার রং কেমন হবে ইত্যাদি ইত্যাদি হচ্ছে ওয়েব ডিজাইন এর কাজ। আর ফেসবুকে স্ট্যাটাস লিখে দিলে তা সবার কাছে পৌঁছে যাবে, ইমেইল পাসওয়ার্ড দিয়ে লগইনে ক্লিক করলেই লগইন হয়ে যাবে, লাইক এ ক্লিক করলে একটা লাইক যোগ হবে এবং ব্যবহারকারীর কাছে লাইক এর নোটিফিকেশন চলে যাবে, ইত্যাদি হচ্ছে ওয়েব ডেভেলপমেন্ট এর কাজ।

কিভাবে ওয়েব ডেভেলপমেন্ট শিখবো?

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

ওয়েব ডেভেলপমেন্ট শিখতে কী কী লাগবে?

• অবশ্যই আপনার একটি কম্পিউটার বা ল্যাপটপ লাগবে।
• আপনার প্রচুর ধৈর্য্য শক্তি ও মনোযোগ থাকতে হবে।
• কাজর শেখার জন্য আপনার প্রচুর আগ্রহ থাকতে হবে।
• কাজ করার জন্য পর্যাপ্ত সময় থাকতে হবে। কারণ ওয়েব ডেভেলপমেন্ট খুব সুক্ষ বিষয়।
• এডোবি ফটোশপ সম্পর্কে মোটামুটি ধারণা থাকতেই হবে।
• ইংরেজী ভালোভাবে না জানলেও মোটামুটি জানতে হবে।
• সৃজনশীল চিন্তা শক্তি থাকলে কাজ করতে সহজ হবে। 
•  ডিজাইন ও ডেভেলপমেন্ট সম্বন্ধে ধারণা থাকতে হবে। 
• কিছু গুরুত্বপূর্ণ সফটওয়্যার লাগবে। যেমন- নোটপ্যাড++ ও এডবি ড্রিমওয়েবার।

ওয়েব ডেভেলপার হওয়ার জন্য কী কী শিখতে হবে?

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

১। এইচটিএমএল (HTML)

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

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

আমরা শুধুমাত্র ক্লিক করে একটি ওয়েবসাইট তৈরি করে মনে মনে ভাবি যে, আসলে ওয়েবসাইটের কাজ এ ধরনের হয়ে থাকে। আসলে আপনি ক্লিক করে ওয়েবসাইটের যে ডিজাইন করছেন, সেটি ওয়েবসাইটের বা থীমের ভীতরে কোডিং করে দেওয়া থাকে। মূলত HTML, CSS, Javascript and Jquary, PHP সহ আরো বিভিন্ন ধরনের কোডিং করে ওয়েব ডেভেলপমেন্টের মাধ্যমে একটি ওয়েবসাইটকে সহজে কাজ করার উপযোগি করে তুলা হয়।  আর যারা এই ওয়েব ডেভেলপমেন্টের কাজ করে থাকেন, তাদেরকে ওয়েব ডেভেলপার বলা হয়।

ওয়েব ডেভেলপাদের ধরণ

সাধারণত কাজের ধরণ অনুসারে ওয়েব ডেভেলপারকে তিন ভাগে ভাগ করা যায়। যেমন-

• ফ্রন্ট ইন্ড ওয়েব ডেভেলপার
• ব্যাক ইন্ড ওয়েব ডেভেলপার
• ফুলস্ট্যাক ওয়েব ডেভেলপার

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

এ ধরনের ডেভেলপাররা শুধুমাত্র একটি ওয়েবসাইটের বাহিরের অংশকে ডিজাইন করে থাকে। কোন ক্লায়েন্ট যখন একজন ফ্রন্ট ইন্ড ডেভেলপারকে নির্দিষ্ট ডিজাইনের কোন ওয়েবসাইট তৈরি করে দিতে বলেন, তখন এ ধরনের ডেভেলপাররা তাদের ক্লায়েন্টের কাছ থেকে ওয়েবাসইটকের ডিজাইন জেনে নিয়ে শুধুমাত্র HTML ও CSS এর মাধ্যমে ওয়েবসাইট ডিজাইন করে দেয়। এ ধরনের ডেভেলপাররা ওয়েবসাটকে ফ্যাংশনাল করে দেয় না।

ব্যাক ইন্ড ওয়েব ডেভেলপার

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

নরমালি একজন ব্যাক ইন্ড ডেলেভপার ফ্রন্ট ইন্ড ডেভেলপারের নিকট থেকে একটি ওয়েবসাইটের ডিজাইনের কোডগুলো নিয়ে সেটির একটি এ্যাডমিন প্যানেল তৈরি করেন। এ্যাডমিন প্যানেল তৈরি করার পর সেই ওয়েবসাইটের ডিজাইন পরিবর্তন করার জন্য বা নতুন পোস্ট লেখার জন্য কোডিং করতে হয় না। অর্থাৎ একজন ব্যাক ইন্ড ডেভেলপার একটি ওয়েবসাইটকে স্ট্যাটিক ওয়েবসাইটে রূপান্তর করে দেয়।

ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করার জন্য আপনাকে অবশ্যই HTML, CSS, Javascript and Jquary, PHP, Python, Bootstrap সহ আরো বিভিন্ন ধরনের কোডিং জানতে হবে। সবগুলো বিষয় সম্পর্কে পরিপূর্ণ অভীজ্ঞতা না থাকলে ব্যাক ইন্ড ডেলেভপমেন্টের কাজ করতে পারবেন না।

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

যে ডেভেলপার একসাথে ফ্রন্ট ইন্ড ডেভেলপমেন্ট এবং ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করতে পারে, তাকে ফুলস্ট্যাক ওয়েব ডেভেলপার বলা হয়। এ ধরনের ওয়েব ডেভেলপার ওয়েব ডেভেলপমেন্ট ও ওয়েব ডিজাইনের কাজ সম্পর্কে অনেক অভীজ্ঞ হয়। তাছাড়া এ ধরনের ওয়েব ডেভেলপারের অনলাইন ও অফলাইন উভয় মার্কেটে অনেক ডিমান্ড থাকে।

ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর পার্থক্য কি?

অনলাইনে যারা নতুন তাদের অনেকেই ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর মধ্যে পার্থক্য বুঝে না। অথচ এই দুটি একটি হতে অন্যটি সম্পূর্ণ আলাদা। ওয়েব ডিজাইন ও ডেভেলমেন্টকে এভাবে বলা যায় যে, ওয়েব ডিজাইন দৃশ্যমান থাকে আর ওয়েব ডেভেলপমন্টে ওয়েব ডিজাইনকে প্রাণ দেয়। যেমন- ফেসবুক দেখতে কেমন, কোথায় ছবি থাকবে, কোথায় চ্যাট বক্স থাকবে, কোথায় হোম বাটন থাকবে, কোনটার রং কেমন হবে ইত্যাদি ইত্যাদি হচ্ছে ওয়েব ডিজাইন এর কাজ। আর ফেসবুকে স্ট্যাটাস লিখে দিলে তা সবার কাছে পৌঁছে যাবে, ইমেইল পাসওয়ার্ড দিয়ে লগইনে ক্লিক করলেই লগইন হয়ে যাবে, লাইক এ ক্লিক করলে একটা লাইক যোগ হবে এবং ব্যবহারকারীর কাছে লাইক এর নোটিফিকেশন চলে যাবে, ইত্যাদি হচ্ছে ওয়েব ডেভেলপমেন্ট এর কাজ।

কিভাবে ওয়েব ডেভেলপমেন্ট শিখবো?

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

ওয়েব ডেভেলপমেন্ট শিখতে কী কী লাগবে?

• অবশ্যই আপনার একটি কম্পিউটার বা ল্যাপটপ লাগবে।
• আপনার প্রচুর ধৈর্য্য শক্তি ও মনোযোগ থাকতে হবে।
• কাজর শেখার জন্য আপনার প্রচুর আগ্রহ থাকতে হবে।
• কাজ করার জন্য পর্যাপ্ত সময় থাকতে হবে। কারণ ওয়েব ডেভেলপমেন্ট খুব সুক্ষ বিষয়।
• এডোবি ফটোশপ সম্পর্কে মোটামুটি ধারণা থাকতেই হবে।
• ইংরেজী ভালোভাবে না জানলেও মোটামুটি জানতে হবে।
• সৃজনশীল চিন্তা শক্তি থাকলে কাজ করতে সহজ হবে। 
•  ডিজাইন ও ডেভেলপমেন্ট সম্বন্ধে ধারণা থাকতে হবে। 
• কিছু গুরুত্বপূর্ণ সফটওয়্যার লাগবে। যেমন- নোটপ্যাড++ ও এডবি ড্রিমওয়েবার।

ওয়েব ডেভেলপার হওয়ার জন্য কী কী শিখতে হবে?

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

১। এইচটিএমএল (HTML)

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

২। এক্সএমএল (XML)

XML অর্থ হলো eXtensive Markup Language. এটা এইচটিএমএল এর মত একটা মার্কআপ ল্যাংগুয়েজ, তবে কাজ একটু ভিন্ন। এইচটিএমএল এর মত এখানেও এলিমেন্ট আছে, এট্রিবিউট আছে, এগুলো ব্যবহার করে একটা এক্সএমএল ডকুমেন্ট তৈরী করা হয়। তবে এইচটিএমএল এ এলিমেন্ট/ট্যাগ নির্দিষ্ট করা (যেমন Body, H1, P ইত্যাদি) আর এক্সএমএল (xml) এ নিজের ইচ্ছেমত এলিমেন্ট/ট্যাগ বানানো যায়। এইচটিএমএল এর সাথে এক্সএমএল এর বড় একটা পার্থক্য হচ্ছে এক্সএমএল এ এট্রিবিউট দিয়ে এলিমেন্টের ভিতর কি ডেটা আছে সেটা বর্ননা করা যায়, কিন্তু এইচটিএমএল এ এমন সুবিধা নেই।

২। এক্সএমএল (XML)

XML অর্থ হলো eXtensive Markup Language. এটা এইচটিএমএল এর মত একটা মার্কআপ ল্যাংগুয়েজ, তবে কাজ একটু ভিন্ন। এইচটিএমএল এর মত এখানেও এলিমেন্ট আছে, এট্রিবিউট আছে, এগুলো ব্যবহার করে একটা এক্সএমএল ডকুমেন্ট তৈরী করা হয়। তবে এইচটিএমএল এ এলিমেন্ট/ট্যাগ নির্দিষ্ট করা (যেমন Body, H1, P ইত্যাদি) আর এক্সএমএল (xml) এ নিজের ইচ্ছেমত এলিমেন্ট/ট্যাগ বানানো যায়। এইচটিএমএল এর সাথে এক্সএমএল এর বড় একটা পার্থক্য হচ্ছে এক্সএমএল এ এট্রিবিউট দিয়ে এলিমেন্টের ভিতর কি ডেটা আছে সেটা বর্ননা করা যায়, কিন্তু এইচটিএমএল এ এমন সুবিধা নেই।

৩। সিএসএস (CSS)

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

৩। সিএসএস (CSS)

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

৪। Responsive Design

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

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৬। Bootstrap

Bootstrap হচ্ছে অনেক জনিপ্রয় একটি ফন্ট ইন ফ্রেমওয়ার্ক। এটির সাহায্যে একটি ওয়েবসাইটকে অধিক আকর্ষণীয় করে তুলা যায়। অধিকাংশ ক্লায়েন্টরা তাদের ওয়েবসাইট ডিজাইন করার জন্য Bootstrap এর ডিমান্ড করে থাকে। এইচটিএমএল, সিএসএস ও Javascript & jQuery শিখার পর Bootstrap শিখাটা আপনার জন্য একদম সহজ হয়ে যাবে।

৭। পিএচপি (PHP)

একটি ওয়েবসাইটকে ডায়নামিক বা ফ্যাংশনাল করার জন্য আপনাকে অবশ্যই পিএইচপি শিখতে হবে। ডায়নামিক ওয়েবসাইট নিয়ে আমি উপরের আলোচনা করেছি। মূলত একটি ওয়েবসাইটের এ্যাডমিন প্যানেল তৈরি করার জন্য পিএইচপি ব্যবহার করা হয়। সাধারণত যে ওয়েবসাইট বেশি ডায়নামিক বা ফ্যাংশানাল করা থাকে, সে ওয়েবসাইট বা থীমের ডিমান্ড বেশি হয়।

৮। ওয়ার্ডপ্রেস (WordPress)

ওয়ার্ডপ্রেস হচ্ছে বর্তমান বিশ্বের সবচাইতে জনপ্রিয় CMS (Content Management) সফটওয়্যার। বিশ্বের যত জনপ্রিয় ওয়েবসাইট রয়েছে সবগুলো ওয়েবসাইট ওয়ার্ডপ্রেস দিয়ে তৈরি। এ জন্য আপনি অবশ্যই ওয়ার্ডপ্রেস সম্পর্কে ভালোভাবে জেনে নিবেন। অন্যান্য বিষয়গুলো শিখতে পারলে ওয়ার্ডপ্রেস শিখতে আপনার বেশি সময় লাগবে না।

৮। ওয়ার্ডপ্রেস (WordPress)

ওয়ার্ডপ্রেস হচ্ছে বর্তমান বিশ্বের সবচাইতে জনপ্রিয় CMS (Content Management) সফটওয়্যার। বিশ্বের যত জনপ্রিয় ওয়েবসাইট রয়েছে সবগুলো ওয়েবসাইট ওয়ার্ডপ্রেস দিয়ে তৈরি। এ জন্য আপনি অবশ্যই ওয়ার্ডপ্রেস সম্পর্কে ভালোভাবে জেনে নিবেন। অন্যান্য বিষয়গুলো শিখতে পারলে ওয়ার্ডপ্রেস শিখতে আপনার বেশি সময় লাগবে না।

গিট (Git)

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

১০। UI অথবা UX

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

১১। ফটোশপ (Photoshop)

একজন ভালোমানের ওয়েব ডিজাইনার বা ডেভেলপার হওয়ার জন্য ফটোশপ জানাটা বাধ্যতামূলক। কারণ ওয়েবসাইট ডিজাইন করার জন্য মাঝে মধ্যে ওয়েবসাইটে ছবি যুক্ত করার প্রয়োজন হয়। এ ক্ষেত্রে ফটোশপ জানা না থাকলে আপনি একজন অভীজ্ঞ ওয়েব ডেভেলপার হতে পারবেন না। তাছাড়া সাধারণত ক্লায়েন্টরা ফটোশপে তাদের ওয়েবসাইটের ডিজাইন করে একজন ওয়েব ডেভেলপারের কাছে নিয়ে আসে। এ ক্ষেত্রে ফটোশপ থেকে ওয়েবসাইটের এলিমেন্ট আলাদা করার জন্য অবশ্যই ফটোশপ সম্পর্কে জানা থাকতে হবে

১২। এসইও (SEO)

একজন ওয়েব ডেভেলপারকে সার্চ ইঞ্জিন অপটিমাইজেশনের এ্যাডভান্স বিষয় জানার প্রয়োজন না হলেও বেসিক বিষয়ে ধারনা থাকতে হয়। কারণ ওয়েবসাইটের অনেক ট্যাগ রয়েছে যেগুলোর সার্চ ইঞ্জিন অপটিমাইজেশনের উপযোগি করে তৈরি করতে হয়। বিশেষকরে ওয়েবসাইটের কোথায় H1, H2, H3 ট্যাগ থাকবে এবং কোন কোন HTML অংশে সঠিক স্কীমা ব্যবহার করতে হবে, সেটি জানা না থাকলে ওয়েবসাইট সার্চ ইঞ্জিন অপটিমাইজ হবে না। আর ওয়েবসাইট অপটিমাইজ করা না থাকলে ওয়েসবাইট তৈরি করে আপনার ক্লায়েন্টরা লাভবান হতে পারবে না।

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

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

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

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

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

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

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

ওয়েব ডিজাইন কি?

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

ওয়েবসাইটের ধরণ

কাজের সুবিধার জন্য সাধারণত দুই ধরনের ওয়েবসাইট হয়ে থাকে। যেমন-

• স্ট্যাটিক ওয়েবসাইট।
• ডাইনামিক ওয়েবসাইট।

স্ট্যাটিক ওয়েবসাইট

স্ট্যাটিক ওয়েবসাইটে কোন ধরনের এ্যাডমিন প্যানেল থাকে না। অর্থাৎ যেকোন কাজ করার জন্য সরাসরি কোডিং এর মাধ্যমে কাজ করতে হয়। এমনকি কোন পোস্ট লিখার সময় সেটিও এইচটিএমল কোডের ভীতরে বসিয়ে দিতে হয়। বর্তমানে এ ধরনের ওয়েবসাইটের প্রচলন নেই বললে চলে। 

ডাইনামিক ওয়েবসাইট

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

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

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

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

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

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

আমরা শুধুমাত্র ক্লিক করে একটি ওয়েবসাইট তৈরি করে মনে মনে ভাবি যে, আসলে ওয়েবসাইটের কাজ এ ধরনের হয়ে থাকে। আসলে আপনি ক্লিক করে ওয়েবসাইটের যে ডিজাইন করছেন, সেটি ওয়েবসাইটের বা থীমের ভীতরে কোডিং করে দেওয়া থাকে। মূলত HTML, CSS, Javascript and Jquary, PHP সহ আরো বিভিন্ন ধরনের কোডিং করে ওয়েব ডেভেলপমেন্টের মাধ্যমে একটি ওয়েবসাইটকে সহজে কাজ করার উপযোগি করে তুলা হয়।  আর যারা এই ওয়েব ডেভেলপমেন্টের কাজ করে থাকেন, তাদেরকে ওয়েব ডেভেলপার বলা হয়।

ওয়েব ডেভেলপাদের ধরণ

সাধারণত কাজের ধরণ অনুসারে ওয়েব ডেভেলপারকে তিন ভাগে ভাগ করা যায়। যেমন-

• ফ্রন্ট ইন্ড ওয়েব ডেভেলপার
• ব্যাক ইন্ড ওয়েব ডেভেলপার
• ফুলস্ট্যাক ওয়েব ডেভেলপার

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

এ ধরনের ডেভেলপাররা শুধুমাত্র একটি ওয়েবসাইটের বাহিরের অংশকে ডিজাইন করে থাকে। কোন ক্লায়েন্ট যখন একজন ফ্রন্ট ইন্ড ডেভেলপারকে নির্দিষ্ট ডিজাইনের কোন ওয়েবসাইট তৈরি করে দিতে বলেন, তখন এ ধরনের ডেভেলপাররা তাদের ক্লায়েন্টের কাছ থেকে ওয়েবাসইটকের ডিজাইন জেনে নিয়ে শুধুমাত্র HTML ও CSS এর মাধ্যমে ওয়েবসাইট ডিজাইন করে দেয়। এ ধরনের ডেভেলপাররা ওয়েবসাটকে ফ্যাংশনাল করে দেয় না।

ব্যাক ইন্ড ওয়েব ডেভেলপার

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

নরমালি একজন ব্যাক ইন্ড ডেলেভপার ফ্রন্ট ইন্ড ডেভেলপারের নিকট থেকে একটি ওয়েবসাইটের ডিজাইনের কোডগুলো নিয়ে সেটির একটি এ্যাডমিন প্যানেল তৈরি করেন। এ্যাডমিন প্যানেল তৈরি করার পর সেই ওয়েবসাইটের ডিজাইন পরিবর্তন করার জন্য বা নতুন পোস্ট লেখার জন্য কোডিং করতে হয় না। অর্থাৎ একজন ব্যাক ইন্ড ডেভেলপার একটি ওয়েবসাইটকে স্ট্যাটিক ওয়েবসাইটে রূপান্তর করে দেয়।

ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করার জন্য আপনাকে অবশ্যই HTML, CSS, Javascript and Jquary, PHP, Python, Bootstrap সহ আরো বিভিন্ন ধরনের কোডিং জানতে হবে। সবগুলো বিষয় সম্পর্কে পরিপূর্ণ অভীজ্ঞতা না থাকলে ব্যাক ইন্ড ডেলেভপমেন্টের কাজ করতে পারবেন না।

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

যে ডেভেলপার একসাথে ফ্রন্ট ইন্ড ডেভেলপমেন্ট এবং ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করতে পারে, তাকে ফুলস্ট্যাক ওয়েব ডেভেলপার বলা হয়। এ ধরনের ওয়েব ডেভেলপার ওয়েব ডেভেলপমেন্ট ও ওয়েব ডিজাইনের কাজ সম্পর্কে অনেক অভীজ্ঞ হয়। তাছাড়া এ ধরনের ওয়েব ডেভেলপারের অনলাইন ও অফলাইন উভয় মার্কেটে অনেক ডিমান্ড থাকে।

ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর পার্থক্য কি?

অনলাইনে যারা নতুন তাদের অনেকেই ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর মধ্যে পার্থক্য বুঝে না। অথচ এই দুটি একটি হতে অন্যটি সম্পূর্ণ আলাদা। ওয়েব ডিজাইন ও ডেভেলমেন্টকে এভাবে বলা যায় যে, ওয়েব ডিজাইন দৃশ্যমান থাকে আর ওয়েব ডেভেলপমন্টে ওয়েব ডিজাইনকে প্রাণ দেয়। যেমন- ফেসবুক দেখতে কেমন, কোথায় ছবি থাকবে, কোথায় চ্যাট বক্স থাকবে, কোথায় হোম বাটন থাকবে, কোনটার রং কেমন হবে ইত্যাদি ইত্যাদি হচ্ছে ওয়েব ডিজাইন এর কাজ। আর ফেসবুকে স্ট্যাটাস লিখে দিলে তা সবার কাছে পৌঁছে যাবে, ইমেইল পাসওয়ার্ড দিয়ে লগইনে ক্লিক করলেই লগইন হয়ে যাবে, লাইক এ ক্লিক করলে একটা লাইক যোগ হবে এবং ব্যবহারকারীর কাছে লাইক এর নোটিফিকেশন চলে যাবে, ইত্যাদি হচ্ছে ওয়েব ডেভেলপমেন্ট এর কাজ।

কিভাবে ওয়েব ডেভেলপমেন্ট শিখবো?

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

ওয়েব ডেভেলপমেন্ট শিখতে কী কী লাগবে?

• অবশ্যই আপনার একটি কম্পিউটার বা ল্যাপটপ লাগবে।
• আপনার প্রচুর ধৈর্য্য শক্তি ও মনোযোগ থাকতে হবে।
• কাজর শেখার জন্য আপনার প্রচুর আগ্রহ থাকতে হবে।
• কাজ করার জন্য পর্যাপ্ত সময় থাকতে হবে। কারণ ওয়েব ডেভেলপমেন্ট খুব সুক্ষ বিষয়।
• এডোবি ফটোশপ সম্পর্কে মোটামুটি ধারণা থাকতেই হবে।
• ইংরেজী ভালোভাবে না জানলেও মোটামুটি জানতে হবে।
• সৃজনশীল চিন্তা শক্তি থাকলে কাজ করতে সহজ হবে। 
•  ডিজাইন ও ডেভেলপমেন্ট সম্বন্ধে ধারণা থাকতে হবে। 
• কিছু গুরুত্বপূর্ণ সফটওয়্যার লাগবে। যেমন- নোটপ্যাড++ ও এডবি ড্রিমওয়েবার।

ওয়েব ডেভেলপার হওয়ার জন্য কী কী শিখতে হবে?

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

১। এইচটিএমএল (HTML)

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

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

আমরা শুধুমাত্র ক্লিক করে একটি ওয়েবসাইট তৈরি করে মনে মনে ভাবি যে, আসলে ওয়েবসাইটের কাজ এ ধরনের হয়ে থাকে। আসলে আপনি ক্লিক করে ওয়েবসাইটের যে ডিজাইন করছেন, সেটি ওয়েবসাইটের বা থীমের ভীতরে কোডিং করে দেওয়া থাকে। মূলত HTML, CSS, Javascript and Jquary, PHP সহ আরো বিভিন্ন ধরনের কোডিং করে ওয়েব ডেভেলপমেন্টের মাধ্যমে একটি ওয়েবসাইটকে সহজে কাজ করার উপযোগি করে তুলা হয়।  আর যারা এই ওয়েব ডেভেলপমেন্টের কাজ করে থাকেন, তাদেরকে ওয়েব ডেভেলপার বলা হয়।

ওয়েব ডেভেলপাদের ধরণ

সাধারণত কাজের ধরণ অনুসারে ওয়েব ডেভেলপারকে তিন ভাগে ভাগ করা যায়। যেমন-

• ফ্রন্ট ইন্ড ওয়েব ডেভেলপার
• ব্যাক ইন্ড ওয়েব ডেভেলপার
• ফুলস্ট্যাক ওয়েব ডেভেলপার

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

এ ধরনের ডেভেলপাররা শুধুমাত্র একটি ওয়েবসাইটের বাহিরের অংশকে ডিজাইন করে থাকে। কোন ক্লায়েন্ট যখন একজন ফ্রন্ট ইন্ড ডেভেলপারকে নির্দিষ্ট ডিজাইনের কোন ওয়েবসাইট তৈরি করে দিতে বলেন, তখন এ ধরনের ডেভেলপাররা তাদের ক্লায়েন্টের কাছ থেকে ওয়েবাসইটকের ডিজাইন জেনে নিয়ে শুধুমাত্র HTML ও CSS এর মাধ্যমে ওয়েবসাইট ডিজাইন করে দেয়। এ ধরনের ডেভেলপাররা ওয়েবসাটকে ফ্যাংশনাল করে দেয় না।

ব্যাক ইন্ড ওয়েব ডেভেলপার

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

নরমালি একজন ব্যাক ইন্ড ডেলেভপার ফ্রন্ট ইন্ড ডেভেলপারের নিকট থেকে একটি ওয়েবসাইটের ডিজাইনের কোডগুলো নিয়ে সেটির একটি এ্যাডমিন প্যানেল তৈরি করেন। এ্যাডমিন প্যানেল তৈরি করার পর সেই ওয়েবসাইটের ডিজাইন পরিবর্তন করার জন্য বা নতুন পোস্ট লেখার জন্য কোডিং করতে হয় না। অর্থাৎ একজন ব্যাক ইন্ড ডেভেলপার একটি ওয়েবসাইটকে স্ট্যাটিক ওয়েবসাইটে রূপান্তর করে দেয়।

ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করার জন্য আপনাকে অবশ্যই HTML, CSS, Javascript and Jquary, PHP, Python, Bootstrap সহ আরো বিভিন্ন ধরনের কোডিং জানতে হবে। সবগুলো বিষয় সম্পর্কে পরিপূর্ণ অভীজ্ঞতা না থাকলে ব্যাক ইন্ড ডেলেভপমেন্টের কাজ করতে পারবেন না।

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

যে ডেভেলপার একসাথে ফ্রন্ট ইন্ড ডেভেলপমেন্ট এবং ব্যাক ইন্ড ডেভেলপমেন্টের কাজ করতে পারে, তাকে ফুলস্ট্যাক ওয়েব ডেভেলপার বলা হয়। এ ধরনের ওয়েব ডেভেলপার ওয়েব ডেভেলপমেন্ট ও ওয়েব ডিজাইনের কাজ সম্পর্কে অনেক অভীজ্ঞ হয়। তাছাড়া এ ধরনের ওয়েব ডেভেলপারের অনলাইন ও অফলাইন উভয় মার্কেটে অনেক ডিমান্ড থাকে।

ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর পার্থক্য কি?

অনলাইনে যারা নতুন তাদের অনেকেই ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এর মধ্যে পার্থক্য বুঝে না। অথচ এই দুটি একটি হতে অন্যটি সম্পূর্ণ আলাদা। ওয়েব ডিজাইন ও ডেভেলমেন্টকে এভাবে বলা যায় যে, ওয়েব ডিজাইন দৃশ্যমান থাকে আর ওয়েব ডেভেলপমন্টে ওয়েব ডিজাইনকে প্রাণ দেয়। যেমন- ফেসবুক দেখতে কেমন, কোথায় ছবি থাকবে, কোথায় চ্যাট বক্স থাকবে, কোথায় হোম বাটন থাকবে, কোনটার রং কেমন হবে ইত্যাদি ইত্যাদি হচ্ছে ওয়েব ডিজাইন এর কাজ। আর ফেসবুকে স্ট্যাটাস লিখে দিলে তা সবার কাছে পৌঁছে যাবে, ইমেইল পাসওয়ার্ড দিয়ে লগইনে ক্লিক করলেই লগইন হয়ে যাবে, লাইক এ ক্লিক করলে একটা লাইক যোগ হবে এবং ব্যবহারকারীর কাছে লাইক এর নোটিফিকেশন চলে যাবে, ইত্যাদি হচ্ছে ওয়েব ডেভেলপমেন্ট এর কাজ।

কিভাবে ওয়েব ডেভেলপমেন্ট শিখবো?

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

ওয়েব ডেভেলপমেন্ট শিখতে কী কী লাগবে?

• অবশ্যই আপনার একটি কম্পিউটার বা ল্যাপটপ লাগবে।
• আপনার প্রচুর ধৈর্য্য শক্তি ও মনোযোগ থাকতে হবে।
• কাজর শেখার জন্য আপনার প্রচুর আগ্রহ থাকতে হবে।
• কাজ করার জন্য পর্যাপ্ত সময় থাকতে হবে। কারণ ওয়েব ডেভেলপমেন্ট খুব সুক্ষ বিষয়।
• এডোবি ফটোশপ সম্পর্কে মোটামুটি ধারণা থাকতেই হবে।
• ইংরেজী ভালোভাবে না জানলেও মোটামুটি জানতে হবে।
• সৃজনশীল চিন্তা শক্তি থাকলে কাজ করতে সহজ হবে। 
•  ডিজাইন ও ডেভেলপমেন্ট সম্বন্ধে ধারণা থাকতে হবে। 
• কিছু গুরুত্বপূর্ণ সফটওয়্যার লাগবে। যেমন- নোটপ্যাড++ ও এডবি ড্রিমওয়েবার।

ওয়েব ডেভেলপার হওয়ার জন্য কী কী শিখতে হবে?

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

১। এইচটিএমএল (HTML)

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

২। এক্সএমএল (XML)

XML অর্থ হলো eXtensive Markup Language. এটা এইচটিএমএল এর মত একটা মার্কআপ ল্যাংগুয়েজ, তবে কাজ একটু ভিন্ন। এইচটিএমএল এর মত এখানেও এলিমেন্ট আছে, এট্রিবিউট আছে, এগুলো ব্যবহার করে একটা এক্সএমএল ডকুমেন্ট তৈরী করা হয়। তবে এইচটিএমএল এ এলিমেন্ট/ট্যাগ নির্দিষ্ট করা (যেমন Body, H1, P ইত্যাদি) আর এক্সএমএল (xml) এ নিজের ইচ্ছেমত এলিমেন্ট/ট্যাগ বানানো যায়। এইচটিএমএল এর সাথে এক্সএমএল এর বড় একটা পার্থক্য হচ্ছে এক্সএমএল এ এট্রিবিউট দিয়ে এলিমেন্টের ভিতর কি ডেটা আছে সেটা বর্ননা করা যায়, কিন্তু এইচটিএমএল এ এমন সুবিধা নেই।

২। এক্সএমএল (XML)

XML অর্থ হলো eXtensive Markup Language. এটা এইচটিএমএল এর মত একটা মার্কআপ ল্যাংগুয়েজ, তবে কাজ একটু ভিন্ন। এইচটিএমএল এর মত এখানেও এলিমেন্ট আছে, এট্রিবিউট আছে, এগুলো ব্যবহার করে একটা এক্সএমএল ডকুমেন্ট তৈরী করা হয়। তবে এইচটিএমএল এ এলিমেন্ট/ট্যাগ নির্দিষ্ট করা (যেমন Body, H1, P ইত্যাদি) আর এক্সএমএল (xml) এ নিজের ইচ্ছেমত এলিমেন্ট/ট্যাগ বানানো যায়। এইচটিএমএল এর সাথে এক্সএমএল এর বড় একটা পার্থক্য হচ্ছে এক্সএমএল এ এট্রিবিউট দিয়ে এলিমেন্টের ভিতর কি ডেটা আছে সেটা বর্ননা করা যায়, কিন্তু এইচটিএমএল এ এমন সুবিধা নেই।

৩। সিএসএস (CSS)

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

৩। সিএসএস (CSS)

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

৪। Responsive Design

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

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৫। Javascript & jQuery

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

Javascript & jQuery দিয়ে একটি ওয়েবসাইটের ইনটর একটিভ করা হয়। উদাহরণ হিসেবে ধরুন- ফেসবুকে কেউ যখন আপনার পোস্টে কোন লাইক বা কমেন্ট করে, তখন আপনার কাছে একটি নটিফিকেশন আসে। এই কাজকে ইনটর একটিভিটি বলা হয়। এ ধরনের কাজ করার জন্য আপনাকে অবশ্যই Javascript & jQuery শিখতে হবে। তাছাড়া আপনার ওয়েবসাইটে বিভিন্ন ধরনের স্লাইড শো, ইমেইল ফরম, ইমেল সাবস্ক্রিবশন ফরম ও লগইন ফরম তৈরি করে সেটাকে ফ্যাংশনাল করার জন্য Javascript & jQuery লাগবে।

৬। Bootstrap

Bootstrap হচ্ছে অনেক জনিপ্রয় একটি ফন্ট ইন ফ্রেমওয়ার্ক। এটির সাহায্যে একটি ওয়েবসাইটকে অধিক আকর্ষণীয় করে তুলা যায়। অধিকাংশ ক্লায়েন্টরা তাদের ওয়েবসাইট ডিজাইন করার জন্য Bootstrap এর ডিমান্ড করে থাকে। এইচটিএমএল, সিএসএস ও Javascript & jQuery শিখার পর Bootstrap শিখাটা আপনার জন্য একদম সহজ হয়ে যাবে।

৭। পিএচপি (PHP)

একটি ওয়েবসাইটকে ডায়নামিক বা ফ্যাংশনাল করার জন্য আপনাকে অবশ্যই পিএইচপি শিখতে হবে। ডায়নামিক ওয়েবসাইট নিয়ে আমি উপরের আলোচনা করেছি। মূলত একটি ওয়েবসাইটের এ্যাডমিন প্যানেল তৈরি করার জন্য পিএইচপি ব্যবহার করা হয়। সাধারণত যে ওয়েবসাইট বেশি ডায়নামিক বা ফ্যাংশানাল করা থাকে, সে ওয়েবসাইট বা থীমের ডিমান্ড বেশি হয়।

৮। ওয়ার্ডপ্রেস (WordPress)

ওয়ার্ডপ্রেস হচ্ছে বর্তমান বিশ্বের সবচাইতে জনপ্রিয় CMS (Content Management) সফটওয়্যার। বিশ্বের যত জনপ্রিয় ওয়েবসাইট রয়েছে সবগুলো ওয়েবসাইট ওয়ার্ডপ্রেস দিয়ে তৈরি। এ জন্য আপনি অবশ্যই ওয়ার্ডপ্রেস সম্পর্কে ভালোভাবে জেনে নিবেন। অন্যান্য বিষয়গুলো শিখতে পারলে ওয়ার্ডপ্রেস শিখতে আপনার বেশি সময় লাগবে না।

৮। ওয়ার্ডপ্রেস (WordPress)

ওয়ার্ডপ্রেস হচ্ছে বর্তমান বিশ্বের সবচাইতে জনপ্রিয় CMS (Content Management) সফটওয়্যার। বিশ্বের যত জনপ্রিয় ওয়েবসাইট রয়েছে সবগুলো ওয়েবসাইট ওয়ার্ডপ্রেস দিয়ে তৈরি। এ জন্য আপনি অবশ্যই ওয়ার্ডপ্রেস সম্পর্কে ভালোভাবে জেনে নিবেন। অন্যান্য বিষয়গুলো শিখতে পারলে ওয়ার্ডপ্রেস শিখতে আপনার বেশি সময় লাগবে না।

গিট (Git)

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

১০। UI অথবা UX

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

১১। ফটোশপ (Photoshop)

একজন ভালোমানের ওয়েব ডিজাইনার বা ডেভেলপার হওয়ার জন্য ফটোশপ জানাটা বাধ্যতামূলক। কারণ ওয়েবসাইট ডিজাইন করার জন্য মাঝে মধ্যে ওয়েবসাইটে ছবি যুক্ত করার প্রয়োজন হয়। এ ক্ষেত্রে ফটোশপ জানা না থাকলে আপনি একজন অভীজ্ঞ ওয়েব ডেভেলপার হতে পারবেন না। তাছাড়া সাধারণত ক্লায়েন্টরা ফটোশপে তাদের ওয়েবসাইটের ডিজাইন করে একজন ওয়েব ডেভেলপারের কাছে নিয়ে আসে। এ ক্ষেত্রে ফটোশপ থেকে ওয়েবসাইটের এলিমেন্ট আলাদা করার জন্য অবশ্যই ফটোশপ সম্পর্কে জানা থাকতে হবে

১২। এসইও (SEO)

একজন ওয়েব ডেভেলপারকে সার্চ ইঞ্জিন অপটিমাইজেশনের এ্যাডভান্স বিষয় জানার প্রয়োজন না হলেও বেসিক বিষয়ে ধারনা থাকতে হয়। কারণ ওয়েবসাইটের অনেক ট্যাগ রয়েছে যেগুলোর সার্চ ইঞ্জিন অপটিমাইজেশনের উপযোগি করে তৈরি করতে হয়। বিশেষকরে ওয়েবসাইটের কোথায় H1, H2, H3 ট্যাগ থাকবে এবং কোন কোন HTML অংশে সঠিক স্কীমা ব্যবহার করতে হবে, সেটি জানা না থাকলে ওয়েবসাইট সার্চ ইঞ্জিন অপটিমাইজ হবে না। আর ওয়েবসাইট অপটিমাইজ করা না থাকলে ওয়েসবাইট তৈরি করে আপনার ক্লায়েন্টরা লাভবান হতে পারবে না।

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

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

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

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

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