আপনার কার্টটি বর্তমানে খালি।
আপনি কি আসলেই ইঞ্জিনিয়ার?
নাকি Google থেকে কোড কপি-পেস্ট করা একজন জুয়াড়ি?
সত্যি করে বলুন তো, শেষ কবে নিজের কোড পুরোপুরি বুঝে প্রোডাকশনে দিয়েছেন?
শেষ কবে একটা বাগ ফিক্স করতে গিয়ে console.log('here') ছাড়া অন্য কোনো বিজ্ঞানসম্মত উপায় ব্যবহার করেছেন?
যদি উত্তর দিতে লজ্জা লাগে, তবে আপনি ঠিক জায়গায় এসেছেন।
কারণ আপনার বর্তমান স্কিলসেট দিয়ে আপনি আগামী ৬ মাসও টিকবেন কিনা সন্দেহ।
আয়নায় নিজের চেহারাটা দেখুন
The "Senior" Imposter
আপনার টিমের জুনিয়র যখন আপনাকে জিজ্ঞেস করে, "ভাইয়া, এই API রিকোয়েস্টটা কেন ফেইল করছে?"—আপনার বুক ধড়ফড় করে। কারণ আপনি জানেন না Network Tab-এ গিয়ে কীভাবে স্ট্যাটাস কোড বা পে-লোড চেক করতে হয়। আপনি আন্দাজে বলেন, "ইন্টারনেট কানেকশন চেক করো।"
ছিঃ।
৫ ঘণ্টার ডিবাগিং
একটা সামান্য ভ্যারিয়েবল ভ্যালু চেক করার জন্য আপনি ৫০ বার কোড চেঞ্জ করেন আর রিলোড দেন। অথচ Breakpoint দিয়ে এটা ৩ সেকেন্ডে দেখা যেত। আপনার সময়ের কি কোনো দাম নেই?
Memory Leak জানেন না
আপনার বানানো সাইট ১০ মিনিট চালালে ল্যাপটপ গরম হয়ে যায়। ইউজার গালি দেয়। আপনি ভাবেন, "ব্রাউজারের দোষ।" না ভাই, দোষ আপনার অদক্ষ কোডের।
Interview Nightmare
ইন্টারভিউ বোর্ডে যখন প্রশ্ন করবে—"Critical Rendering Path অপ্টিমাইজ করবেন কীভাবে?"—তখন কি আমতা আমতা করবেন? নাকি বলবেন "ভাই আমি তো শুধু React পারি?"
ইঞ্জিনিয়ারিং না জানলে ফ্রেমওয়ার্ক আপনাকে বাঁচাতে পারবে না।
আপনি আসলে কোড করছেন না। আপনি অন্ধকারে ঢিল ছুড়ছেন। আর ভাবছেন কেউ খেয়াল করছে না। কিন্তু ম্যানেজার খেয়াল করছে। টিম লিড খেয়াল করছে।
লে-অফ লিস্টে পরের নামটা আপনার হতে যাচ্ছে।
জুুনিয়র থেকে সিনিয়র হওয়ার ব্লুপ্রিন্ট
এই ৯টি চ্যাপ্টার আপনাকে একজন সাধারণ কোডার থেকে ট্রু ইঞ্জিনিয়ারে পরিণত করবে।
JavaScript Debugging Mastery
console.log() ভুলে যান। Breakpoints, Call Stack, এবং Watch Expression দিয়ে কোডের নাড়ি-নক্ষত্র বের করা শিখুন। বাগ আর পালাবে কোথায়?
Network Analysis & Performance
API রিকোয়েস্ট কেন ফেইল করছে? রেসপন্স টাইম কেন বেশি? Headers, Payload এবং Timing Tab দিয়ে নেটওয়ার্কের পোস্টমর্টেম করুন।
Performance & Network Profiling
সাইট লোড হতে ১০ সেকেন্ড লাগে? Performance Tab দিয়ে ফ্রেম ড্রপ এবং বটল-নেক খুঁজে বের করুন। আপনার অ্যাপ এখন মাখনের মতো চলবে।
Memory Profiling & Leak Detection
সবচেয়ে কঠিন পার্ট। Garbage Collection কীভাবে কাজ করে? Heap Snapshot নিয়ে ব্রাউজার ক্র্যাশ ফিক্স করার টেকনিক। শুধু এটা জানলেই আপনার স্যালারি ডাবল হতে পারে।
Lighthouse & Web Vitals
SEO তে র্যাঙ্ক চান? FCP, LCP, CLS - এই মেট্রিক্সগুলো ঠিক করে গুগল পেজ স্পিড স্কোর ১০০/১০০ করার নিনজা টেকনিক।
Advanced Network Analysis
Throttling সিমুলেট করে স্লো ইন্টারনেট ইউজারদের অভিজ্ঞতা বুঝুন। WebSocket এবং Server-Sent Events ডিবাগ করার অ্যাডভান্সড মেথড।
Automation & Remote Debugging
মোবাইল ডিভাইসে বাগ? পিসি থেকে রিমোটলি ডিবাগ করুন। Chrome এর ভেতরেই অটোমেশন স্ক্রিপ্ট চালিয়ে কাজ সহজ করুন।
PWA (Progressive Web Apps)
Service Worker ঠিকমতো ক্যাশ করছে তো? অফলাইন মোড কাজ করছে না কেন? PWA ডিবাগিংয়ের বস হয়ে যান।
আপনার ক্যারিয়ারের দাম কি ৳190 এর কম?
আজকে এই ১৯০ টাকা বাঁচাতে গিয়ে আপনি যে স্কিলটা মিস করবেন, কালকে সেটা না থাকার কারণে আপনার প্রোমোশনটা আটকে যেতে পারে।
সিদ্ধান্ত আপনার। ইঞ্জিনিয়ার হবেন, নাকি লেবার হয়েই থাকবেন?
Chrome DevTools Mastery
- ৯টি প্রফেশনাল চ্যাপ্টার
- রিয়েল লাইফ ডিবাগিং সিনারিও
- জুনিয়র থেকে সিনিয়র হওয়ার রোডম্যাপ
- এখনই এক্সেস, সারা জীবনের জন্য