ভিত্তি
- Semantic HTML
- CSS layout আর responsive design
- JavaScript আর DOM
Software তৈরি করুন · ক্যারিয়ার গাইড
Frontend Engineering
Product-এর ভাবনাকে দ্রুত, accessible ও ভরসাযোগ্য interface-এ রূপ দেওয়া—যেটা মানুষ সত্যিই স্বচ্ছন্দে ব্যবহার করতে পারে।
এক নজরে ক্যারিয়ার
কাজের চাপ কেমন
তিনটি dot মানে ‘ভালো’ নয়। শুধু বোঝায়—এই ক্যারিয়ারে ওই ধরনের কাজ বেশি আসে।
কোডিং
গণিত
সিস্টেমের গভীরতা
অনুসন্ধান
সৃজনশীলতা
যোগাযোগ
Production-এর দায়িত্ব
আসল কাজ
একটি সত্যিকারের সপ্তাহে যা করতে হতে পারে
- Semantic, responsive interface build করা।
- Client state আর data boundary সামলানো।
- Keyboard, screen size আর browser behavior test করা।
- Performance আর usability problem diagnose করা।
- Design, backend আর user-এর সঙ্গে collaborate করা।
বাস্তব কথাটা
Tutorial শেষ করা আর production-এর ফলাফলের দায় নেওয়া এক দক্ষতা নয়। এই page-এর কাজ hype তোলা নয়—দুটোর মাঝের ফাঁকটা দেখানো।
ভালো লাগতে পারে যদি
কৌতূহলের ছোট ইঙ্গিত
- Awkward interaction চোখে পড়ে দ্রুত।
- Visual detail আর code structure—দুটোই ভালো লাগে।
- User feedback ego-তে না লেগে curiosity বাড়ায়।
কঠিন লাগতে পারে যদি
যে অংশটি অস্বস্তিকর হতে পারে
- Browser inconsistency দেখলেই স্থায়ী রাগ হয়।
- Requirement সবসময় fixed আর unambiguous চাই।
- Accessibility-কে অন্য কারও কাজ মনে হয়।
বাস্তবসম্মত একটি দিন
প্রতিদিন এমন হবে না, তবে চাপের স্বাদটা এমন হতে পারে
এই timeline কোনো সাজানো career fantasy নয়; সাধারণ কয়েকটি কাজের সম্ভাব্য মিশ্রণ।
Narrow phone-এ checkout issue reproduce।
Accessible error state নিয়ে designer-এর সঙ্গে pair।
Fix ship করে performance trace compare।
কীভাবে শিখবেন
Checklist নয়—ধাপে ধাপে এগোনোর পথ
মূল দক্ষতা
- Accessibility
- State আর data fetching
- Browser performance
হাতে-কলমে কাজ
- Design থেকে build
- Keyboard আর mobile flow test
- Performance measure আর fix
পরে
- Design system
- Advanced rendering
- Frontend architecture
যেগুলো এখনই না শিখলেও চলবে
এখনই নয়—কারণ কোনটার পর কোনটা শিখছ, সেটি জরুরি
- HTML, CSS, JavaScript শক্ত হওয়ার আগে পাঁচটা framework।
- কয়েকটি real screen বানানোর আগেই design system।
- দুটি toggle-এর page-এ complex global state।
ভবিষ্যতের আপনি বলছেন
‘পরে’ মানে অপ্রয়োজনীয় নয়। ভিত তৈরি হওয়ার আগে শিখলে শুধু context-টাই থাকবে না।
AI ও এই ক্যারিয়ার
কাজ কতটা automate হতে পারে
এটি replacement-এর শতকরা হিসাব নয়। AI-এর ক্ষমতা বদলাবে; তাই কাজ, বিচারবোধ আর দায়িত্ব—তিনটাকে আলাদা করে দেখুন।
Common component scaffolding
AI দ্রুত plausible markup আর style লিখতে পারে।
আপনার করণীয়: Accept করার আগে semantic, responsiveness আর duplication দেখুন।
Accessibility আর interaction debugging
Tool issue ধরতে পারে; context আর assistive-tech behavior বুঝতে judgment লাগে।
আপনার করণীয়: নিজে keyboard আর screen-reader check করুন।
Messy user need-কে coherent experience বানানো
আসল problem অনেক সময় interface কী করবে সেটা ঠিক করা।
আপনার করণীয়: Interview, prototype আর trade-off validate করা practice করুন।
বাছাই করা শেখার রিসোর্স
Learn → Practice → Go deeper
কতগুলো resource জমিয়েছেন, সেটি progress নয়। দরকারি অংশটুকু শেষ করে কিছু বানান।
MDN Learn Web Development
Framework-এর শব্দ কমিয়ে web standard ঠিকভাবে শেখায়।
এতটুকু করুন: HTML, CSS, JavaScript আর accessibility-এর core moduleগুলো।
শেষবার যাচাই:
Web Accessibility Tutorials
Accessibility-কে checkbox না বানিয়ে engineering practice হিসেবে শেখায়।
এতটুকু করুন: Page structure, menu, image আর form দিয়ে শুরু করুন।
শেষবার যাচাই:
Pro Git
Git-এর official আর টেকসই ব্যাখ্যা—Future You এখন শিখে রাখার জন্য ধন্যবাদ দেবে।
এতটুকু করুন: এখন Chapter 1–3; advanced branching workflow পরে।
শেষবার যাচাই:
এবার কী করবেন
এবার নিজের জন্য কোন evidence বানাবে?
Final semester থেকে internship বা junior role-এর পরিকল্পনা →
কাছাকাছি আরও কিছু পথ
Skill থেকে গন্তব্য
এই skill নিয়ে কোথায় এগোবেন?
Career roadmap বলে কী শিখবেন। Goal guide বলে সেই skill দিয়ে কীভাবে এগোবেন। একটি পথ দিয়ে শুরু করুন; সব একসঙ্গে নয়।