What is PHP Operators?

PHP অথবা যেকোনো Programming Language এ Operators হচ্ছে কতগুলো symbol যা PHP Interpreter কে কিছু নির্দিষ্ট mathematical, relational এবং logical সহ আরো অনেক ধরণের কার্য (operation) সম্পাদন করার নির্দেশনা পাঠায়। এবং নির্দেশনা অনুযায়ী PHP Interpreter সেই নির্দিষ্ট কাজের ফলাফল প্রদর্শন করে।

PHP Operators কত প্রকার? এবং কি কি ?

PHP তে Operator মূলত ১১ ধরণের, নিচে Operator গুলোর লিস্ট দেয়া হলো :

• Arithmetic Operators বা গাণিতিক কাজের Operator: (+,-,*,/,%,**)
• Assignment Operators বা PHP Variable এ যেকোনো মান (Value) সংরক্ষণের Operator : (=)
• Bitwise Operators বা PHP তে Binary কাজের Operator :-(&,|,^,~,<<,>>)
• Comparison Operators বা দুই বা ততোধিক Value এর মধ্যে তুলনা করার Operator :-(==,!=,===,!==,<,>,<=,>=,<>,<=>)
• Error Control Operators বা Error প্রদর্শনে বাধা দেওয়ার Operator :-(@)
• Execution Operators বা shell কমান্ডের মাধ্যমে PHP Code সম্পাদন করার Operator :- backticks (`)
• Incrementing/Decrementing Operators বা 1 করে বৃদ্ধি বা কমানোর Operator:-(++,- -)
• Logical Operators বা একাধিক অবস্থার বা condition এর উপর ভিত্তি করে সিদ্ধান্ত নেওয়ার Operator:-(&&,||,!,and,or,xor)
• String Operators বা এক বা একাধিক string এর সাথে জোড়া লাগানোর Operator:-(.)
• Array Operators বা এক বা একাধিক array কে বিভিন্ন রকমের compare, union করার operator:-(+,==,!=,===,!==,<>)
• Type Operators বা কোনো একটা PHP Variable কোনো class এর Instance কিনা তা চেক করার operator:-(instanceof)

PHP তে Operand কি ?

Operator এর দুই পাশে যেই সব variable অথবা value থাকে, PHP অথবা যেকোনো Programming Language এর পরিভাষায় একে Operand বলে। নিচের উদাহরণ থেকে বুঝে নেয়া যাক।

1 2 3 4

<?php $a=5; echo $a+5; ?>

এখানে plus sign (+) এর দুই পাশের যথাক্রমে $a এবং 5 এই দুইটা ই Operand আর plus sign (+) টি হচ্ছে Operator

Operator Precedence কি?

PHP অথবা যেকোনো Programming Language এ Operator Precedence হচ্ছে কিছু rules বা নিয়মের সমষ্টি যা দিয়ে প্রোগ্রামিং অথবা যে কোনো গাণিতিক কাজে কোন কাজটি আগে সম্পাদিত হবে তা নির্ধারিত হয়। নিচের উদাহরণ থেকে বুঝে নেয়া যাক।

1 2 3

<?php echo 1 + 5 * 3; //Output 16 But why not 18? ?>

উপরের কোডের ফলাফল 18 না এসে 16 আসবে। এর মূল কারণ হচ্ছে, আমাদের এখানে ব্যবহৃত দুটি operator এর মধ্যে Operator Precedence Rules অনুযায়ী addition (“+”) Operator টির চেয়ে multification (“*”) Operator টি বেশি অগ্রাধিকার প্রাপ্ত । এবার নিচের আরেকটি উদাহরণ লক্ষ্য করা যাক :

1 2 3

<?php echo (1 + 5) * 3; //Output 18 But why not 16? ?>

উপরের উদাহরণে Parentheses “()” Operator টি Multification “*” Operator এর চেয়ে বেশি অগ্রাধিকার প্রাপ্ত হওয়ায়, প্রথমে Parentheses এর মধ্যের addition এর কাজটি সম্পাদিত হয়। তারপর multification “*” এর কাজটি সম্পাদিত হয়।

Operator Associativity কি?

Operator Associativity হচ্ছে, PHP অথবা যেকোনো Programming Language এ parentheses অনুপস্থিতিতে একই Precedence এর Operator গুলোর মধ্যে কোন Operator টি অগ্রাধিকার প্রাপ্ত হবে তা নির্ধারণ করা।

PHP তে Operator Associativity কত প্রকার? এবং কি কি ?

PHP তে Operator Associativity দুই প্রকার :
১. Right to Left (অর্থাৎ: ডানদিকের Operator অগ্রগণ্য হবে। )
২. Left to Right (অর্থাৎ: বামদিকের Operator অগ্রগণ্য হবে। )

নিম্নে পিএইচপি Operator Precedence এর একটা তালিকা আছে । সবচেয়ে উপরের Operator টির অগ্রগন্যতা সবচেয়ে বেশি এভাবে এক এক করে নিচে যাবে। এই তালিকাটি মনে রাখা খুব জরুরী। তা না হলে বিভিন্ন Mathmetical এবং Programming এর সমস্যা সমাধান করতে গেলে কাঙ্খিত ফলাফল না ও পেতে পারেন।

Operator Precedence এর উপর ভিত্তি করে Operator গুলোকে ৯ টি ক্যাটাগরি তে করা হয়েছে :

Category এর নাম	Operator এর নাম	Associativity
Unary	! ++ —	Right to left
Multiplicative	* / %	Left to right
Additive	+ –	Left to right
Relational	< <= > >=	Left to right
Equality	== !=	Left to right
Logical AND	&&	Left to right
Logical OR	||	Left to right
Conditional	?:	Right to left
Assignment	= += -= *= /= %=	Right to left

Read More

CSS কি?

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

CSS Selector কি?

আপনি যে HTML Element কে Style করতে চান, সেই Element এর নাম বা tag, Id এবং class কে CSS Selector বলা হয়। সহজ কথায় যার উপর CSS style প্রয়োগ হবে, তাকে CSS Selector বলা হয়। আর সে গুলো হচ্ছে যথাক্রমে Element এর নাম বা tag, Id এবং class.

CSS এর Syntax কি?

Web Page এ CSS প্রয়োগ করার পদ্ধতিকে বলা হয় CSS Syntax. CSS Syntax এর দুটি অংশ আছে। একটি হচ্ছে Selector অংশ আর অন্যটি হচ্ছে Decleration অংশ। আর declaration অংশ আবার দুইভাবে বিভক্ত , প্রথম অংশ হচ্ছে property আর সেমিকোলন (:) এর পরের অংশকে বলা হয় property value. চলুন নিচের উদাহরণ দিয়ে ব্যাপারটা ভালো ভাবে বুঝে নেয়া যাক :

CSS Syntax

চলুন CSS Syntax এর আরো কিছু বিষয় জানা যাক :

• CSS এ এক বা একাধিক Decleration ব্লক থাকতে পারে। একের অধিক Decleration ব্লককে সেমিকোলনের (:) মাধ্যমে পৃথক করা হয়।
• প্রতিটি Decleration ব্লকে একটি CSS Property এর নাম ও একটি ভ্যালু থাকে এবং কোলনের মাধ্যমে এদেরকে পৃথক করা হয়।
• প্রতিটি সিএসএস Decleration ব্লক সর্বদাই সেমিকোলনের মাধ্যমে শেষ হয় এবং ডিক্লেয়ারেশন ব্লক/ব্লকসমূহ Curly Braces(দ্বিতীয় বন্ধনী) দ্বারা বেষ্টিত থাকে।

Web Page এ CSS ব্যবহার করার পদ্ধতি কি?

Web Page এ CSS ব্যবহার করার চারটি উপায় রয়েছেঃ

• Inline CSS
• Inpage CSS
• Internal CSS
• External CSS

Inline CSS কি?

সরাসরি Tag এর মধ্যে style attribute এর মধ্যে যেই CSS লেখা হয় তাকে Inline CSS বলা হয়। চলুন উদাহরণ দিয়ে বুঝে নেয়া যাক:

1 2 3 4 5 6 7 8 9 10

<!DOCTYPE html> <html>    <head>       <title>CSS Inline Example</title>    </head>    <body>       <h3 style="ctext-align:center;">This is an Inline CSS example</h3>       This is an another Inline CSS    </body> </html>

Output

This is an Inline CSS example

This is an another Inline CSS

Inpage CSS কি?

page এর মধ্যে যেকোনো জায়গায় (বেশির ভাগ ক্ষেত্রেই <head> এর মধ্যে হয়ে থাকে ) <style> </style> tag এর মধ্যে যেই CSS লেখা হয় তাকে Inpage CSS বলা হয়। চলুন উদাহরণ দিয়ে বুঝে নেয়া যাক:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<!DOCTYPE html> <html> <head>    <title>Inpage CSS Example</title>    <style>       body{          background-color: #87CEEB;          color: #fff;       }    </style> </head> <body>    <h2>Inpage CSS Example</h2>    This is an InPage CSS Example </body> </html> </html>

Output

Inpage CSS Example

Internal CSS কি?

একই সার্ভারের মধ্যে অর্থাৎ আপনার html file টি যেই সার্ভারে আছে সেই সার্ভারের মধ্যে .css extension যুক্ত কোনো file এ যেই css style যুক্ত করা হয় তাকে Internal CSS বলা হয়। Internal CSS কে <link href=”internalCSSFile.css” > দিয়ে লিংক করতে হয়। চলুন একটা উদাহরণ দিয়ে বুঝে নেয়া যাক :

1 2 3 4 5 6 7 8 9 10 11

<!DOCTYPE html> <html>    <head>       <title>CSS Internal Example</title>         <link rel="stylesheet" type="text/css" href="style.css">    </head>    <body>       <h2>Internal CSS Example</h2>       This is an Internal CSS Example    </body> </html>

এখানে “style.css” কেমন হবে তা দেখানো হলোঃ

1 2 3 4 5 6 7 8 9

h2{   color:blue; } p{   color:white; } body{   background-color: #DA90DA; }

Output

Internal CSS Example

External CSS কি?

External CSS অনেকটা Internal CSS এর মতোই শুধু পার্থক্য হচ্ছে একই সার্ভারের পরিবর্তে ভিন্ন কোনো সার্ভারের মধ্যে অর্থাৎ আপনার html file টি যেই সার্ভারে আছে সেই সার্ভারের বাহিরে .css extension যুক্ত কোনো file যখন যুক্ত করা হয় তাকে External CSS বলা হয়। External CSS কেও <link href=”externalWebSite/ExternalCSSFile.css” > দিয়ে লিংক করতে হয়। চলুন একটা উদাহরণ দিয়ে বুঝে নেয়া যাক :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<!DOCTYPE html> <html> <head>    <title>External CSS</title>    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> </head> <body>    <table class="table table bordered table hover table-striped table-condensed table-dark">    <tr>       <td>One</td>       <td>Two</td>       <td>Three</td>    </tr>    <tr>       <td>Four</td>       <td>Five</td>       <td>Six</td>    </tr>    <tr>       <td>Seven</td>       <td>Eight</td>       <td>Nine</td>    </tr>    <tr>       <td>Ten</td>       <td>Eleven</td>       <td>Twelve</td>    </tr> </table> </body> </html>

Output

External CSS example

CSS এ @import কি?

CSS এ internal অথবা external যেকোনো। .css file কে অন্য আরেকটি .css file এ import করার জন্য এটি ব্যবহৃত হয়। তবে আপনি চাইলে এটিকে html ফাইলেও ব্যবহার করতে পারেন। যদিও html file এ performance এর বিবেচনায় link ট্যাগ ই উত্তম। এটির syntax দুইভাবে হয়। একটি হচ্ছে string হিসেবে আরেকটি হচ্ছে url হিসেবে import করা। চলুন দুটোরই ব্যবহার দেখা যাক।:

1 2 3 4 5

@import "navigation.css"; /* Using a string */   or   @import url("navigation.css"); /* Using a url */

তবে আপনি চাইলে এই সিন্ট্যাক্সটি media query সহ লিখতে পারেন। নিচের উদাহরণ লক্ষ্য করুন :

1 2 3 4 5

@import "printstyle.css" print;   or   @import "mobstyle.css" screen and (max-width: 768px);

CSS এ Unit কি?

CSS Style দিয়ে HTML Elements, Id এবং class গুলোর উপর width এবং height প্রকাশ করার মাধ্যম কে CSS Unit বলা হয়। অনেক CSS Porperty length ভ্যালু নেয়, যেমন- width, height, margin, padding, font-size, border-width ইত্যাদি। Unit একটি নম্বর যা বিভিন্ন length এর একক অনুসরন করে, যেমন 10px, 2em ইত্যাদি। Unit ও length মধ্যে কোনো হোয়াইট স্পেস হবে না। যদি মান শূন্য হয় তাহলে ইউনিট এটিকে উপেক্ষা করতে পারে। তবে কিছু CSS Property এর জন্য, Negative মান গ্রহনযোগ্য।

CSS এ দু’ধরনের লেন্থ ইউনিট রয়েছেঃ Relative এবং Absolute.

CSS Relative Lengths

Relative Length বলতে এক Length এর সাথে অন্য Length এর Property মিল বুঝায়। Relative Length Unit পরিমাপের বিভিন্ন অনুবাদের ক্ষেত্রে ভালো।

ইউনিট	বর্ননা
em	এলিমেন্টের font-size এর সাথে সম্পর্কযুক্ত (2em অর্থ 2 বার বর্তমান ফন্টের আকার)
ex	বর্তমান ফন্ট x-height এর সাথে সম্পর্কযুক্ত (কম ব্যবহৃত)
ch	“0” (শূন্য) প্রস্থের সাথে সম্পর্কযুক্ত
rem	রুট(Root) এলিমেন্টের font-size এর সাথে সম্পর্কযুক্ত
vw	ভিউপোর্ট*(viewport*) এর 1% প্রস্থের সাথে সম্পর্কযুক্ত।
vh	ভিউপোর্ট*(viewport*) এর 1% উচ্চতার সাথে সম্পর্কযুক্ত।
vmin	ভিউপোর্ট*(viewport*) এর 1% ছোট ডাইমেনসনের(dimension) সাথে সম্পর্কযুক্ত।
vmax	ভিউপোর্ট*(viewport*) এর 1% বড় ডাইমেনসনের(dimension) সাথে সম্পর্কযুক্ত।
%

নোটঃ em এবং rem ইউনিট পুরোপুরি আকার পরিবর্তনযোগ্য layout তৈরিতে ব্যবহার হয়!
* Viewport = ব্রাউজার উইন্ডো সাইজ। যদি ভিউপোর্ট ৫০ সে.মি. প্রস্থ হয়, 1vw = ০.৫ সে.মি.

CSS Absolute Length

Absolute Length এর ইউনিট fixed এবং এর দৈর্ঘ্য তার ঠিক প্রকৃত সাইজেই হবে।

Absolute Length স্ক্রিনের জন্য ব্যবহার করা হয়না , কারন স্ক্রিন সাইজ পরিবর্তনশীল। আউটপুট মিডিয়াম জানা থাকলে এটি ব্যবহার করা যেতে পারে। যেমন প্রিন্ট layout এর জন্য ব্যবহার করা যায়।

ইউনিট	বর্ননা
cm	সেন্টিমিটার(centimeters)
mm	মিলিমিটার(millimeters)
in	ইঞ্চি(inches) (1in = 96px = 2.54cm)
px *	পিক্সেল(pixels) (1px = 1/96th of 1in)
pt	পয়েন্ট(points) (1pt = 1/72 of 1in)
pc	পিকাস(picas) (1pc = 12 pt)

ডিভাইস ভিউয়ের সাথে পিক্সেল সম্পর্কযুক্ত। low-dpi ডিভাইসের জন্য, 1px হলো ডিসপ্লের এক ডিভাইস পিক্সেল। প্রিন্টার ও উচ্চ রেজুলেশন স্ক্রিনের জন্য 1px বলতে মাল্টিপল ডিভাইস পিক্সেল বোঝায়।

Read More