Module ৩৮ এ আমরা যাকিছু শিখেছি
Browser API and Methods
যেঁগুলো শুধু ব্রাউজারে ব্যাবহার করা যায় সেগুলোকে borwser API বা অনেকে Web API ও বলে
BOM = Browser Object Model
আমরা যে অন্য জনের তৈরি করা API করি তাহলে তাকে third-party API বলে । আমরা কিছু দিন আগে যেগুলা ব্যাবহার করলাম সেগুলাই third-party API ।
Alert() , confirm() এর কিভাবে কাজ করে ? alert() পপআপ হিসেবে একটা বাটন দেয় আর confirm() পপআপ হিসেবে ২টা বাটন দেয় ।
const confirms = () => { confirm("are you going to picnic? "); const response = confirm("are you onek"); console.log(response); if (response === true) { alert("fee ta bkash kor"); } else { alert("dure giya mor"); } }; |
promt() এর কাজ কি?
যেকোনো ওয়েবসাইট এর URL এর এই কয়টা পার্ট থাকে ? (এর মধ্যে কিছু থাকতে পারে আবার কোণ কোনটাই নাও থাকতে পারে )
URL parts, query string, href, hash |
তুমি চাইলে কোণ একটা ওয়েবসাইটে গিয়ে console Tab এ যাবা এবং window.location বা শুধু location লিখে এন্টার করবা তাইলে ওয়েবসাইট এর লোকেশান সম্পর্কে অনেক কিছু জানতে পারবা । এবং Location এর এক একটা প্রপার্টিকে তুমি ধরে ধরে অ্যাক্সেসও করতে পার । এবং সেগুলোর ব্যাবহার দেখতে পার ।
const refresh = () => { location.reload(); }; const assign = () => { location.assign("https://web.programming-hero.com/"); }; const href = () => { location.href("https://web.programming-hero.com/"); }; const hash= () => { location.hash("#idName"); }; location.search(); location.host(); |
ব্রাউজার এর বাম পাশে ২ তা বাটন থাকে জেগুলাকে Back, and forword বাটন বলে । এগুলোর মাধ্যমে আমরা আগের পেজ এবং পরের পেযে জেতে পারি । এই কাজটা আমরা JS এর সামান্য কোড করে করতে পারব । সেজন্য তুমি কিছু ওয়েবসাইট আগে ভিসিট কর । এবং লাস্ট যে ওয়েবসাইটে ভিসিট করেছ সেখার console ট্যাবটা ওপেন কর । করে সেখানে history বা window.history লিখে এন্টার কর । তাইলেই কোথায় কোথায় ভিজিট করেছ দেখাব । এখন কথা হচ্ছে back ও forword এর যাব কিভাবে ?
history.back(); history.forward(); History.length; যে যায়গাগুলোতে ভিজিট করেছি সেগুলোর টোটাল দেখাবে history.go(-1)//মানে ১ স্টেপ ব্যাক করতে চায় . ১ এর মান এর যায়গায় অন্য মানও দিতে পার । মান জত দিবা ততো ধান ব্যাক বা forword করবে । তবে মান ০ বা ফাঁকা হলে পেজটাকে রিলোড করবে |
URL query কি ? Domain অর্থাৎ hostName এর পরে ? দিয়ে কিছু থাকলেই তাকে query সার্চ বলে
Location.search এটা দিলে query সার্চ দেখিয়ে দিবে |
https://www.youtube.com/video-url&t=20 20s থেকে ভিডিও স্টার্ট হবে ।
What is browser cookie
document.cokkie |
38.5 ভিডিও আবার দেখতে পার সেখানে cookie নিয়ে আরও কিছু জানতে পারবে ।
Application Tab এর মধ্যে local storage অ্যান্ড session storage এর মধ্যে পার্থক্য কি ?
1. local storage এ তুমি চাইলেই কোণ একটা প্রপার্টি তুমি নিজে ডিফাইন করে দিতে পার এবং সেটাকে অ্যাক্সেস আপডেট বা অন্য কিছু করতে পার । একটা উদাহরণ হতে পারে যদি আমরা ইউটিউবে কখনো সাউন্ডকে Mute করে রাখি পরে কিন্তু আবার ইউটিউবে browse করলে সাউন্ড Mute হয়েই থাকে এর কারণ হচ্ছে আমরা যে এক সময় সাউন্ড Mute করে রেখেছি সেটা ইউটিউব আমাদের local storage এ একটা Property and value সেভ হয়ে থাকে টাই Mute করা থাকলে সেটা Mute করাই থাকে জতক্ষন না Unmute না করেছি ।
2. কিন্তু session storage এ তুমি অ্যাড করতে পারবে কিন্তু সেটা সেভ হয়ে থাকবে না । পেজ রিলোড হয়ে গেলে সেটা মুছে যাবে । 3. আবার যদি তুমি যে ওয়েবসাইট এর local storage এ আগে থেকে সেভ হয়ে থাকা কোণ একটা প্রপার্টি কে অ্যাক্সেস করতে চাও তাহলে কিন্তু তারা তোমাকে ডাটা দিবে কিন্তু সেটা JSON ফরম্যাটে তোমাকে সেটাকে JSON.parse() করে নিয়ে কাজ করতে হবে । |
Local Storage এবং sesssion storage এর মধ্যে পার্থক্য কি ? (local storage data সেভ করে রাখে আর session storage সেভ করে রাখে না । local Storage এর একটা উদাহরণ এই গিটহাব রিপো থেকে দেখে আসো ) তাহলেই তোমার কিছু বিষয় অনেকটা ক্লিয়ার হয়ে যাবে ।
আমরা যে ওয়েবসাইট গুলো ভিজিট করি সেগুলো মুলত non-editable হয়ে থাকে । মানে তুমি চাইলেও কোণ লেখাকে চেঞ্জ করতে পারবে না । যদি তুমি চাঙ্গে করলে চাও বা এডিট করতে চাও তাহলে কিছু কাজ তোমাকে করতে হবে (concontentEditable অপশনটাকে এনাবল করে দিতে হবে )
আর আমার github এ যাইতে চাইলে এই লিঙ্কে ক্লিক করুন
About
Md: Rashedul Islam Shihab Writer of this note Batch4 Social accounts
|
Post a Comment