ওয়েব ও সফটওয়্যার ডিজাইন এবং ডেভেলপমেন্ট এর জন্য প্রথমতো আমাদের যে দুটি ল্যাংগুয়েজ জানা প্রয়োজন তা হলো –
১। এইচটিএমএল এবং
২। সিএসএস
এই দুটোই মার্কআপ ল্যাংগুয়েজ, কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়। এ দুটো ল্যাংগুয়েজ দিয়ে আপনি একটি Static ওয়েব সাইট বা সফটওয়্যার তৈরি করতে পারবেন।
পরবর্তিতে আপনি যখন
৩। পিএইচপি এবং
৪। এসকিউএল
এখানে পিএইচপি একটি প্রোগ্রামিং ল্যাংগুয়েজ এবং এসকিউএল ডাটাবেস ল্যাংগুয়েজ। এই দুটোই ল্যাংগুয়েজ শিখলে আপনি একটি Dynamic ওয়েব সাইট অথবা সফটওয়্যার তৈরি করতে পারবেন।
এরপর আপনি
৫। জাভাস্ক্রিপ্ট ল্যাংগুয়েজ শিখলে আপনি একটি আকর্ষনীয় ও দৃষ্টি নন্দন ওয়েব সাইট অথবা সফটওয়্যার তৈরি করতে পারবেন।
তাছাড়া ওয়েব ও সফটওয়্যার ডিজাইন এবং ডেভেলপমেন্ট করার সময় আপনাদের বিভিন্ন গ্রাফিক্স এর কাজ করার প্রয়োজন হবে।
সেজন্য- PhotoShop, Illustrator বা Graphics এর কাজ মোটামুটি জানা থাকা উত্তম।
এছাড়াও আমরা চাইলে সি, পাইথন অথবা ভিজুয়াল বেসিক দিয়ে সফটওয়্যার তৈরি করতে পারি। তবে Speed এর কথা ভাবলে সি দিয়ে সফটওয়্যার অথবা Application তৈরি করা সব ছেয়ে উত্তম।
মার্কআপ ল্যাংগুয়েজ এবং প্রোগ্রামিং ল্যাংগুয়েজ কি?
এইচটিএমএল এবং সিএসএস দুটোই মার্কআপ ল্যাংগুয়েজ। এরকম আরো অনেক মার্কআপ ল্যাংগুয়েজ আছে। এ দুটি ল্যাংগুয়েজ দিয়ে আপনি যতটুকু কোড লিখবেন সে ততটুকুরই ফলাফল প্রকাশ করবে। এর বাইরে সে কিছুই করতে পারবেনা। আপনি যদি এই দুটি ল্যাংগুয়েজ কে প্রশ্ন করেন যে ৫ এবং ৫ যোগ করলে কত হবো? সে আপনাকে কে কোন ফলাফল দিতে পারবেনা কেননা এটি একটি মার্কআপ ল্যাংগুয়েজ। কিন্তু আপনি যদি কোন প্রোগ্রামিং ল্যাংগুয়েজ, যেমন- পিএইচপি বা জাভাস্ক্রিপ্টকে কে প্রশ্ন করেন যে ৫ এবং ৫ যোগ করলে কত হবো? সে আপনাকে সাথে সাথে বলে দেবে ১০। অথবা যদি প্রশ্ন করেন ৫ এবং ৫ গুণ করলে কত হবে? সে তাও বলে দিতে পারবে। কারণ এটি একটি প্রোগ্রামিং ল্যাংগুয়েজ। এরকম পিএইচপি বা জাভাস্ক্রিপ্ট ছাড়াও আরো অনেক প্রোগ্রামিং ল্যাংগুয়েজ আছে।
Static এবং Dynamic কি?
আমরা আমাদের ওয়েব সাইট বা সফটওয়্যার দুট ভাবে তৈরি করতে পারি। একটি হলো Static এবং অপরটি হলো Dynamic। আমাদের যেসব ওয়েব বা সফটওয়্যার পেইজের কোন কিছু সংযুক্ত, সম্পাদনা বা বাতিল করতে, মূল কোডে যাওয়া ছাড়া পরিবর্তন করা সম্ভব নয় সেগুলো হলো Static পেইজ। আর যেসব ওয়েব বা সফটওয়্যার পেইজর কোন কিছু সংযুক্ত, সম্পাদনা বা বাতিল করতে মূল কোডে যাওয়া ছাড়া পরিবর্তন করা সম্ভব সেগুলো হলো Dynamic পেইজ। যেমন Facebook এর কথাই ধরুন, আমরা চাইলে Facebook আমাদের Profile, যেকোন Post, Friend যোকোন সময় Add, Edit এবং Delete করতে পারছি। মূলত ওই ওয়েব সাইটটি Dynamic হওয়াতে আমাদের জন্য তা করা সম্ভব হয়েছে। তাই আমাদের কোন ওয়েব সাইট বা সফটওয়্যার তৈরির করার সময় সব কিছু Dynamic হচ্ছে কিনা সেদিকে খেয়াল রাখতে হবে।
কিভাবে তৈরি হয় ওয়েবসাইট ?
প্রথমে একজন ডিজাইনার ওয়েবসাইটির ডিজাইন করে । সাধারনত ফটোশপ দিয়ে ডিজাইটির একটি বাহ্যিক রূপ দেয় । কিন্তু ফটোশপে যেসব টেক্সট ইমেজ ব্যবহার করা হয় সেগুলোত আমরা যেই ব্রাউজার ব্যবহার করি যেমন ফায়ারফক্স, গুগল ক্রোম ইত্যাদি বুঝতে পারবে না । এই ব্রাউজারগুলোকে বোঝানোর জন্য আলাদা কিছু ভাষা আছে যেমন – এইচটিএমএল, সিএসএস, জাভাস্ক্রীপ্ট ইত্যাদি । প্রথমে এইচটিএমএল দিয়ে ফটোশপে যে ডিজাইনটি করা হয় সেটি একটি কাঠামো তৈরি করা হয় । তারপর সিএসএস দিয়ে ফটোশপে যে ডিজাইন করা হয়েছে সেই রকম ডিজাইন করা হয় । জাভাস্ক্রীপট এবং জেকুয়েরি দিয়ে ডিজাইনে বিভিন্ন রকম এডভান্স ফিচার যেমন যোগ করা হয়।এরপর পিএইচপি মাইএসকউএল ইত্যাদি দিয়ে ওয়েব সাইটি ব্যবহার উপযোগী করা হয় ।
কিভাবে শিখবেন ওয়েব ডেভেলপমেন্ট
প্রথমেই আপনাকে মনস্থির করতে হবে যে কমপক্ষে দুই বছর সময় ব্যয় করবেন শুধু শেখার জন্য। তারপর ফেসবুকের দুইটা গ্রুপে যোগ দিবেন একটা হল আর আর ফাউন্ডেশনের অফিসিয়ার গ্রুপ আর একটি হল odesk help গ্রুপ। গ্রুপে যোগ দিয়েই প্রথমেই গ্রুপের ফাইল গুলো পড়ে ফেলেন । প্রথমে কিছুই বুঝবেন না তারপরও ধৈর্য ধরে পড়ে ফেলেন। এরপর গ্রুপে যে যত পোষ্ট দিবে নিয়মিত পড়তে থাকেন।
কোথায় শিখবেন ?
এখন অনলাইনে এত রিসোর্স যে খুব সহজে একা একাই আপনি শিখতে পারবেন। w3schools যেখানে সব টিউটোরিয়াল রিসোর্স পাবেন। আর টুলস্ পেজে পাবেন সব রকম টুলস্ । অথবা বিভিন্ন প্রকার ট্রেনিং সেন্টার থেকেও শিখতে পারেন। একটা ব্যাপারে লক্ষ্য রাখবেন ।আমাদের দেশে এখন পযর্ন্ত ভাল মানের ট্রেনিং সেন্টার আছে হাতে গোনা কয়েকটি।
আরো একটা কথা, সময় বেধে কেউ ওয়েব ডিজাইন শিখতে পারে না। এইটা নির্ভর করে আপনার মনোযোগ এবং চর্চার উপর।
আপনি যদি ওয়েব ডেভেলপার হতে চান, তাহলে আমি আপনাকে প্রথমত প্রশ্ন করবো আপনি ফ্রন্ট ইন্ড ডেভেলপার হবেন না ব্যাক ইন্ড ডেভেলপার হবেন ? এখন আপনার মনে প্রশ্ন আসতে পারে ফ্রন্ট ইন্ড আর ব্যাক ইন্ড আবার কি জিনিস ।
ফ্রন্ট ইন্ডঃ সাধারণত আমরা বিভিন্ন যে ওয়েব সাইট ব্রাউজ করি । ওয়েব সাইট ব্যবহারের সময় যে অংশ গুলো ব্যবহার কারী দেখতে পায়, মূলত সেটাই ফ্রন্ট ইন্ড ।
ব্যাক ইন্ডঃ আর ওয়েব সাইটে বিভিন্ন কাজ অটোমেটিক হয় , আমরা দু চার টা ক্লিক করলে মুহুর্তে ফলাফল প্রদর্শিত হয় । এই রেজাল্ট প্রদর্শিত হবার পিছনে যে এই সিস্টেমটা ডেভেলপ করেছেন তিনি কিছু কমান্ড লিখে রেখেছেন । মূলত ব্যাক ইন্ড এ যা ঘটে তা ব্যবহারকারী গণ দেখতে পায় না ।
আপনি যদি ফ্রন্ট ইন্ড ডেভেলপার হতে চান তা হলে আপনাকে প্রথমত এইচটিএমএল, সিএসএস, সিএসএস৩, বুটস্ট্র্যাপ-৪, জাভাস্ক্রিপ্ট, জেকুয়েরি শিখতে হবে । তারপর কাজ হবে আপনার পিএসডি টু এইচটিএমএল ভালো ভাবে শিখতে হবে । এর পর আপনি আরও ভালো ডেভেলপার হতে চাইলে আপনাকে জাভাস্ক্রিপ্ট এর যেকোনো একটা ফ্রেমওয়ার্ক শিখতে হবে । বর্তমানে রিয়্যাক্ট , ভিউ জেএস, এংগুলার এর যেকোনো একটা শিখতে পারেন । তারপর জাভাস্ক্রিপ্ট এর ফ্রেমওয়ার্ক শেখা হলে দু-চার টা প্রজেক্ট করুন । এর পরে ভার্সন কন্ট্রোল এর জন্য আপনাকে গিট শিখতে হবে । আর কাজের মধ্যে স্প্রিড নিয়ে আসার জন্য আপনাকে সিএসএস এর প্রি-প্রসেসর স্যাস বা লেস শিখতে হবে ।
আর ব্যাকইন্ড ডেভেলপার হতে চাইলে আপনাকে পিএইচপি, মাইএসকিউএল, এজাক্স, ওওপি ভালোভাবে শিখতে হবে । তারপরে পিএইচপি এর যেকোনো একটা ফ্রেমওয়ার্ক শিখতে হবে । বর্তমানে লারাভেল ফ্রেমওয়ার্ক ভালো চলতেছে । চাইলে এটা শিখতে পারেন । বা অন্য কোনো ফ্রেমওয়ার্ক । আপনি চাইলে ব্যাকইন্ড ডেভেলপমেন্ট জাভাস্ক্রিপ্ট দিয়ে করতে পারেন । সেজন্য আপনাকে প্রথমত জাভাস্ক্রিপ্ট ভালো করে শিখতে হবে । তারপরে আপনাকে নোড জেএস শিখতে হবে । আর ডাটাবেসের জন্য মাইএসকিউএল বা মংগোডিবি শিখতে হবে । আর অব্যশই ওওপি সমপর্কে ভালো ধারণা থাকতে হবে ।
এগুলো শেখার পর ধাপে ধাপে আপনি থ্রেড, নেটওয়ার্ক কল , সকেট কানকেশন, গুগল ম্যাপ এপিআই , আরো বিভিন্ন ধরনের এপিআই ইত্যাদি আরো অনেক মজার মজার বিষয় আছে যেগুলো আপনি শিখে নিতে পারেন এবং মজার মজার এপ্লিকেশন বানিয়ে ফেলতে পারেন ।
এখন আপনি যেহেতু ওয়েব ডেভেলপার হতে চাচ্ছেন সেহেতু আপনাকে প্রথমে প্রোগ্রামিং ভীতি জয় করতে হবে ।প্রথম প্রথম প্রোগ্রামিং খারাপ লাগবে কিন্তু এর মজাটা একবার ধরে গেলে আর খারাপ লাগবে না বরং তখন আর বেশী প্রোগ্রামিং এর প্রতি আসক্ত হয়ে পড়বেন । এখন আপনি চিন্তা করেন প্রথমে কোন ল্যাঙ্গুয়েজ শিখবেন ।
প্রোগ্রামিং শিখার পাশাপাশি আপনাকে প্রব্লেম সলভিং ও মনোযোগী হতে হবে । আপনি যখন ওয়েব এপ্লিকেশন নিয়ে কাজ করবেন বড় বড় সফটওয়্যার নিয়ে কাজ করবেন তখন অনেক ধরনের সমস্যায় আপনি পড়বেন তখন আপনার প্রোগ্রামিং সলভিং টা সমস্যা সমাধানে বড় ধরনের সাহায্য করবে ।
ভালো একজন ওয়েব ডেভেলপার হতে হলে অনেক ধৈর্য্য, পরিশ্রম ও মনোযোগী হওয়াটা অত্যন্ত গুরুত্বপূর্ণ। সেই সাথে আপনার কাজের প্রতি আপনার ভালোবাসা থাকতে হবে ।
