GyaanSetu জাভাস্ক্রিপ্ট

জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট ইকোসিস্টেম।

115 articlesDeep, practical knowledge

আমার ব্যাকআপ সব ছবি হারিয়ে ফেলেছে

আমার ব্যাকআপ সব ছবি হারিয়ে ফেলেছে। আমি একটি অফলাইন মুড ট্র্যাকারের জন্য একটি ব্যাকআপ বাটন তৈরি করেছিলাম। এটি একটি JSON ফাইলে ডেটা এক্সপোর্ট করত। ব্যবহারকারীরা এটি সেভ করতে পারতেন এবং নতুন ফোনে নিয়ে যেতে পারতেন। এটি একদম নিখুঁত মনে হচ্ছিল...

জাভাস্ক্রিপ্ট · 2 min read

কেন আপনার ভাইব কোডেড ওয়েবসাইট কখনোই র‍্যাঙ্ক করবে না

কেন আপনার ভাইব কোডেড ওয়েবসাইট কখনোই র‍্যাঙ্ক করবে না। গত মাসে একজন ফাউন্ডার আমাকে একটি ওয়েবসাইট দেখিয়েছিলেন। এটি দেখতে দারুণ ছিল। এতে ছিল চমৎকার অ্যানিমেশন এবং আকর্ষণীয় লেখা। তিনি এটি মাত্র এক বিকেলে তৈরি করেছিলেন A... ব্যবহার করে।

জাভাস্ক্রিপ্ট · 3 min read

TypeScript জিতে গেছে। এটি আসলে আমাদের কী এনে দিয়েছে।

TypeScript জিতে গেছে। এটি আসলে আমাদের কী এনে দিয়েছে। এখন আর TypeScript ব্যবহার নিয়ে কেউ বিতর্ক করে না। নতুন প্রজেক্টগুলোতে এটি ডিফল্ট হিসেবে ব্যবহৃত হয়। বিতর্ক শেষ। এর আসল মূল্য শুধু...

জাভাস্ক্রিপ্ট · 2 min read

React বনাম Next.js: কোনটি আপনার শেখা উচিত?

React বনাম Next.js: কোনটি আপনার শেখা উচিত? নতুনরা প্রায়ই জিজ্ঞেস করেন যে তাদের প্রথমে React নাকি Next.js শেখা উচিত। ভুল সিদ্ধান্ত আপনার শেখার গতি কমিয়ে দিতে পারে। এই গাইডটি আপনাকে ... এর ভিত্তিতে সিদ্ধান্ত নিতে সাহায্য করবে।

জাভাস্ক্রিপ্ট · 2 min read

ফায়ারবেস-এ কাস্টম ই-কমার্স

ফায়ারবেস-এ কাস্টম ই-কমার্স। আমি একদম শুরু থেকে একটি কাস্টম ই-কমার্স সাইট তৈরি করেছি। আমি কোনো তৈরি করা প্ল্যাটফর্ম ব্যবহার করিনি। আমি Firebase Realtime Database এবং Netlify ব্যবহার করেছি। লক্ষ্য ছিল...

জাভাস্ক্রিপ্ট · 2 min read

দুটি PWA-এর মধ্যে সাইন করা টোকেন: ব্যাকএন্ড ছাড়াই HMAC SHA256

দুটি PWA-এর মধ্যে সাইন করা টোকেন: ব্যাকএন্ড ছাড়াই HMAC SHA256। আপনাকে এক PWA থেকে অন্য PWA-তে ব্যবহারকারীর পরিচয় পাঠাতে হবে। উভয় অ্যাপই আলাদা Firebase প্রজেক্টে চলে। তারা কোনো ডেটা শেয়ার করে না...

জাভাস্ক্রিপ্ট · 2 min read

JavaScript দিয়ে আপনার প্রথম Discord বট তৈরি করুন

JavaScript দিয়ে আপনার প্রথম Discord বট তৈরি করুন। আপনি একটি Discord বট তৈরি করতে চান। হয়তো আপনি গান বাজানো বা পোল (poll) চালানো বট দেখছেন এবং ভাবছেন সেগুলো কীভাবে কাজ করে। এই সিরিজের শেষে...

জাভাস্ক্রিপ্ট · 2 min read

৭ বছর পর কেন আমি আবার জাভাস্ক্রিপ্টে ফিরে এলাম

৭ বছর পর কেন আমি আবার জাভাস্ক্রিপ্টে ফিরে এলাম। আমি ৭ বছরের অভিজ্ঞতাসম্পন্ন একজন UI ডেভেলপার। আমি HTML এবং CSS জানি। আমি Figma ডিজাইনকে কোডে রূপান্তর করতে পারি। কিন্তু আমি কখনোই একজন প্রকৃত ডেভেলপার হিসেবে অনুভব করিনি...

জাভাস্ক্রিপ্ট · 2 min read

আপনি লিঙ্কড লিস্ট ব্যবহার করেন না, তবুও এগুলো আপনার সফটওয়্যারের অর্ধেক অংশ পরিচালনা করছে।

আপনি লিঙ্কড লিস্ট ব্যবহার করেন না, তবুও এগুলো আপনার সফটওয়্যারের অর্ধেক অংশ পরিচালনা করছে। আপনি সম্ভবত একটি প্রোডাকশন জাভাস্ক্রিপ্ট প্রজেক্টে কখনোই লিঙ্কড লিস্ট লিখবেন না। আপনার ভাষার বিল্ট-ইন অ্যারেগুলো...

জাভাস্ক্রিপ্ট · 2 min read

TypeScript জয়ী হয়েছে। এর ফলে আমরা কী পেলাম।

TypeScript জয়ী হয়েছে। এর ফলে আমরা কী পেলাম। বিতর্ক শেষ। বেশিরভাগ নতুন ফ্রন্টএন্ড প্রজেক্টে ডিফল্ট হিসেবে TypeScript ব্যবহার করা হয়। এটি গ্রহণ করা উচিত কি না, তা নিয়ে মানুষ আর বিতর্ক করে না। আসল ভ...

জাভাস্ক্রিপ্ট · 2 min read

আমার অ্যাপের ডাটাবেসটি একটি গুগল ড্রাইভ ফোল্ডার দিয়ে বদলে ফেললাম

আমার অ্যাপের ডাটাবেসটি একটি গুগল ড্রাইভ ফোল্ডার দিয়ে বদলে ফেললাম। আমি আমার মেয়ের সংগীতের উন্নতি ট্র্যাক করতে চেয়েছিলাম। সে প্রতি সপ্তাহে তার শিক্ষকের কাছ থেকে অডিও ক্লিপ এবং নোট পায়। আমি শুনতে চেয়েছিলাম...

জাভাস্ক্রিপ্ট · 2 min read

এই বিষয়গুলো ডিবাগ করা

এই বিষয়গুলো ডিবাগ করা। নতুনরা মনে করে অভিজ্ঞ ডেভেলপাররা ভুল করেন না। কিন্তু সত্যটা ভিন্ন। অভিজ্ঞ ডেভেলপাররা শুধু ভুলগুলো দ্রুত খুঁজে পান। আমি একটি ফুল স্ট্যাক প্র...

জাভাস্ক্রিপ্ট · 2 min read

React যখন Re-render বলে, তখন এর তিনটি অর্থ বোঝায়

React যখন Re-render বলে, তখন এর তিনটি অর্থ বোঝায়। আপনি যখন setState কল করেন, React শুধু DOM আপডেট করে না। এটি একটি ক্রমানুসারে তিনটি আলাদা ধাপ সম্পন্ন করে। বেশিরভাগ ডেভেলপাররা বিভ্রান্ত হন...

জাভাস্ক্রিপ্ট · 2 min read

Rust জাভাস্ক্রিপ্ট টুলচেইনকে গ্রাস করেছে। তারপর Cloudflare এটি কিনে নিয়েছে।

Rust জাভাস্ক্রিপ্ট টুলচেইনকে গ্রাস করেছে। তারপর Cloudflare এটি কিনে নিয়েছে। Vite এর কাজের ধরন বদলে দিয়েছে। এটি দুটি টুল থেকে একটি একক পাইপলাইনে রূপান্তরিত হয়েছে। পুরোনো পদ্ধতিতে ডেভেলপমেন্টের জন্য esbuild ব্যবহার করা হতো...

জাভাস্ক্রিপ্ট · 2 min read

Pagelyze তৈরি করতে গিয়ে React সম্পর্কে আমি যা শিখলাম

Pagelyze তৈরি করতে গিয়ে React সম্পর্কে আমি যা শিখলাম। Pagelyze তৈরি করা আমার React সম্পর্কে দৃষ্টিভঙ্গি বদলে দিয়েছে। আমি শুধু তাত্ত্বিক বিষয় না দেখে প্রোডাক্ট আর্কিটেকচারের দিকে নজর দিতে শুরু করেছি। Pagelyze হলো একটি ওয়েব...

জাভাস্ক্রিপ্ট · 2 min read

জাভাস্ক্রিপ্টে Shallow Copy বনাম Deep Copy

জাভাস্ক্রিপ্টে Shallow Copy বনাম Deep Copy। ডেটা টাইপের ওপর ভিত্তি করে জাভাস্ক্রিপ্ট দুইভাবে কপি সম্পন্ন করে। প্রিমিটিভ ভ্যালু (Copy by Value): প্রিমিটিভ টাইপের মধ্যে রয়েছে স্ট্রিং, নম্বর...

জাভাস্ক্রিপ্ট · 2 min read

১০০ দিন, ৮৭টি টুল, কোনো সার্ভার নেই

১০০ দিন, ৮৭টি টুল, কোনো সার্ভার নেই। ToolKnit তৈরি করতে আমি ১০০ দিন ব্যয় করেছি। এটি ৮৭টি ব্রাউজার-ভিত্তিক টুলের একটি সমষ্টি। বেশিরভাগ টুল সাইট এভাবে কাজ করে: আপনি একটি ফাইল আপলোড করেন। একটি সার্ভার সেটি প্রসেস করে...

জাভাস্ক্রিপ্ট · 2 min read

আমি একটি টেকনিক্যাল পদের জন্য ৫ জন প্রার্থীর ইন্টারভিউ নিয়েছি

আমি একটি টেকনিক্যাল পদের জন্য ৫ জন প্রার্থীর ইন্টারভিউ নিয়েছি। গত সপ্তাহে আমি একটি ফ্রন্টএন্ড রোলের জন্য পাঁচজন প্রার্থীর ইন্টারভিউ নিয়েছি। তাদের প্রত্যেকের পটভূমি এবং দক্ষতা ছিল ভিন্ন ভিন্ন। দিন শেষে...

জাভাস্ক্রিপ্ট · 2 min read

React তার মূল সত্তা হারিয়েছে এবং Vercel তার ছদ্মবেশ ধারণ করছে

React তার মূল সত্তা হারিয়েছে এবং Vercel তার ছদ্মবেশ ধারণ করছে। React কমিউনিটি একসময় এই প্রজেক্টটির মালিক ছিল। এখন মনে হয় যেন একটি হোস্টিং কোম্পানি এটি পরিচালনা করছে। এই পরিবর্তনটি ধীরে ধীরে ঘটেছিল। তারপর এটি...

জাভাস্ক্রিপ্ট · 2 min read

JavaScript অ্যারে মেথডস পার্ট ১

JavaScript অ্যারে মেথডস পার্ট ১। অ্যারে হলো জাভাস্ক্রিপ্টের একটি বিশেষ অবজেক্ট। এটি একটি ভেরিয়েবলের মধ্যে একাধিক মান সংরক্ষণ করতে পারে। প্রতিটি ছাত্রের জন্য আলাদা আলাদা ভেরিয়েবল তৈরি করার পরিবর্তে: l…

জাভাস্ক্রিপ্ট · 2 min read

প্রতিটি ডেভেলপার যে ২৫টি JSON ভুল করে থাকেন

প্রতিটি ডেভেলপার যে ২৫টি JSON ভুল করে থাকেন। JSON হলো ওয়েব যোগাযোগের মেরুদণ্ড। এটি ওজনে হালকা এবং পড়া সহজ। তবে, এর নিয়মগুলো বেশ কঠোর। সামান্য ভুলও আপনার কোড ভেঙে ফেলতে পারে...

জাভাস্ক্রিপ্ট · 2 min read

GraphQL Fragments: প্রতিটি কম্পোনেন্টকে তার নিজস্ব ডেটার মালিক হতে দিন

GraphQL Fragments: প্রতিটি কম্পোনেন্টকে তার নিজস্ব ডেটার মালিক হতে দিন। GraphQL কুয়েরিগুলো শুরুতে দেখতে খুব পরিষ্কার মনে হয়। একটি রিকোয়েস্টেই আপনার সব ডেটা পাওয়া যায়। এরপর যখন আপনার অ্যাপ বড় হতে থাকে, তখন আপনার পেজ কুয়েরিগুলো বিভিন্ন ফিল্ড সংগ্রহ করতে শুরু করে...

জাভাস্ক্রিপ্ট · 2 min read

React বনাম Angular বনাম Vue: কীভাবে একটি বেছে নেবেন?

React বনাম Angular বনাম Vue: কীভাবে একটি বেছে নেবেন। একটি ফ্রন্টএন্ড ফ্রেমওয়ার্ক বেছে নেওয়া অনেকটা ফাঁদের মতো মনে হয়। প্রতিটি ব্লগ পোস্টই একজন বিজয়ীর দাবি করে। কমেন্ট সেকশনটি একটি যুদ্ধে পরিণত হয়। আসল সত্যটি হলো...

জাভাস্ক্রিপ্ট · 2 min read

React Context বনাম Zustand: কোনটি কখন ব্যবহার করবেন

React Context বনাম Zustand: কোনটি কখন ব্যবহার করবেন। ডেভেলপাররা প্রায়ই React স্টেট নিয়ে একটি ভুল করেন। তারা Context ভুলভাবে ব্যবহার করেন এবং তারপর পারফরম্যান্স সমস্যার জন্য Context-কে দোষারোপ করেন। ...

জাভাস্ক্রিপ্ট · 2 min read