জাভাস্ক্রিপ্ট মূলত: HTMLএ ওয়েব ডিজাইনারদের প্রগ্রামিং এ কাজ করার সুবিধা দেয়।
জাভাস্ক্রিপ্ট সরাসরি HTML পেজে এমবেড করে এবং আলাদা ফাইল আকারে ব্যবহার করা যায়।
var, let এবং const এর মধ্যে পার্থক্য বুঝার আগে আমাদের Scope ভাল ভাবে বুঝতে হবে তাই আমরা আগে Scope সম্পর্কে জানবো তারপর আমরা var, let এবং const এর মধ্যে পার্থক্য নিয়ে আলোচনা শুরু করব। What is Scope? Scope আপনার কোডের, কোনো variable অথবা অন্যান্য resource এর visibility বা accessibility নির্ধারণ করে। অর্থাৎ কোন জায়গা থেকে …
JavaScript: Difference Between var, let and const? Read More »
ওয়ার্ডপ্রেস হচ্ছে সবচেয়ে জনপ্রিয় কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) ব্লগিং সফটওয়্যার । এটি একটি ওপেন সোর্স ব্লগিং সফটওয়্যার । কোন রকম কোডিং জ্ঞান ছাড়াই ওয়ার্ডপ্রেস এ ব্লগ তৈরি করা যায়। আমাদের অনেক সময় ওয়ার্ডপ্রেস এর পুরাতন ভার্সন ব্যবহার করার প্রয়োজন হয় । কারন, নতুন ভার্সন এ সাপোর্ট করেনা, আপনার এমন কিছু অত্যন্ত প্রয়োজনীয় ফিচার(যেমন; থিম, প্লাগিন …
কিভাবে ওয়ার্ডপ্রেস এর পুরাতন ভার্সন ব্যবহার করবেন? Read More »
জাভাস্ক্রিপ্ট এর স্টেটমেন্ট সমূহে বেশ কিছু সাধারণ ওয়ার্ড ব্যবহৃত হয়, যেগুলো দ্বারা জাভাস্ক্রিপ্ট স্টেটমেন্ট সমূহ কম্পাইল হয়। জাভাস্ক্রিপ্ট কি ওয়ার্ড সমূহ সম্পর্কে একজন প্রোগ্রামারের ভাল ধারণা থাকা উচিৎ।কারণ এই কি ওয়ার্ড সমূহ কোন অবজেক্ট, ভেরিয়েবল নেম, ফাংশন নেম হিসেবে ব্যবহার করা যায় না। জাভাস্ক্রিপ্ট কি ওয়ার্ড সমূহ Abstract, Boolean, break, byte, case, catch, char, class, …
জাভাস্ক্রিপ্ট কি ওয়ার্ড সমূহ – জাভাস্ক্রিপ্ট (পর্ব-১২) Read More »
সাধারণত প্রোগ্রামের শুরুতে অথবা কোন ফাংশনের শুরুতে সে সম্পর্কিত বিস্তারিত তথ্য উপস্থাপনের প্রয়োজন হয়, আর এ ক্ষেত্রে মাল্টি লাইন মন্তব্য ব্যবহার করা হয়। এজন্য মন্তব্য এর শুরু নির্দেশ করার জন্য /* স্লাস এবং স্টার চিহ্ন এর পর মন্তব্য এবং শেষে স্টার চিহ্ন এবং স্লাস */ ব্যবহার করা হয়। অর্থাৎ /* This is an example of …
জাভাস্ক্রিপ্টে মন্তব্য লেখার দুটি প্রচলিত পদ্ধতি হচ্ছে সিঙ্গেল লাইন মন্তব্য এবং মাল্টি লাইন মন্তব্য । কোন একটি স্টেটমেন্ট স্ক্রিপ্টে লেখা আছে সাময়িক ভাবে স্টেটমেন্টটিকে অকার্যকর করে রাখার জন্য অথবা ঐ স্টেটমেন্ট সম্পর্কিত কিছু তথ্য প্রদান করার জন্য সিঙ্গেল লাইন মন্তব্য ব্যবহার করা হয়। এজন্য প্রচলিত পদ্ধতি হচ্ছে // ডাবল স্লাস চিহ্ন ব্যবহার করা । মন্তব্য …
যেকোন প্রোগ্রাম তৈরি হয় অসংখ্য ভেরিয়েবল, ফাংশন, বিভিন্ন ধরণের স্টেটমেন্ট এর সমন্বয়ে। প্রয়োজনে একজন প্রোগ্রামারকে অনেক বড় এবং হাজার হাজার লাইনের প্রোগ্রাম লেখতে হয়, তাই প্রোগ্রামের কোন বিশেষ অংশ চিহ্নিত করার জন্য, প্রোগ্রামটি কি উদ্দেশ্যে তৈরি করা হয়েছে, কিভাবে আপডেট করা যাবে, কোন ফাংশন কি কাজ করে, ফাংশন এবং প্রোগ্রামের ব্যবহার পদ্ধতি ইত্যাদি সম্পর্কিত তথ্য …
মন্তব্য যুক্ত করার পদ্ধতি – জাভাস্ক্রিপ্ট (পর্ব-৯) Read More »
জাভাস্ক্রিপ্টে স্টেটমেন্ট হচ্ছে ব্রাউজারের জন্য কার্যসম্পাদনের নির্দেশনা।প্রতিটি স্টেটমেন্ট এর শেষ নির্দেশ করা হয় (;) সেমিকলন চিহ্নের মাধ্যমে।যেমন document.write(“Welcome to www.tutorialbd.com”);। সেমিকলন না দিলেও প্রোগ্রাম কাজ করে, কিন্তু ভাল প্রোগ্রামিং এর জন্য সেমিকলন দেয়া উচিৎ। এছাড়া সেমিকলন ব্যবহারের মাধ্যমে একই লাইনে একাধিক স্টেটমেন্ট লেখা যায়। যেমন var greet=”Welcome to “;document.write(greet+”www.tutohost.com”); অনুশীলন প্রজেক্ট [sourcecode language=”js”] <html> <head> …
একটা প্রশ্ন অনেকেরই মনে হতে পারে HTML দ্বারাই যখন কোন ওয়েব পেজে যেকোন লেখা প্রদর্শন করা যায়, তখন আমরা কেন লেখা প্রদর্শন করতে জাভাস্ক্রিপ্ট ব্যবহার করব? HTML দ্বারা কোন ওয়েব পেজে যেকোন লেখা প্রদর্শন করা সম্ভব হলেও ডাইনামিক টেক্সট প্রদর্শনের জন্য জাভাস্ক্রিপ্ট ব্যবহার করা হয়। কারণ HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজজ নয়, তাই HTML বিভিন্ন ধরণের …
ওয়েব পেজে লেখা প্রদর্শন করতে জাভাস্ক্রিপ্ট কেন?– জাভাস্ক্রিপ্ট (পর্ব-৭) Read More »
যেকোন প্রোগ্রামিং ল্যাঙ্গুয়েজ এর শেখার শুরুটা করতে হয় ঐ প্রোগ্রামিং ল্যাঙ্গুয়েজ দ্বারা কোন লেখা প্রদর্শন করার মাধ্যমে।জাভামস্ক্রিপ্টের মাধ্যমে কোন লেখা প্রদর্শন করার জন্য <script type=”text/javascript”> </script> এর মধ্যে লেখতে হবে document.write(“Hello world.”); এর অনুরূপ। document.write(“Hello world.”); দ্বারা ব্রাউজারে Hello world. লেখাটি দেখা যাবে। document.write(“Hello world.”); এর যেখানে Hello world. লেখাটি রয়েছে সেখানে অন্য যে কোন …
জাভাস্ক্রিপ্টের প্রথম প্রোগ্রাম – জাভাস্ক্রিপ্ট (পর্ব-৬) Read More »
এক্সটার্নাল জাভাস্ক্রিপ্ট (External JavaScript) অধিকাংশ প্রফেশনাল প্রজেক্টেই জাভাস্ক্রিপ্টকে আলাদা স্ক্রিপ্টে লেখা হয় এবং পরবর্তীতে প্রয়োজনীয় HTML ফাইলের সাথে লিংক করে দেয়া হয়। এতে করে সুবিধা হচ্ছে যে একই জাভাস্ক্রিপ্ট একাধিক পেজে ব্যাবহার করা যায়।এ ক্ষেত্রে আলাদা পেজে জাভাস্ক্রিপ্ট এর জন্য প্রয়োজনীয় কোড লেখার পর .js এক্সটেনশন দিয়ে save করতে হয় যেমন demo.js। এরপর যে HTML …
এক্সটার্নাল জাভাস্ক্রিপ্ট – জাভাস্ক্রিপ্ট (পর্ব-৫) Read More »
HTML পেজে জাভামস্ক্রিপ্ট যুক্ত করার জন্য <script> </script> স্ক্রিপ্ট ট্যাগ ব্যবহার করা হয়।ঠিক <script language=”Javascript” type=”text/javascript”>………</script> এর অনুরূপে লেখা হয়।(…………) অংশে প্রয়োজনীয় এবং অন্যান্য কোড সমূহ রাখা হয়।<head> </head> অথবা <body> </body> এর মধ্যে জাভামস্ক্রিপ্ট যুক্ত করা হয়।<head> </head> এর মধ্যে রাখলে তাকে বলা হয় হেডার স্ক্রিপ্ট(header script) আর <body> </body> এর মধ্যে করা হলে …
এইচ টি এম এল এর সাথে যুক্ত করা – জাভাস্ক্রিপ্ট (পর্ব-৪) Read More »
জাভাস্ক্রিপ্ট একটি স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ।সাধারণত যে কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ ব্যবহার করে প্রোগ্রাম করার জন্য কম্পাইলার প্রয়োজন হয়। জাভাস্ক্রিপ্ট ব্যবহার করে যদিও ওয়েব পেজে প্রোগ্রাম করা যায় তার পরেও জাভাস্ক্রিপ্ট ব্যবহার করে প্রোগ্রাম তৈরির জন্য বিশেষ কোন কম্পাইলারের প্রয়োজন নেই।জাভাস্ক্রিপ্টে প্রোগ্রাম লেখার জন্য উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করলেই চলে, তবে বাড়তি সুবিধা পাওয়ার …
ওয়েব ডিজাইন এবং ডেভলপমেন্ট উভয় ক্ষেত্রেই জাভাস্ক্রিপ্ট সমান গুরুত্বপূর্ণ।আপনি তখনই একজন পরিপূর্ণ ডিজাইনার হয়ে উঠবেন যখন এইচ টি এম এল এবং সি এস এস এর পাশাপাশি জাভাস্ক্রিপ্ট ব্যবহার করতে পারবেন। এটা আপনাকে সৃজনশীলতা প্রকাশের সুযোগ সৃষ্টি করে দেবে। ই কমার্স সাইট গুলোতে বিভিন্ন ধরণের পণ্য সিলেক্ট করে এবং তাদের পরিমান নির্ধারণ করে ব্যবহারকারী তার অর্ডারের …
জাভাস্ক্রিপ্ট কেন ব্যবহার করবেন ? – জাভাস্ক্রিপ্ট (পর্ব-২) Read More »
আপনি কি আপনার ওয়েব সাইটকে সকলের সামনে আরো আকর্ষণীয় করে উপস্থাপন করতে চান? আপনি কি এইচ টি এম এল এবং সি এস এস দ্বারা তৈরি স্ট্যাটিক পেজে প্রোগ্রামিং এর সুবিধা যুক্ত করতে চান? আপনি কি সময় এবং তারিখ অনুযায়ী আপনার ভিজিটরদের অভিবাদন জানাতে চান? আপনি কি ওয়েব পেজের জন্য গেমস তৈরি করতে চান? সবগুলো প্রশ্নের …
বেশ কিছুদিন ধরে জাভাস্ক্রিপ্টের উপর লেখ বন্ধ আছে। অনেকেই এ ব্যাপারে টিউটরিয়াল চালু করার জন্য অনুরোধ করায় আবার শুরু করলাম। আমি নিজে জাভাস্ক্রিপ্টে বেশ ঝানু না তবে যতটুকু জানি ততটুকু শেয়ার করার চেস্টা করছি। জাভা জাভাস্ক্রিপ্ট (JavaScript) ফাংশন হলো কিছু কোডের সমস্টি যা বিভিন্ন সময় প্রয়োজন অনুসারে ব্যবহার করা যায়। ওয়েবসাইটটি লোড হওয়ার পরে বিভিন্ন …
বেশ কিছু দিন HTML এর নিয়মিত টিউটরিয়াল লিখছিলাম। সেখানে সর্ব শেষ টিউটরিয়াল ছিল ফর্ম ডিজাইনের উপরে। ওয়েবে ফর্ম ডিজাইন করার পর সাধারনত: তাকে কাজ করার জন্য জাভাস্ক্রিপ্ট বা পিএইচপি ব্যবহার করতে হয়। ফর্মের টেক্সটবক্স,ইনপুট বক্স,বাটন,চেকবক্স ইত্যাদির ক্লিক ডাবলক্লিক, ফোকাস,লস্ট ফোকাস ইত্যাদি ইভেন্ট সম্পর্কে আজকের আলোচনা। ছোট জাভাস্ক্রিপ্ট দিয়ে কাজটি উদ্ধার করতে হবে,তা না হলে সম্পুর্ণ …
আবার ফিরে এলাম ধারাবাহিক জাভাস্ক্রিপ্ট টিউটরিয়ালে। এ পর্বে আমরা শিখবো পপআপ মেনুর ব্যবহার, কমান্ড বক্স,ইনপুট বক্স ইত্যাদি সম্পর্কিত প্রাথমিক ধারণা।যারা আগের টিউটরিয়ালে চোঁখ রাখতে পারেন নি তারা আগের পর্ব আগে শেষ করুন। জাভাস্ক্রিপ্ট এক দুই তিন জাভাস্ক্রিপ্ট ভ্যারিয়্যাবল ও সাধারন গানিত এলার্ট বক্স জাভাস্ক্রিপ্টে alert(“I am an alert box!”); এতটুকু লিখলেই একটি এলার্ট বক্স আসবে। …
জাভাস্ক্রিপ্টে পপ আপ বক্স :জাভাস্ক্রিপ্ট টিউটরিয়াল -৩ Read More »
বেশ কিছু দিন পর আবার ফিরে এলাম জাভাস্ক্রিপ্ট বাংলা টিউটরিয়ালে। যারা প্রাখমিক পর্যায়ে আছে তাদের জন্যই এ টিউটরিয়াল। আগের পর্বটি যারা না দেখেছেন তারা দেখে নিন জাভাস্ক্রিপ্ট এক দুই তিন। এ পর্বে আমরা জাভাস্ক্রিপ্ট এর স্টেটমেন্ট এবং ভ্যারিয়্যাবল নিয়ে কাজ করবো। যারা এইচটিএমএল শিখতে আগ্রহী তারা নজর রাখুন আমাদের আগের টিউটরিয়ালগুলো। HTML টিউটরিয়াল সূচি-পত্র HTMLপর্ব- …
নিয়মিত কোন কিছুই ভাল লাগে না। নিয়মিত কোন কিছু করলে নাকি সফল হওয়া যায়। কিছু দিন আগে ওয়ারলেস নেটওয়ার্কের উপর লেখালেখি করতে গিয়ে বেশি দূর এগিয়ে যেতে পারি নি। এরপর ওয়ার্ডপ্রেস ও সি.এস.এস এর উপরও কিছু লিখতে চেস্টা করেছি। এখন ভাবছি ওয়েব প্রোগ্রামিং এর আরও কিছু করতে। জাভান্ক্রিপ্টের উপর লেখারও সখ জাগলো। তাই কিছু কিছু …