Mar 18

এএসপি ডট নেট এমভিসি ASP.NET MVC কন্ট্রোলার

রিদওয়ান বিন শামীম
এএসপি ডট নেট এমভিসিতে কন্ট্রোলার যোগ করতে যে প্রক্রিয়া প্রয়োজন তা অনেকটা এরকম, প্রথমে কন্ট্রোলার ফোল্ডার তৈরি করতে হবে। কন্ট্রোলার ফোল্ডারে কন্ট্রোলার ক্লাসেস (controller classes) থাকে, যা ব্যবহারকারীর ইনপুট ও রেসপন্স নির্ধারণ করে। MVC তে সব কন্ট্রোলারের নামের শেষে “Controller”এক্সটেনশন থাকতে হয়। উদাহরণ স্বরূপ বলা যায়
ভিজুয়াল ওয়েব ডেভলপাররা কোন ফাইল তৈরি করলে : হোমপেজ ও এবাউট পেজের নাম দেবে HomeController.cs এবং লগ অন পেজের নাম দেবে AccountController.cs । যেটা সার্ভারের ডিফল্ট ডিরেক্টরিতে “default.asp” নামে দেখানো হবে। কিন্তু MVC framework এ কন্ট্রোলার ক্লাসের মাধ্যমে এই কাজটি করা হয়। কন্ট্রোলার দ্বারা ডাটা, রিকুয়েস্ট, ইনপুট ও রেসপন্স নির্ধারণ করা হয়। হোম কন্ট্রোলার ফাইল ইনডেক্স ও এবাউট কন্ট্রোলদুটি ঠিক রাখে। HomeController.cs ফাইল যে ধরণের কোড ব্যবহার করে তা নিচে দেয়া হল। using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcDemo.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{return View();}

public ActionResult About()
{return View();}
}
}
ভিউ ফোল্ডারের Index.cshtml এবং About.cshtml ফাইল গুলো কন্ট্রোলারের ActionResult views Index() এবং About() in the controller ইত্যাদি নির্দেশ করে।

Mar 18

JavaScript Debugging

নাম-শরিফুল ইসলাম

ডিবাগার ছাড়া আপনি খুব তাড়াতাড়ি আপনার লিখিত javascript কোড হারিয়ে ফেলবেন। ডিবাগার ছাড়া javascript কোড লেখা খুব কঠিন। আপনার কোড এ syntax এরর অথবা logical এরর থাকতে পারে, এইগুলোকে চিহ্নিত করা কঠিন। প্রায় যখন javascript কোড এ কোন এরর থাকে কিছুই হয় না , কোন এরর বার্তা দেখায় না এবং আপনি কোন ইঙ্গিত পাবেন না আসলে এই এরর গুলো কোথায় খুজতে হবে। সাধারনত প্রত্যেকবার আপনি যখন নতুন javascript কোড লিখতে যান তখন এরর সংঘটিত হয়।

Javascript ডিবাগার :

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

Console.log() মেথড :

যদি আপনার ব্রাউজার ডেবাগ্ সাপোর্ট করে তাহলে আপনি console.log() ব্যবহার করতে পারেন একটি উইন্ডো তে javascript ভ্যালু দেখার জন্য

উদাহরণ

DOCTYPE html>

<html>

<body>

 

<h1>My First Web Page</h1>

 

<script>

a = 5;

b = 6;

c = a + b;

console.log(c);

</script>

 

</body>

</html>

ব্রেক পয়েন্ট সেট করা :

ডেবাগ্ উইন্ডো তে আপনি javascript কোড এর মধ্যে ব্রেক পয়েন্ট সেট করতে পারেন। এতে প্রত্যেকটি ব্রেক পয়েন্ট এ javascript কোড গণনা বন্ধ করবে এবং javascript ভ্যালু পরীক্ষা করবে। পরীক্ষার পর আপনি পুনরায় কোড গণনা চালু করতে পারেন ।

ডিবাগার কি ওয়ার্ড :

ডিবাগার কি ওয়ার্ড javascript কোড গননাকে থামিয়ে দেয় এবং ডিবাগিং ফাংশন কে কল করে যদি তা থাকে। ব্রেক পয়েন্ট সেট করার মতন এটাও একি ফাংশন। যদি ডিবাগিং না থাকে তাহলে ডিবাগার statement এ কোন এফেক্ট পরে না। ডিবাগার চালু করা থাকলে এটি গননাকে থামিয়ে দেয় তৃতীয় লাইন গননার আগেই।

উদাহরণ

var x = 15 * 5;

debugger;

document.getElementbyId(“demo”).innerHTML = x;

ব্রাউজার এর ডিবাগিং টুল :

আপনি F12 প্রেস করার মাধ্যমে আপনার ব্রাউজার এর ডি বাগিং চালু করতে পারেন এবং মেন্যু থেকে console সিলেক্ট করতে পারেন অথবা নিচের স্টেপস গুলো অনুসরন করুন

Chrome

ব্রাউজার চালু করুন, মেন্যু থেকে টুলস সিলেক্ট করুন, টুল থেকে ডেভেলপার টুলস সিলেক্ট করুন এবং সবশেষে console সিলেক্ট করুন।

Firefox Firebug:

ব্রাউজার ওপেন করুন, এই সাইট http://www.getfirebug.com যান, নিয়মনীতি অনুসরন করুন কিভাবে ইন্সটল করতে হয়।

Internet Explorer:

ব্রাউজার চালু করুন, মেন্যু থেকে টুলস সিলেক্ট করুন, টুল থেকে ডেভেলপার টুলস সিলেক্ট করুন এবং সবশেষে console সিলেক্ট করুন।

Opera:

ব্রাউজার চাল করুন, এই সাইট http://dev.opera.com/articles/view/opera-developer-tools পরিদর্শন করুন, এবং নিয়মনীতি অনুসরন করুন কিভাবে ডেভেলপার console বাটন যোগ করতে হয়।

Safari Firebug:

ব্রাউজার ওপেন করুন, এই সাইট http://extensions.apple.com পরিদর্শন করুন এবং নিয়মনীতি অনুসরন করুন কিভাবে firebug lite ইন্সটল করতে হয়।

Safari দেভেলপ মেন্যু:

ব্রাউজার থেকে যান preference > Advanced in the main menu ,রেডিও বাটন চেক করে দিতে হবে (Enable Show Develop menu in menu bar), যখন মেন্যুতে ডেভেলপ নামে নতুন অপশন আসবে > তখন “show error console” বাছাই করতে হবে।

আপনি কি জানেন ?

ডিবাগিং হল এক ধরনের প্রক্রিয়া যা দিয়ে কম্পিউটার এর প্রোগ্রাম এর কোন কিছু টেস্ট করা, খুঁজা এবং এরর কে হ্রাস করা বুঝায়।

 

 

Mar 18

JavaScript Errors (Throw and Try to Catch)

নাম-শরিফুল ইসলাম

JavaScript Errors – Throw and Try to Catch

Try statement দিয়ে ব্লকের কোড এ কোন ভুল আছে কিনা তা টেস্ট করবে
Catch statement দিয়ে কোন ভুল থাকলে তা নিয়ন্ত্রণ করবে
Throw statement দিয়ে কাস্টম এরর তৈরি করা হয়
Finally statement দিয়ে কোন কোড কে গণনা করা হয়, try এবং catch এর পর ফলাফল পাওয়া যায়।

এরর হতে পারে !:
Javascript কোড গণনা এর সময় বিভিন্ন কারনে এরর ঘটতে পারে। এরর হতে পারে প্রোগ্রামার এর ভুল কোড এর কারনে, ভুল ইনপুট এর কারন এবং অন্যান্য আরও অনেক কারনে
উদাহরণ

উপরের উদাহরণ এ আমরা try ব্লক এ একটি কোড তৈরি করেছি যাতে ভুল ছিল। এবং catch ব্লক এই এরর কে খুজে পেয়েছে এবং গননার মাধ্যমে তা নিয়ন্ত্রণ করেছে।
Javascript try and catch :
Try statement দিয়ে ব্লক কোড এর এরর টেস্ট করা হয় যদি try ব্লক এর মধ্যে কোন এরর ধরা পরে তখন catch statement কোড কে গণনা করে এবং এরর নিয়ন্ত্রণ করে।
এই javascript statement try এবং catch একসাথে এসেছে
try {
Block of code to try
}
catch(err) {
Block of code to handle errors
}

Javascript throws এরর :

যখন কোন এরর হয় javascript সাধারনত বন্ধ হয়ে যায় এবং এরর মেসেজ তৈরি করে। এইখানে টেকনিকাল বিষয় হল javascript এরর throw করবে।
Throw statement:
কাস্টম এরর তৈরি করার ক্ষেত্রে throw statement ব্যবহার করা হয়।এইখানে টেক নিকাল বিষয় হল javascript exception throw করে।
এই exception হতে পারে নাম্বার, স্ট্রিং, বুলিয়ান এবং কোন object.।
throw “Too big”; // টেক্সট throw করে
throw 500; // নাম্বার throw করে
যদি আমরা try এবং catch এর সাথে throw ব্যবহার করি তাহলে আমরা প্রোগ্রাম এর ধারা কে নিয়ন্ত্রণ করতে পারব এবং কাস্টম এরর মেসেজ তৈরি করতে পারব।

ইনপুট বৈধকরণ :

এই উদাহরণ ইনপুট পরীক্ষা করবে, যদি ভ্যালু ভুল হয় , তাহলে একটি এরর তৈরি হবে, এই এরর catch statement দিয়ে ধরা হবে এবং একটি কাস্টম এরর মেসেজ ডিসপ্লে করবে
উদাহরণ
Please input a number between 5 and 10:


 

Finally statement :
Finally statement কোড কে গণনা করবে try এবং catch এর পর ফলাফল দিবে
try {
Block of code to try
}
catch(err) {
Block of code to handle errors
}
finally {
Block of code to be executed regardless of the try / catch result
}
উদাহরণ
function myFunction() {
var message, x;
message = document.getElementById(“message”);
message.innerHTML = “”;
x = document.getElementById(“demo”).value;
try {
x = Number(x);
if(x == “”) throw “is empty”;
if(isNaN(x)) throw “is not a number”;
if(x > 10) throw “is too high”;
if(x < 5) throw “is too low”;
}
catch(err) {
message.innerHTML = “Error: ” + err + “.”;
}
finally {
document.getElementById(“demo”).value = “”;
}
}

Mar 18

জাভাস্ক্রিপ্ট বলেন্স (JavaScript Booleans)

শরিফুল ইসলাম
Job category-Php Coder

 

Javascript বুলিয়ান এ মাত্র দুটি ভ্যালু আছে সত্য অথবা মিথ্যা (true or false)

 

বুলিয়ান ভ্যালু

প্রায়সময় প্রোগ্রামিং এ আপনার এমন ধরনের ডাটা টাইপ এর দরকার পরতে পারে যাতে একটি বা দুটি ভ্যালু থাকতে পারে যেমন

  • Yes/no
  • On/off
  • True/false

এইজন্য javascript এ বুলিয়ান ডাটা টাইপ আছে যেমন true এবং false

 

Boolean() ফাংশন

কোন একটি এক্সপ্রেশন বা একটি variable সত্য কিনা তা Boolean() ফাংশন ব্যবহার করে বাহির করা সম্ভব।

উদাহরণ

Boolean(10 > 9) সত্য দেখাবে

 

আরও যদি সোজাভাবে দেখি

উদাহরণ

10 > 9) সত্য দেখাবে

 

Comparisons এবং conditons

উদাহরনের কিছু তালিকা

অপারেটর

বর্ণনা

উদাহরণ
== equal to if (day == “Monday”)
> greater than if (salary > 9000)
< less than if (age < 18)

 

বাস্তব ভ্যালু এর সাথে সবকিছু সত্য :

উদাহরণ

 100

3.14

-15

"Hello"

"false"

7 + 1 + 3.14

5 < 6

 

বাস্তব ভ্যালু ছাড়া সবকিছু মিথ্যা

বুলিয়ান ভ্যালু 0 হচ্ছে false
উদাহরণ

var x = 0;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু -0 হচ্ছে false
উদাহরণ

 var x = -0;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু “ফাকা” হচ্ছে false
উদাহরণ

var x = “”;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু undefined হচ্ছে false
উদাহরণ

var x ;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু null হচ্ছে false
উদাহরণ

var x = null;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু false হচ্ছে false
উদাহরণ

var x = false;
 Boolean(x);// false আসবে

 

বুলিয়ান ভ্যালু NaN হচ্ছে false
উদাহরণ

var x = 10/”H”;
 Boolean(x);// false আসবে

 

বুলিয়ান প্রপার্টিজ এবং মেথড

প্রিমিটিভ ভ্যালু যেমন true or false, এদের কোন প্রপার্টিজ বা মেথড হয় না (কারন তারা কোন অবজেক্ট নয়)। কিন্তু javascript এ প্রিমিটিভ ভ্যালুতে প্রপার্টিজ এবং মেথড আছে। কারন javascript প্রিমিটিভ ভ্যালুকে অবজেক্ট হিসেবে গ্রহন করে যখন প্রপার্টিজ এবং মেথড গণনা করা হয়।

Mar 18

জাভাস্ক্রিপ্ট স্টেটমেন্ট (JavaScript Statements)

জাভাস্ক্রিপ্ট স্টেটমেন্ট (JavaScript Statements)

শরিফুল ইসলাম
Job category-Php Coder

 

এইচটিএমএল এ javascript statement হল কিছু নির্দেশনা যা ওয়েব ব্রাউজার দ্বারা গণনা করা হয়।

 

জাভাস্ক্রিপ্ট স্টেটমেন্ট Javascript statements

এই statement ব্রাউজার কে বলবে এইচটিএমএল এর একটি উপাদান id=”demo” এর মধ্যে Hello Dolly প্রিন্ট করার জন্য
উদাহরণ

document.getElementById(“demo”).innerHTML = “Hello Dolly.”;

জাভাস্ক্রিপ্ট প্রোগ্রাম

প্রায় প্রত্যেক javascript প্রোগ্রাম এ অনেকগুলো statement থাকে । এই statement গুলো একের পর এক গণনা করে। এই উদাহরণ এ x,y,z এর ভ্যালু দেওয়া আছে , সবশেষে z প্রিন্ট করবে
উদাহরণ

var x = 5;
var y = 6;
var z = x + y;
document.getElementById(“demo”).innerHTML = z;

নোট: javascript প্রোগ্রামস (এবং javascript statements) কে বলা হয় javascript কোড।

 

 

সেমিকোলন  ;

সেমিকোলন javascript statement কে আলাদা করে । প্রত্যেকটি statement এর পরে সেমিকোলন যোগ করতে হয়।

a = 5;
b = 6;
c = a + b;

যখন আমরা সেমিকোলন ব্যবহার করব statement গুলোকে এক লাইনে লেখা যাবে

a = 5; b = 6; c = a + b;

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

 

জাভাস্ক্রিপ্ট ফাঁকা স্থান Javascript white space

Javascript একইসাথে একাধিক ফাকা স্পেস বাতিল করে । আমরা জাবাস্ক্রিপ্টকে সহজে পাঠ্য করার জন্য দরকার অনুযায়ী স্পেস যোগ করতে পারি।

যেমন

var person = “Hege”;
var person=”Hege”;
JavaScript Line Length and Line Breaks:

 

জাভাস্ক্রিপ্ট লাইন এর দৈর্ঘ্য এবং লাইন ব্রেক

সবচেয়ে বেশি সুপাঠ্য করার জন্য প্রোগ্রামার রা একটি লাইনে ৮০ ক্যারেক্টার এর বেশি কোন কোড লিখেন না। যদি javascript statement একটি লাইনে না হয় তবে অপারেটর এর পরে ভেঙে নতুন লাইনে লেখা যাবে
উদাহরণ

document.getElementById(“demo”).innerHTML =
“Hello Dolly.”;

 

Javascript কোড ব্লক

কোড ব্লক এর ভিতর javascript statements গুলো একসাথে গ্রুপ হিসেবে হতে পারে, যা দ্বিতীয় বন্ধনীর {….} ভিতর থাকবে। কোড ব্লক এর লক্ষ্য হল একসাথে statements গুলো গণনা করা। javascript ফাংশন এ এক জায়গায় ব্লক এর মধ্যে গ্রুপ statement গুলো একসাথে খুজে পাবেন।
উদাহরণ

function myFunction() {
     document.getElementById("demo").innerHTML = "Hello Dolly.";
     document.getElementById("myDIV").innerHTML = "How are you?";
 }


 


জাভাস্ক্র্টি কীওয়ার্ড Javascript keywords


javascript statement কোন না কোন কি-ওয়ার্ড দিয়ে শুরু হয়। যাতে সে সঠিকভাবে পারফর্ম করতে পারে। এদের লিস্টগুলি নিচে দেওয়া হল






break
কোন সুইচ বা লুপ কে নষ্ট করে




continue
একটি লুপ থেকে জাম্প করে আবার উপর থেকে শুরু করে




debugger
javascript এর গননাকে থামিয়ে দেয়, ডিবাগিং ফাংশন কাল করে (যদি থাকে)




do … while-
একটি ব্লক statement কে গণনা করে এবং ব্লক কে পুনরাবৃত্তি করে যতক্ষণ না কন্ডিশন সত্য হয়।




for
কন্ডিশন সত্য করার ক্ষেত্রে কোন ব্লক এর statement কে চিহ্নিত করে এবং গণনা করে




function
একটি ফাংশন ঘোষণা করে




if … else
কন্ডিশন অনুযায়ী কোন ব্লক এর statement কে চিহ্নিত করে এবং গণনা করে




return
একটি ফাংশন থেকে বের হয়ে যায়




switch
বিভিন্ন কেস অনুযায়ী কোন ব্লক এর statement কে চিহ্নিত করে এবং গণনা করে




try … catch
কোন ব্লক statement এর এরর নিয়ন্ত্রণ করে




var-variable
ভেরিয়েবল ঘোষণা করে






 




						
						
						
		

		
			




 


                



		
	

    
    			    	

            

            	Mar
                18
                            

                    

            
		        

			
				Cascading Pattern. হ্যডুপ (এপাচি হ্যডুপ)ঃ            
			        

		
					    
    		
				

			
													
							
												
								
হ্যডুপ (এপাচি হ্যডুপ)ঃ

রিদওয়ান বিন শামীম

ক্যাসক্যাডিং প্যাটার্ন হল যন্ত্র পঠিত প্রকল্প যা ক্যাসক্যাডিং ডেভেলপমেন্ট ফ্রেমওয়ার্কে এন্টারপ্রাইজ ডাটা ওয়ার্কফ্লো তৈরি করতে সাহায্য করে। ডেভেলপমেন্ট ফ্রেমওয়ার্ক হ্যডুপ ও অন্যান্য কম্পিউটার টপোলজির উপর একটি এবস্ট্রাকসন লেয়ার তৈরি করে, যা কোন সংস্থাকে এপাচির হ্যডুপ ব্যবহার করে তথ্য ডাটাবেস,উৎস ও দক্ষতা প্রকাশ করতে সাহায্য করে কোন কারিগরি দক্ষতা ছাড়াই। এক্ষেত্রে Predictive Model Markup Language (PMML) নামক এক প্রকার কোডিং ব্যবহার করে তথ্য বিশ্লেষকরা আর, ওরাকল ইত্যাদি পদ্ধতির সাথে সমন্বয় করতে পারেন। ডাটা বিশ্লেষক ও বিজ্ঞানীরা এ প্রযুক্তির প্রধান ব্যবহারকারী।


						
						
						
		

		
			    
    	




 


                



		
	

    
    			    	

            

            	Mar
                18
                            

                    

            
		        

			
				পিএইচপি ৫ ভেরিয়েবল (PHP 5 Variables)            
			        

		
					    
    		
				

			
													
							
												
								
আক্তারুজ্জামান


Department of CSE,University of Chittagong.


 


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




< ?php
 $text = "Hello World!";
 $num1 = 5;
 $num2 = 10.5;
 ?>




উপরের স্টেটমেন্টটা এক্সিকিউট হওয়ার পর ভেরিয়েবল $text এ থাকবে “Hello world!”, ভেরিয়েবল $num1 এ থাকবে 5 এবং ভেরিয়েবল $num2 এ থাকবে 10.5.


ভেরিয়েবল লেখার সময় আমাদের কিছু নিয়ম অনুসরণ করতে হবে, যেমনঃ


 ভেরিয়েবল সবসময় ডলার চিহ্ন দ্বারা আরম্ভ হবে এবং এর পরে ভেরিয়েবলের নাম লিখতে হবে।


 ভেরিয়েবলের নাম অবশ্যই লেটার অথবা আণ্ডারস্কোর ক্যারেকটার দ্বারা আরম্ভ করতে হবে। কখনো নাম্বার দিয়ে আরম্ভ করা যাবে না।


 আলফা-নিউমেরিক এবং আণ্ডারস্কোর ক্যারেকটার (A-z,0-9,-) ছারা অন্য কিছু ভেরিয়েবলে ব্যাবহার করা যাবে না।


 পিএইচপি তে ভেরিয়েবল কেস সেনসিটিভ । অর্থাৎ $name এবং $NAME দুইটা ভিন্ন ভেরিয়েবল হিসেবে বিবেচিত হবে।


ভেরিয়েবলের ডাটা আঊটপূটে দেখানোর জন্য পিএইচপি এর echo স্টেটমেন্টটা ব্যাবহার করতে হবে। নিচে একটি উদাহরণ দিয়ে বিষয়টি বোজানো হয়েছে।




< ?php
 $myName = "john";
 $myAge = 40;
 echo "Hello, there. My name is $myName and I am $myAge years old"
 ?>




 


 


এই কোডটার আঊটপূট হবে নিচের মত




Hello, there. My name is john and I am 40 years old.




 


 


						
						
						
		

		
			    
    	




 


                



		
	

    
    			    	

            

            	Mar
                18
                            

                    

            
		        

			
				জাভাস্ক্রিপ্ট সুইচ বিবৃতি (JavaScript Switch Statement in Bangla)            
			        

		
					    
    		
				

			
													
							
												
								
শরিফুল ইসলাম

Job category-Php Coder




ভিন্ন ভিন্ন শর্তে ভিন্ন ভিন্ন কাজ পারফর্ম করার জন্য এই switch statement ব্যবহার করা হয়।


জাভাস্ক্রিপ্ট সুইচ বিবৃতি


Switch statement এর মাধ্যমে অনেকগুলো ব্লক কোড থেকে শর্ত অনুযায়ী একটি কোড পছন্দ করবে এবং সে অনুযায়ী কাজ করবে


Syntax




switch(expression) {
    case n:
        code block
        break;
    case n:
        code block
        break;
    default:
        default code block
}




    

  • এই expression একবার মূল্যায়ন করা হয়
    • 

  • এই expression যতগুলো কেস আছে তাদের মধ্যে তুলনা করে
    • 

  • যদি কোনটা মিলে যায় তবে তবে সেই কোড গণনা করে।
    • 



 


উদাহরণ


সপ্তাহের দিনের সংখ্যা দিয়ে আমরা সপ্তাহের নাম বের করব Sunday=0, Monday=1, Tuesday=2 …




switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case 6:
        day = "Saturday";
        break;
}




 


ফলাফল আসবে




Sunday




 


Break কীওয়ার্ড


Javascript কোড যখন break কি-ওয়ার্ড এ পৌঁছে তখন সে switch ব্লক কে ভেঙে দেয়। তখন অতিরিক্ত কোড গণনা করা ছেড়ে দেয়, বা ব্লকের ভিতর কোড টেস্ট করা থামিয়ে দেয়। যখন কোন statement মিলে যায় , তখন কাজ সম্পূর্ণ হয়, সে আর তখন অতিরিক্ত কোন টেস্টিং করে না।


 


ডিফল্ট কি-ওয়ার্ড


যদি কোন কেস না মিলে তাহলে ডিফল্ট ভাবে একটা কি ওয়ার্ড ডিসপ্লে করে যদি সেটি আমরা উল্লেখ করে দেই


উদাহরণ


যদি আজকে শনিবার বা রবিবার না হয় তাহলে ডিফল্ট মেসেজ ডিসপ্লে করবে




switch (new Date().getDay()) {
    case 6:
        text = "Today is Saturday";
        break;
    case 0:
        text = "Today is Sunday";
        break;
    default:
        text = "Looking forward to the Weekend";
}




 


ফলাফল




Looking forward to the Weekend




 


প্রচলিত কোড এবং fall through


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


উদাহরণ




switch (new Date().getDay()) {
    case 1:
    case 2:
    case 3:
    default:
        text = "Looking forward to the Weekend";
        break;
    case 4:
    case 5:
       text = "Soon it is Weekend";
        break;
    case 0:
    case 6:
       text = "It is Weekend";
}




যদি সুইচ ব্লকে ডিফল্ট ভাবে শেষ কেস না হয় , তাহলে মনে রাখতে হবে ব্রেক দিয়ে এর কাজ শেষ করতে হবে।


 


						
						
						
		

		
			    
    	




 


                



		
	

    
    			    	

            

            	Mar
                18
                            

                    

            
		        

			
				জাভাস্ক্রিপ্ট If…Else বিবৃতি (JavaScript If…Else Statements)            
			        

		
					    
    		
				

			
													
							
												
								
শরিফুল ইসলাম

Job category-Php Coder


Conditional statement ব্যবহার করা হয় ভিন্ন ভিন্ন শর্তে ভিন্ন ভিন্ন কোড পারফর্ম করার জন্য।


 


শর্তাধীন বিবৃতি


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


    

  • If ব্যবহার করার মাধ্যমে কোড গণনা হবে, যদি শর্ত সত্য হয়,
    • 

  • else ব্যবহার করার মাধ্যমে কোড গণনা হবে, যদি একই শর্ত সত্য না হয়,
    • 

  • Else if নতুন শর্ত টেস্ট করবে , যদি প্রথম শর্ত মিথ্যা হয়,
    • 

  • অনেকগুলো আলটারনেটিভ ব্লক কোড থেকে সঠিক কোড গণনা করার জন্য switch ব্যবহার করা হয়।
    • 



 


 


If statement syntax


If ব্যবহার করার মাধ্যমে কোড গণনা হবে, যদি শর্ত সত্য হয় ,




if (condition) {
    block of code to be executed if the condition is true
}




 


যদি if এর বদলে IF (বড় হাতের লেটার) ব্যবহার করা হয় তাহলে এরর আসবে


উদাহরণ


যদি ঘণ্টা ১৮ এর চেয়ে কম হয় তাহলে ডিসপ্লে করবে good day




if (hour < 18) {
    greeting = "Good day";
}




 


ফলাফল




Good day




 


Else statement


else ব্যবহার করার মাধ্যমে কোড গণনা হবে, যদি একই শর্ত সত্য না হয়,




if (condition) {
    block of code to be executed if the condition is true
} else {
    block of code to be executed if the condition is false
}




 


উদাহরণ


যদি ঘণ্টা ১৮ এর চেয়ে কম হয় তাহলে দেখাবে good day এবং যদি তা না হয় তাহলে দেখাবে good evening




if (hour < 18) {

greeting = “Good day”;

} else {

greeting = “Good evening”;

}




 


ফলাফল




Good day




 


Else if statement


Else if নতুন শর্ত টেস্ট করবে , যদি প্রথম শর্ত মিথ্যা হয়

Syntax




if (condition1) {
    block of code to be executed if condition1 is true
} else if (condition2) {
    block of code to be executed if the condition1 is false and condition2 is true
} else {
    block of code to be executed if the condition1 is false and condition2 is false
}




 


উদাহরণ


যদি সময় ১০ থেকে কম হয় তাহলে দেখাবে good morning ,যদি ২০ থেকে কম হয় তাহলে দেখাবে good day ,যদি তা না হয় তাহলে দেখাবে good evening




if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}




 


ফলাফল




Good day




 


						
						
						
		

		
			    
    	




 


                



		
	

    
    			    	

            

            	Mar
                18
                            

                    

            
		        

			
				এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)            
			        

		
					    
    		
				

			
													
							
												
								
এইচটিএমএল প্যারাগ্রাফ বা অনুচ্ছেদ


নয়ন চন্দ্র দত্ত


 


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


 


এইচটিএমএল প্যারাগ্রাফ


এইচটিএমএল < p> উপাদান একটি অনুচ্ছেদ সংজ্ঞায়িত করে।


যেমনঃ-

<p>This is a paragraph</p>

<p>This is another paragraph</p>

[* ব্রাউজার স্বয়ংক্রিয়ভাবে অনুচ্ছেদের আগে ও পরে একটি খালি লাইন যোগ করে। ]


 


এইচটিএমএল প্রদর্শন


আপনি নিশ্চিত হতে পারবেন না যে কিভাবে এইচটিএমএল দেখানো হবে।


বড় বা ছোট পর্দা, এবং পরিবর্তিত windows ভিন্ন ফলাফল তৈরি করবে।


এইচটিএমএল এ, আপনি অতিরিক্ত স্পেস যোগ করা আউটপুট পরিবর্তন করতে পারবেন না।


ব্রাউজার অতিরিক্ত স্পেস এবং অতিরিক্ত লাইন মুছে ফেলবে যখন পেজটি প্রদর্শিত হয়। যেকোন স্পেস সংখ্যা এবং নতুন লাইন একটিমাত্র স্পেস হিসেবে গণনা করা হবে।


 


উদাহরণ






<p>

This paragraph

contains a lot of lines

in the source code,

but the browser

ignores it.

</p>


<p>

This paragraph

contains         a lot of spaces

in the source         code,

but the        browser

ignores it.

</p>






 


 


ফলাফল




This paragraph contains a lot of lines in the source code, but the browser ignores it.


This paragraph contains a lot of spaces in the source code, but the browser ignores it.


The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.




 


 


শেষ ট্যাগ দিতে ভুলে যাবেন না। যদি আপনি শেষ ট্যাগ দিতে ভুলে যান তবুও অনেক ব্রাউজার সঠিকভাবে এইচটিএমএল প্রদর্শন করে।


যেমনঃ-


<p>This is a paragraph

<p>This is another paragraph


উপরের উদাহণটি অধিকাংশ ব্রাউজারে প্রদর্শন করবে কিন্তু কিন্তু এটার উপর নির্ভর করবেন না। শেষ ট্যাগ অবশ্যই দিবেন।


শেষ ট্যাগ এর না হওয়া অপ্রত্যাশিত ফলাফল বা ত্রুটি দেখাতে পারে।


HTML এর Stricter সংস্করণ যেমন-এক্সএইচটিএমএল এ আপনাকে শেষ ট্যাগ skip করতে দিবে না। শেষ ট্যাগ অবশ্যই দিতে হবে।


 


এইচটিএমএল লাইন ব্রেক


এইচটিএমএল <br> উপাদান একটি লাইন বিরতি দিতে ব্যবহৃত হয়।


প্যারাগ্রাফ ব্যবহার না করে <br> ব্যবহার করুন যদি আপনার নতুন একটি লাইনের দরকার হয়।


যেমনঃ-

<p>This is<br>a para<br>graph with line breaks</p>


<br> উপাদান একটি খালি এইচটিএমএল উপাদান। এর কোন শেষ ট্যাগ নেই।


 


কবিতা সমস্যা


উদাহরণ




<p>In HTML, spaces and new lines are ignored:</p>


<p>


My Bonnie lies over the ocean.


My Bonnie lies over the sea.


My Bonnie lies over the ocean.


Oh, bring back my Bonnie to me.


</p>




 


 


ফলাফল




In HTML, spaces and new lines are ignored:


My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.




 


 


 


এইচটিএমএল <pre> উপাদান


<pre> এলিমেন্ট পূর্ববিন্যাসিত টেক্সটকে সংজ্ঞায়িত করে।


<pre> এলিমেন্ট এর ভিতরের টেক্সগুলো নির্দিশ্ট পরিমান প্রসস্থ ফন্ট স্পেস এবং লাইন ব্রেক উভয় অপরিবর্তিত রেখে প্রদর্শন করে।




যেমনঃ-




<p>The pre tag preserves both spaces and line breaks:</p>


<pre>

My Bonnie lies over the ocean.


My Bonnie lies over the sea.


My Bonnie lies over the ocean.


Oh, bring back my Bonnie to me.

</pre>




 


 


ফলাফল




 


The pre tag preserves both spaces and line breaks:


   My Bonnie lies over the ocean.

   My Bonnie lies over the sea.

   My Bonnie lies over the ocean.
   
   Oh, bring back my Bonnie to me.






 


এইচটিএমএল ট্যাগ রেফারেন্স


ট্যাগঃ <p>

ব্যাখ্যাঃ প্যারাগ্রাফ সজ্ঞায়িত করে।


ট্যাগঃ <br>

ব্যাখ্যাঃ একটি লাইন বিরতি দেয়।


ট্যাগঃ <pre>

ব্যাখ্যাঃ প্রাক ফরম্যাট টেক্সট সজ্ঞায়িত করে।