Post Search

Java Script

জাভাস্ক্রিপ্ট এলার্ট tutorial | SP Foundationbd

এতক্ষনে অনেকগুলি alert() এর ব্যবহার দেখে এসেছেন। alert() এর ভিতর যেকোন string কোটেশনের ভিতরে দিলে সেটা ব্রাউজারে alert দেখায় এবং সেটা ok না করা পর্যন্ত ইউজার কোন কাজ করতে পারবেনা।

বেশ কিছু ক্ষেত্র আছে যেখানে এই এলার্ট খুব কাজে লাগে যেমন

মূলত user কে সতর্ক করাই এলার্টের আসল কাজ। এছাড়া ডেভলপারদের অনেক কাজে লাগে এই্ alert, code ডিবাগিং এর জন্য।

এই্চটিএমএল এ onclick ইভেন্ট দিয়ে সরাসরি এলার্ট ফাংশন ব্যবহার করা যায়। যেমন

1.<form>

2.<input onclick= "alert('This product is sold')" value="Sold">

3.</form>

ডেভলপারদের c ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট অ্যারে tutorials | SP Foundationbd

জাভাস্ক্রিপ্টে ভেরিয়েবল দেখে এসেছেন নিশ্চয়। একটা ভেরিয়েবলে একটাই মান রাখা যায় এরপর যদি সেই ভেরিয়েবলে অন্য মান assign করেন সাথে সাথে variable টির মান পরিবর্তন হয়ে যায়। তবে অ্যারে দিয়ে একটা ভেরিয়েবলে অনেক মান একসাথে রাখতে পারেন। যেকোন মান রাখতে পারেন। যেমন

1.var tutorial = ['HTML', 'CSS', 'JavaScript', 'PHP'];

tutorial ভেরিয়েবলে সব মানগুলি রাখা হয়েছে, একসাথে ৪টি। এখন যদি এই মানগুলি access করতে চাই তাহলে index নাম্বার দিয়ে access করতে হবে। জাভাস্ক্রিপ্ট অটোমেটিক প্রতিটি মানের জন্য একটা index নাম্বার দিয়ে র ..... ..... ......

Java Script

Js মন্তব্য বা Comments | SP Foundationbd

কোডে কমেন্ট করা একটা ভাল অভ্যাস বরং অত্যাবশ্যকীয় মনে করা উচিৎ। বড় বড় প্রজেক্টে যখন কাজ করবেন, এক একটা স্ক্রিপ্ট অনেক বড় বড় হবে। কোন্ code বা function কিসের জন্য লেখা হচ্ছে এটা যদি কোডেই লিখে না রাখেন তাহলে এই স্ক্রিপ্ট পরে আপনি বা অন্য কোন প্রোগ্রামার কাজ করার জন্য যখন খুলবেন তখন কাজ ১০ গুন বেড়ে যাবে। কেননা পুরো script এবং এই স্ক্রিপ্টের সংশ্লিষ্ট code ও পড়ে পড়ে বের করতে হবে কোন code কিসের জন্য লিখেছেন।

যাইহোক যেকোন codeblock শুরু করার আগে যদি কমেন্ট বা মন্তব্য করে রাখেন তাহল ..... ..... ......

Java Script

Javascript For loop tutorials | SP Foundationbd

For Loop দিয়েও while লুপের কাজ করা যায়। For Loop দিয়ে যেসব কাজ হয় while দিয়েও ঐ কাজ করা যাবে। ফর লুপ while এর মতই pretest loop, মানে আগে condition check করবে এরপর true হলে লুপের অভ্যন্তরের code execute হবে। ফর লুপে ৩ টি এক্সপ্রেশন থাকতে পারে

১. variable initialization : প্রথম এক্সপ্রেশন দিয়ে ভেরিয়েবল initialize করা হয় এবং এই এক্সপ্রেশন লুপ এক্সিকিউট হওয়ার আগেই execute বা check হবে।

২. Condition : এরপর একটা কন্ডিশন দেয়া হয় যেটা চেক করে true রিটার্ন করলে লুপ Execute হবে, তবে এটিও ঐচ্ছিক যদি এই্ condition না দেয়া হয় তাহলে For loop বাই ডিফল্ট true return করে।

৩. শেষ এক্স ..... ..... ......

Java Script

Javascript While লুপ Tutorials | SP Foundationbd

Programing এ বিভিন্ন সময় একই code বারবার execute করানোর প্রয়োজন হয় যেমন যতক্ষন ৫০ পর্যন্ত না পৌছাবে ততক্ষন ০ থেকে ৫০ পর্যন্ত সব বিজোর সংখ্যা দেখিয়ে যেতে থাকবে। এরুপ কাজ করতে লুপিং ব্যবহার করা হয়। একটা condition/ expression দেয়া হয় যতক্ষন এই condition পুরন হবেনা ততক্ষন while স্টেটমেন্টের code execute হতে থাকবে।

1.var i = 0;

2.while( i < 50){

3.if(i % 2 != 0){

4.document.write(i + '<br/>');

5.}

6.i++;

7.}

এখানে while () এর ভিতর এক্সপ্রেশন টি check করে দেখবে যে i এর মান ৫০ এর চেয়ে ছোট কিনা যদি ছোট হয় তাহলে true রিটার্ন করবে এবং বিজোর সংখ্যার বের কর ..... ..... ......

Java Script

Javascript Else If statement tutorials | SP Foundationbd

এর আগে if এবং if.. else statement উদাহরন সহ দেখে এলাম। if দিয়ে একটা codeblock এক্সিকিউট করানো যায় আর if.. else দিয়ে দুটি codeblock লেখা যায় যেখানে কন্ডিশনের উপর ভিত্তি করে যেকোন একটি codeblock execute হবে। এখন আপনার যদি একের অধিক condition check করতে হয় তখন কি করবেন? এতক্ষন তো একটা condition check করা শিখলাম, একাধিক condition check করতে if...else if... else staement আছে জাভাস্ক্রিপ্টে। শুধু javascript  নয় সব programing ল্যাংগুয়েজেই এইসব স্টেটমেন্টের সুবিধা আছে।

01.var i = 5;

02.if(i < 3){

03.document.write('Hi "i" is small than 5');

  1.  

05.}else if(i == 5){

06.document.write('Hi "i" is equal to 5');

    ..... ..... ......

Java Script

Javascript If স্টেটমেন্ট tutorials | SP Foundationbd

এতক্ষনে অনেকগুলি if statement দেখে এসেছেন আগের tutoriral গুলিতে। এটা তেমন কিছুই নয় শুধুমাত্র if() এর ভিতর যে এক্সপ্রেশনটি থাকে সেটা যাচাই করে।boolean মান যাচাই করে অর্থ্যাৎ দেখে যে এক্সপ্রেশনটি true নাকি false (1 নাকি 0) রিটার্ন করে। যদি true হয় তাহলে if স্টেটমেন্ট টি এক্সিকিউট হয় এবং এই কোডব্লকে ঢুকে যায়। আর যদি false হয় মানে ০ রিটার্ন করে তাহলে else স্টেটমেন্ট এর কোডব্লকে ঢুকে যায়। যেমন শুধু if স্টেটমেন্টের একটা উদাহরন

1.var x = 'hi';

2.if(x == 'hi'){

3.document.write('yes "x" is equal to "hi"');

  1.  

5.}

যদি ২ নম্বর লা ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট স্টেটমেন্ট (Javascript statement tutorials ) | SP Foundationbd

আমরা জাভাস্ক্রিপ্টে যেসব code লিখি এগুলি এক একটা কমান্ড ব্রাউজারের জন্য। এগুলি ব্রাউজারকে বলে তাকে কি করতে হবে। ইংরেজীতে যেমন আমরা বাক্য লিখি আর একটা বাক্য শেষ হয় ফুল স্টপ (.) দিয়ে। জাভাস্ক্রিপ্ট স্টেটমেন্টও এরুপ এক একটা command বা বাক্যের মত, এটা শেষ হয় সেমিকোলন দিয়ে (;)। এটাকে বলতে পারেন javascript বাক্য। একটা javascript স্ক্রিপ্টে এরুপ কিছু স্টেটমেন্ট থাকে। এগুলি ব্রাউজারকে নির্দেশনা দেয়।

কিছু statement

1.var x = 20;

2.document.write('test');

3.if(x == 20){

4.alert('Hi 20');

  1.  

6.}

..... ..... ......

Jquery & Ajax

jQuery is, toggle and slideToggle method | SP Foundationbd

Jquery তে is() method টি বেশ কাজের। ধরুন আপনার একটা এপ্লিকেশনে  check  করা দরকার যে h3 ট্যাগের পর কোন p tag আছে কিনা?বা একটা এলিমেন্ট visible কিনা? ইত্যাদি কাজের জন্য এই method ব্যবহার করতে পারেন। যেমন

index.html

01.<html>

02.<head>

03.<script src="/jquery_latest.js" type="text/javascript"></script>

04.<script type="text/javascript">

05.$(document).ready(function(){

06.$('#tutorial').click(function(){

07.if($('# SPFoundationbd).is(':visible')){

08.$('# SPFoundationbd).hide();

09.}else{

10.$('# S Foundationbd).show();

11.};

12.});

13.});

14.</script>

15.</head>

16.<body>

17.<p id="tutorial">When you click me,a button will toggle</p>

18.<input type="submit" id=" SPFoundationbd " value="Submit"/>

19.</body>

20.</html>

আউ ..... ..... ......

Jquery & Ajax

jQuery callback function | SP Foundationbd

Jquery র effect সম্পর্কিত method গুলিতে শেষ প্যারামিটার হিসেবে একটা function পাঠানো যায়। effect শেষ হওয়ার পরেই এই function execute হয়।এই ফাংশনকে callback function  বলে।উদাহরন এরুপ একটি ইফেক্ট সম্পর্কিত মেথড slideDown() এবং slideUp() নিয়ে এটা উদাহরন দিচ্ছি।সাধারনত আমরা এই method দুটি কিভাবে লিখি?

1.slideDown(500);

এভাবে তাইনা?এখন এই ৫০০ হচ্ছে কত গতিতে সে slide নিচে নামাবে,যাইহোক এই প্যারামিটারের পর কমা দিয়ে আমরা কলব্যাক ফাংশন দ্বিতীয় প্যারামিটার হিসেবে পাঠাতে পারি।এবং এই ফাংশনে আপনি অন্য যেকোন কাজ করতে পারেন।সুবিধা ..... ..... ......