ওয়েব ডিজাইন এ নতুনদের জন্য আরও নির্দেশনা

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

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

** যদিও শাব্দিক অর্থ ভিন্ন তবু ওয়েব ডিজাইন এবং ডেভেলপমেন্ট একি অর্থে ব্যাবহার করে এর শাব্দিক অর্থ লঙ্ঘন করা হচ্ছে।আপনি যদি বলেন আমি ওয়েব ডিজাইনার তাহলে ধরা হয় আপনি ডেভেলপমেন্ট এর কাজও জানেন।আসল অর্থ হল-ওয়েব ডেভেলপার=যে প্রোগ্রামার,কোডিং করে,অ্যাপ্লিকেশন তৈরী করে।আর ওয়েব ডিজাইনার=যে ডিজাইন করে,সাইটের বাহ্যিক রুপ কেমন হবে তা তৈরী করে,কোডিং করেনা।

প্রত্যেক ওয়েব ডেভেলপার এর নিচের বিষয়গুলি জানা উচিৎ

কিভাবে www কাজ করে
এইচটিএমএল
সিএসএস
জাভাস্ক্রিপ্ট
এক্সএমএল
সার্ভার স্ক্রিপ্টিং ল্যাংগুয়েজ
SQL দিয়ে ডেটাবেস বানানো

WWW - World Wide Web

WWW হচ্ছে একটা কম্পিউটার নেটওয়ার্ক যা সারা বিশ্বে ছড়ানো। WWW কেই বলা হয়ে থাকে Web.

এই ওয়েবে কম্পিউটারগুলো একটি অপরটির সাথে কিছু নিয়ম ও ভাষা ব্যাবহার করে যোগাযোগ করে থাকে।

W3C (The World Wide Web Consortium) এই ভাষা এবং নিয়মগুলো তৈরী করে যাচ্ছে।
এইচটিএমএল- ওয়েবের ভাষা

এইচটিএমএল হচ্ছে ওয়েবের ভাষা, প্রত্যেক ওয়েব ডেভেলপারকে এর মৌলিক বিষয়াদি জানা চাই।

এইচটিএমএল এ "markup tags" ব্যাবহার করা হয় ওয়েব পেজের লেআউট ও কনটেন্ট তৈরীর জন্য।

এইচটিএমএল tag <h1> ইংগিত করে এটা একটা header,এবং <p> একটা Paragraphp কে ইংগিত করে।

সিএসএস- ক্যাশক্যাডিং স্টাইল শিট

এটা দিয়ে এইচটিএমএল page কিভাবে দেখাবে তা ঠিক করা যায়।

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

জাভাস্ক্রিপ্ট ক্লাইন্ট সাইড স্ক্রিপ্টিং (ব্রাউজার স্ক্রিপ্টিং) এর জন্য ব্যাবহৃত হয়।এটা দিয়ে পেজে ডাইনামিক কনটেন্ট যোগ করতে পারবেন।

একটা জাভাস্ক্রিপ্ট statement দেখতে এমন: document.write("<p>" + date + "</p>")

এক্সএমএল- এক্সটেনসিবল মার্কআপ ল্যাংগুয়েজ

এটা এইচটিএমএল এর পরিবর্তে ব্যাবহৃত হয় এমন নয় বরং এটা ডেটা বহন ও সংরক্ষন এর জন্য।

সার্ভার সাইড স্ক্রিপ্টিং

সার্ভার সাইড স্ক্রিপ্টিং হচ্ছে "programming" ওয়েব সার্ভারের জন্য।

পূর্নাঙ্গ ডাইনামিক কনট্ন্টে তৈরীর জন্য এটা জানতে হবে।Server-side scripting দ্বারা আপনি ডেটাবেস থেকে ডেটা তুলে এনে এইচটিএমএল page দেখাতে পারেন।(অনেক কাজের মধ্যে এটা একটা)
SQL দিয়ে ডেটাবেস বানানো

Structured Query Language (SQL) দিয়ে যেকোন ডেটাবেসে একসেস নিতে পারেন যেমন MySQL,Oracle ইত্যাদি।

এটা এমন একটা ইন্জিন যেটা দিয়ে ওয়েবে ডেটাবেসের সাথে তথ্য বিনিময় করা যায়।

ওয়েব ডিজাইন হচ্ছে একটা ওয়েবসাইট দেখতে কেমন হবে বা এর সাধারন রূপ কেমন হবে তা নির্ধারণ করা। ওয়েব ডিজাইনার হিসেবে আপনার কাজ হবে একটা পূর্ণাঙ্গ ওয়েব সাইটের টেম্পলেট বানানো। যেমন ধরুন এটার লেয়াউট কেমন হবে। হেডারে, মেনু কোথায় থাকবে, সাইডবার হবে কিনা, ইমেজগুলো কিভাবে প্রদর্শন করবে ইত্যাদি। ভিন্ন ভাবে বলতে গেলে ওয়েবসাইটের তথ্য কি হবে এবং কোথায় জমা থাকবে এগুলো চিন্তা না করে, তথ্যগুলো কিভাবে দেখানো হবে সেটা নির্ধারণ করাই হচ্ছে ওয়েব ডিজাইনার এর কাজ। আর এই ডিজাইন নির্ধারণ করতে ব্যাবহার করতে হবে কিছু টুলস যেমন PHOTOSHOP এবং কিছু Markup এবং Scripting Language যেমন HTML, CSS এবং JavaScript ইত্যাদি। ওয়েব ডিজাইনারদের কে আমরা Front-end ডেভেলপার ও বলতে পারি।

একজন ওয়েব ডিজাইনার যে ডিজাইন তৈরি করেন তার প্রতিটা উপকরণকে ফাংশনাল এবং ডাইনামিক করার জন্য পরিচালিত কর্মকান্ডই হচ্ছে Web Development।

একটা ওয়েব সাইট কে তিনটা ভাগে বিভক্ত করা যায় যেমন ডিজাইন বা টেমপ্লেট, কনটেন্টম্যানেজমেন্ট সিস্টেম এবং ডাটাবেস।

একজন ওয়েব ডেভেলপার এই তিনটি বিষয়ের মধ্যে সমন্বয় ঘটিয়ে পুরো সিস্টেমটি কে সক্রিয় এবং ডাইনামিক করে থাকেন।

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

আপনাকে একজন ভালো ওয়েব ডেভেলপার হতে হলে PHP, MySQL এর পাশাপাশি HTML, CSS, JAVASCRIPT, JQUERY, Bootstrap এর সম্পর্কে বিশদ জ্ঞান রাখতে হবে।

কোনটা শিখবেন? ডিজাইন ? নাকি ডেভেলপমেন্ট?

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

একজন ওয়েব ডেভেলপারের কী ধরনের যোগ্যতা থাকতে হয়?

• ওয়েব ডেভেলপার হিসেবে কাজ করতে চাইলে ব্যক্তিগত দক্ষতা বেশি জরুরী। অনেক ক্ষেত্রে শিক্ষাগত যোগ্যতা না থাকলেও ব্যক্তিগত দক্ষতার উপর নির্ভর করে নিয়োগ দেওয়া হয়ে থাকে। তবে ওয়েব ডেভেলপার হিসেবে কাজ করতে চাইলে যোগ্যতার বিষয়টি প্রতিষ্ঠানসাপেক্ষ হলেও সাধারণত কম্পিউটার প্রকৌশল বিষয়ে ব্যাচেলর ডিগ্রি আছে এমন কাউকেই নিয়োগ দেওয়া হয়। কিছু ক্ষেত্রে কম্পিউটার প্রকৌশল বিষয়ে ডিপ্লোমা ডিগ্রি থাকলেও আপনাকে নিয়োগ দেওয়া হতে পারে। অধিকাংশ ক্ষেত্রে তথ্য প্রযুক্তি বা আইটি, কম্পিউটার প্রকৌশল, টেলিকমিউনিকেশন প্রকৌশল বিষয়ে ডিগ্রির কথা উল্লেখ করা থাকে। এর পাশাপাশি অধিকাংশ ক্ষেত্রেই দেখা যায় পুরোনো অভিজ্ঞতা এবং সম্যক ধারণা ও জ্ঞানের উপর ভিত্তি করে নিয়োগ বিজ্ঞপ্তিতে উল্লিখিত ডিগ্রির বিষয়টি নিয়োগের জন্য শিথিল করা হয়। আবার অনেক ক্ষেত্রে দেখা যায় নির্দিষ্ট কোন বিষয় নয় বরং শুধুমাত্র ব্যাচেলর বা মাস্টার্স ডিগ্রি থাকলেই আপনার কোডিং ও প্রোগ্রামিং-এর ধারণার উপর ভিত্তি করে আপনাকে নিয়োগ দেওয়া হবে। এক্ষেত্রে বিষয়টি একেবারেই প্রতিষ্ঠানসাপেক্ষ এবং কম্পিউটার প্রকৌশল বিষয়ে ডিগ্রি না থাকলেও নিয়োগ পেতে পারেন। অধিকাংশ ক্ষেত্রে ডিগ্রির প্রয়োজনীয়তা না থাকলেও কিছু ক্ষেত্রে কম্পিউটার প্রকৌশল বিষয়ে মাস্টার্স ডিগ্রির কথা উল্লেখ করা থাকতে পারে।;
• ওয়েব ডেভেলপার হিসেবে কাজ করার ক্ষেত্রে অভিজ্ঞতা গুরুত্বপূর্ণ বিষয়। নিয়োগ পাওয়ার জন্য ন্যূনতম ১ বছরের অভিজ্ঞতা অধিকাংশ ক্ষেত্রেই বাধ্যতামূলকভাবে উল্লেখ করা থাকে। কিছু ক্ষেত্রে ৪ থেকে ৭ বছরের অভিজ্ঞতা প্রয়োজনীয় হতে পারে। সাধারণত ১ থেকে ৩ বছরের অভিজ্ঞতা থাকলেই এক্ষেত্রে ওয়েব ডেভেলপার হিসেবে নিয়োগ পাওয়া যায়;
• ওয়েব ডেভেলপার হিসেবে কাজ করতে চাইলে নারী বা পুরুষ প্রার্থী নিয়োগের কথা আলাদাভাবে সাধারণত উল্লেখ করা থাকে এবং এ ধরনের কোন বাধ্যবাধকতাও এক্ষেত্রে নেই। নারী এবং পুরুষ উভয়ের জন্যই কাজটি সমান ভার ও অর্থ বহন করে বিধায় নারী-পুরুষ উভয়েই ওয়েব ডেভেলপার হিসেবে কোন প্রাধান্য ছাড়াই কাজ করতে পারেন;

ধরুন আমি তা ভালোভাবেই শিখলাম। পরে কোথায় এবং কিভাবে কাজ করব?

অনলাইন মার্কেটপ্লেস গুলো যেমনঃ upwork.com, freelancer.com, fiverr.com  ওয়েব পেইজ ডিজাইনার এবং ওয়েব ডেভেলপারদের যথেষ্ট চাহিধা রয়েছে। এইসব মার্কেট গুলোতে আপনি সর্বনিম্ন ২ ডলার থেকে ১০০ ডলার পর্যন্ত প্রতি ঘন্টা আয় করতে পারেন। তা ছাড়া themeforest.net, codecanyon.net এর মতো মার্কেট প্লেসে আপনি আপনার তৈরী ওয়েব এপ্লিকেশন গুলো বিক্রি করে প্রতি মাসে লক্ষ টাকা আয়  করতে পারেন। এবং বাংলাদেশে হাজার হাজার সফটওয়্যার এবং ওয়েব ডেভেলপমেন্ট কোম্পানি গুলোতে আপনি চাকরিও করতে পারেন। এই সেক্টরে বড় সুবিধা হচ্ছে আপনি কম্পিউটার সাইন্স এ পড়া লেখা না করেও সফটওয়্যার কোম্পানি গুলোতে ভালো স্যালারি তে জব করতে পারবেন।

নিজে নিজে শিখতে চাইলে কোথায় থেকে শিখব ?

নিজে নিজে শিখতে চাইলে আপনাকে অবশ্যই অনলাইন থেকে হেল্প নিতে হবে।  এই ক্ষেত্রে youtube.com হচ্ছে বেস্ট। তা ছাড়া আমার নিজের https://www.youtube.com/channel/UC4fUpNmhrkpqrk0tMrndQUw?view_as=subscriber এ ওয়েব ডেভেলপমেন্ট এর উপর প্রচুর টিউটোরিয়াল  আছে, সেগুলো থেকেও হেল্প নিতে পারেন।