Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

ওয়েব ডেভেলপমেন্টের গাইডলাইন বাংলা টিউটোরিয়াল - Web Devellopment Guideline Tutorial


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


ওয়েব দেভলাপার কি ?

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

কিন্তু অপরপক্ষে একজন ওয়েব ডেভেলপার বা ব্যাক-এন্ড সার্ভার সাইডের কাজ গুলো করে থাকে অর্থাৎ একটি ওয়েব পেজ কি করে কাজ করে তা নির্ধারণ করে একজন ওয়েব ডেভেলপার বা ব্যাক-এন্ড ডেভেলপার।

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


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

ওয়েবসাইট ওয়েব ডেভেলপমেন্ট কে প্রধানত ২ ভাগে ভাগ করা যায়, যা নিম্নরূপ –


ওয়েব ডেভেলপমেন্ট বা ব্যাক-ইন্ড ওয়েব ডিজাইন

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


ফুল স্টঅ্যাঁক ওয়েব ডিজাইন

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


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

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

ওয়েব ডিজাইন শেখার জন্য অর্থাৎ একজন ওয়েব ডিজাইনার হবার জন্য আমাদের নিচের বিষয় গুলো ধারাবাহিক ভাবে জানতে হবে –

ওয়েব ডেভেলপমেন্ট শেখার জন্য অর্থাৎ একজন ওয়েব ডেভেলপার হিসেবে নিজেকে তৈরি করার জন্য এই ধাপ গুলো সম্পর্কে নিচে খুব সংক্ষেপে আলোচনা করা হল –


বেসিক এইচটিএমএল

এইচটিএমএল বা HTML এর পূর্ণরূপ হল Hyper Text Markup Language. এইচটিএমএল (html) হল ওয়েব ডিজাইন এর মূল ভিত্তি যা দিয়ে ওয়েব পেজ তৈরি করা হয়। আপনি ওয়েব পেজ ডিজাইন করতে সিএসএস, জাভাস্ক্রিপ্ট, যেক্যুয়েরী বা অন্য যা কিছুই ব্যবহার করেন না কেন আপনাকে অবশ্যই এগুলো html এর মাধ্যমে ব্যবহার করতে হবে।

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

সহজে এবং সম্পূর্ণ ভাবে এইচটিএমএল ৫ সিখতে আমাদের এইচটিএমএল ৫ টিউটোরিয়াল টি দেখুন।


বেসিক সিএসএস

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

ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, রং, অবস্থান, গতিশীলতা ইত্যাদি নির্ধারণ করার অন্যতম সহজ পদ্ধতি হল সিএসএস। সিএসএস এর ফলে খুব কম সময়ে কম কোড লিখে পুরো ওয়েব সাইটের স্টাইলিং পরিবর্তন করা যায়। css এর পূর্ণরুপ হল Cascading Style Sheet,সিএসএস এর style নির্দিষ্ট করে ওয়েব পেজে কন্টেন্টগুলো কিরকম প্রদর্শিত হবে।

সহজে এবং সম্পূর্ণ ভাবে সিএসএস সিখতে আমাদের সিএসএস টিউটোরিয়াল টি দেখুন।


পিএইচপি বা পাইথন

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

এডোবি ফটোশপ সফটওয়্যার এর সাধারন কিছু কাজ শেখার জন্য কিছু ওয়েবসাইট এর নাম নিচে দেখুন।


এসকিউএল

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

এডোবি ফটোশপ সফটওয়্যার এর সাধারন কিছু কাজ শেখার জন্য কিছু ওয়েবসাইট এর নাম নিচে দেখুন।


পরবর্তীতে আরও অনান্য আধুনিক প্রোগ্রামিং ল্যাঙ্গুয়েজ

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

এডোবি ফটোশপ সফটওয়্যার এর সাধারন কিছু কাজ শেখার জন্য কিছু ওয়েবসাইট এর নাম নিচে দেখুন।