Module‌‌‌‌ ‌‌‌৪২ ‌‌‌‌এ‌‌‌‌ ‌‌‌‌আমরা‌‌‌‌ ‌‌‌‌যাকিছু‌‌‌‌ ‌‌‌‌শিখেছি‌‌‌‌ ‌

Module‌‌‌‌ ‌‌‌৪২ ‌‌‌‌এ‌‌‌‌ ‌‌‌‌আমরা‌‌‌‌ ‌‌‌‌যাকিছু‌‌‌‌ ‌‌‌‌শিখেছি‌‌‌‌ ‌

JavaScript you need to know React

 

 

• Const  এবং let এর কাজ কি আর পার্থক্য কি ?

• 6 condition, < , > , == ,=== , !== , <= , >= , && , ||

• Vanilla JS, ES6 যা কিছু শিখেছি তা সব revision করে নাও ।

• Spred operator এর ব্যাবহার কর ।

• Array Methods Map, Filter, Find, Foreach দেখো এগুলা কাজে লাগাতে পার কি না ।

 

const a = products.filter(product.name.includes(“n”)) console.log(a)

 

• কিছু return করতে হলে map() ব্যাবহার করবে return না করতে হলে forEach() ব্যাবহার করতে পার ।

• Array And Object Destructuring,  টা করতে পার কিনা দেখো । চেষ্টা কর ।

 

const add = (a,b,) => { return a+b} Const result [ first ,second ]=  add(10,20) console.log(first ,second )

 

• Optional chaining কি বলতে পারবে ? পারলে ভালো না পারলে গুগল কর । (?. ডট এর আগে একটা question mark দিয়ে দেয় । এটাই Optional chaining )

• Object কে string এ কনভার্ট করতে পার কিনা সেটা চেষ্টা কর । JSON এর মাধমে ।

• Stringify থেকে object এ কনভার্ট করতে পার কিনা দেখো ।

• API কল কর feltch সাথে async , await দিয়ে করার চেষ্টা কর ।

• Array like Obejct , অর্থাৎ getElementsByCalssNames , querySelectorAll  এগুলার ক্ষেত্রে for Of লুপ চালাব

• Arr হলে forEach() Object হিলে for in ব্যাবহার করব এখন থেকে প্রায় সময় ।

• তোমাকে এমন একটা কাজ দেওয়া হলো যেখানে একটা  array of Object আছে তার মধ্যে id = 101 বাদ বাদ দিয়ে তুমি রেজাল্ট retun করাও । না পারলে নিচের উদাহরণটা দেখো ।

 

const products = [   { name: "phone", price: 1000, brand: "HTC", color: "black", id: 101 },   { name: "monitor", price: 2000, brand: "xiomi", color: "black", id: 102 },   { name: "watch", price: 3000, brand: "casio", color: "yellow", id: 103 },   { name: "RAM", price: 4000, brand: "corsiar", color: "RGB", id: 104 },   { name: "MAC", price: 50000, brand: "apple", color: "silver", id: 105 }, ];   const remaining = products.filter((product) => product.id !== 101); console.log(remaining);   প্রশ্নে বলা ছিল ১০১ নাম্বার আইডি বাদে সব গুলো প্রোডাক্ট দেখাও । এখানেও একই কাজ করা হয়েছে । বোল্ড করা লাইনের দিকে খেয়াল কর সেখানে প্রথমে filter() করা হচ্ছে এবং বলা হচ্ছে যেখানে products এর ID টা ১০১ না । সেগুলা নিচ্ছ । এটাই উত্তর ।

 

 

• Truthy, Falsy, Ternary Operator পার এগুলা ? পারলে ভালো । না পারলে চেষ্টা কর ।

 

const  result = এটা হলে ? এটাই দেখাও না হলেঃএটা দেখা

 

• Localstorage And Session Storage কি ? মনে আছে ?  মনে করে কিই কাজে লাগে এগুলা ? Localstorage And Session Storage কিছু ষ্টোর করতে পার কিনা চেষ্টা কর ।

• যদি Localstorage And Session Storage কি কাজে লাগে মনে করতে পার তাহলে তুমি ২ টা input ট্যাগ নাও । এবং বাটন ক্লিক এর মাধ্যমে ২ টা input field এর ভেলু local Storage এ স্টোর করে ফেল ।

• তুমি চাইলেই array আকারে local Storage এ কিছু set করতে পার

 

localStorage.setItem("frields",[1,23,154,5,2])   এটা করলে শুধু মান গুলো বসে যাবে Array আকারে বসবে না   localStorage.setItem("frields",JSON.stringify([1,23,154,5,2]))   এটা করলে Array আকারে বসবে না কেননা আমরা Object কে  স্ট্রিং এ কনভার্ট করে ফেলছি । স্ট্রিং আকারে যা কিছু থাকবে সব কিছু localStorage এ অ্যাড হয়ে যাবে ।

 

• আর মনে রাখবে কোণ object কে Localstorage বা Session Storage স্টোর করতে চাইলে তুমি Object কে stringify করে সেট করবে । আর get করলেতো সেটাকে parse করতে হবে অ্যাক্সেস করার সুবিধারতে সেটাতো তুমি আগে already জান ।

• Browser API Location, history সম্পর্কে আবার কিছু ধারণা নিয়ে নাও ।

• ( optional )যদি তোমার React install করতে সমস্যা হয় তাহলে । তুমি yern দিয়ে চেষ্টা কর । কাজ হয়ে যাবে ! বুঝতে সমস্যা হলে ভিডিও দেখো ।  ভিডিও নাম্বার module 42 এর ৯ নাম্বার ভিডিও

 

 

 

All module link

আর আমার github এ যাইতে চাইলে এই লিঙ্কে ক্লিক করুন

About

Md: Rashedul Islam Shihab Writer of this note Batch4 Social accounts