Job Grade Course
ফ্রন্টএন্ড বা ফুলস্ট্যাক, যেটাতেই এক্সপার্ট হতে চান না কেনো, ফ্রন্টএন্ড ইঞ্জিনিয়ারিং আপনাকে ভালোভাবে জানতেই হবে। HTML, CSS দিয়ে একটা ওয়েবসাইট বানিয়ে ফেললাম, RESTful API ব্যবহার করে ডেটা আদানপ্রদান করলাম, ব্যাস এটুকুতেই শেষ - Frontend Development আসলে এরকম না। বর্তমান যুগের এপ্লিকেশন গুলোর Frontend অনেক স্কেলেবল হতে হয় যাতে ইউজার সেটা ব্যবহার করে তৃপ্তি লাভ করতে পারে। এ জন্যেই বড় বড় কোম্পানী গুলো লাখ লাখ টাকা খরচ করে বাঘা বাঘা Frontend Engineer রাখে। তাই আমাদের এই বুটক্যাম্পটিকে আমরা Job Grade বলছি কারন এটা কমপ্লিট করতে পারলে আপনি ইন্টারভিউ গুলো কনফিডেন্স এর মোকাবেলা করতে পারবেন।
Enrollment Ends: 19/10/2022 Class Starts: 21/10/2022
১৬ সপ্তাহের এই বুটক্যাম্পটি থেকে আপনি যা যা পাচ্ছেন -
Recorded Classes with Live Support Sessions
Interview Grade Exams & Industry Grade Assignments
Projects with Best Practices & Design Patterns
PDF Notes
Mock Interviews
Industry Grade Syllabus
Effective Learning Path with Continuous Supervision
Enroll Nowযেহেতু এটি Job Grade Bootcamp সেহেতু এখানে যা যা সাজানো হয়েছে সবকিছু ভালো কোম্পানী তে ইন্টারভিউ এর কথা মাথায় রেখে করা হয়েছে। এটির সবচেয়ে বড় সুবিধা টা হলো এই যে আপনি যদি মন দিয়ে এটি কমপ্লিট করে ফেলতে পারেন আপনি যেকোনো ইন্টারভিউ ফেইস করতে শক্তপোক্ত কনফিডেন্স পাবেন।
একেবারে বিগিনার লেভেল এর জাভাস্ক্রিপ্ট থেকে শুরু করে এডভান্সড লেভেল পর্যন্ত জানা টা খুব জরুরি। এর মানে এই না যে আপনাকে একেবারেই সব জেনে ফেলতে হবে। কিছু টপিক শুরুতেই শিখে ফেলতে হয় আর কিছু টপিক কাজ করতে করতেই শেখা হয়ে যায়। ফ্রন্টএন্ড কে স্কেলেবল করে বানাতে Data Structures & Algorithms জানার বিকল্প নেই, মজার ব্যাপার হচ্ছে এটিকে আমরা খুব কঠিন কিছু ভেবে একটু দূরে দূরেই থাকি কিন্তু সত্যি বলতে প্র্যাকটিস করলে এটি বোঝা বা ইমপ্লিমেন্ট করা কোনো রকেট সায়েন্স না। আমি আপনাকে দায়িত্ব নিয়ে বুঝিয়ে বুঝিয়ে শেখাবো কিন্তু Hands on Practice এ কোনো ছাড় দেওয়া হবে না। কবি বলেন - "Practice makes it Permanent".
Project: Own Framework like React JS.
ধরে নিতে পারি আমরা হয়তো React এর নাম শুনেছি কিংবা React এ কাজ করতে করতে সেটা নখদর্পনে নিয়ে এসে ফেলেছি - যে অবস্থা থাকুক না কেনো কোনো সমস্যা নেই। যেহেতু এই বুটক্যাম্পটি React Ecosystem এর ওপর সুতরাং এখানে আমরা React কে একটু অন্যভাবে শিখবো। এর মধ্যে সবথকে উল্লেখযোগ্য ব্যাপারটি হচ্ছে আমরা এখানে কোনো এমেচার লেভেল এর কোড করবো না বরং ইন্ডাস্ট্রি গ্রেড প্রোজেক্টু গুলো তে যেভাবে মেন্টেনেবল, স্কেলেবল কোড করা হয় সেরকম করে এসাইনমেন্ট/প্রোজেক্ট গুলো করবো।
Final Project: Point of Sales (POS) Software, NFT Trading Platform.
React JS এর ওপর ভিত্তি করে বানানো একটি ফ্রেমওয়ার্ক যেটি Simple Routing সহ SSG (Static Site Generation) এবং SSR (Server Side Rendering) সুবিধা দেয় একেবারে SPA (Single Page Application) এর বৈশিষ্ট রেখেই। এছাড়া এটিতে PWA সুবিধা তো আছেই। আসলে বড় স্কেল এর এপ্লিকেশন লিখতে গেলে এই ফ্রেমওয়ার্ক টির বিকল্প এখনো React Ecosystem এ আসে নি তাই কোম্পানিগুলোর Job Requirement এ এটা থাকেই। খুব Tricky Framework এটি। সঠিক ভাবে ব্যবহার করতে পারলে আপনি নিজেকে আর্টিস্ট হিসেবে দাবী করতে পারবেন। আমরা ইন্ডাস্ট্রি গ্রেড প্রোজেক্ট এর মাধ্যমে এটিও শিখবো এখানে।
Final Project: Multi user Blog Like "Medium", News Site Like "Prothom Alo", Forum Like "Reddit"
যেহেতু Javascript ডাক টাইপ ল্যাংগুয়েজ এবং প্রোপার OOP এর নিয়মাবলী ফলো করে না কিন্তু এটি সহজবোধ্য এবং ওয়াইড স্প্রেডেড ল্যাংগুয়েজ বিধায় একটা সময় দরকার হয়েছিলো কিছু একটা আনার যেটি দ্বারা এই ভাষাটিকে নিয়মমাফিক বড় বড় কাজে ব্যবহার করা যায়, সে চিন্তা থেকে মাইক্রোসফট এর একদল ইঞ্জিনিয়ার একটি ট্রান্সপাইলার তৈরি করেন নিজেদের বানানো কিছু সিনট্যাক্স দিয়ে, এই নতুন সিন্ট্যাক্স এর জাভাস্ক্রিপ্ত এর ট্রান্সপাইলার বেইজড সুন্দর জিনিসটিই হলো TypeScript. আপনার যদি ডিজাইন প্যাটার্ন নিয়ে একটু হলেও জানাশোনা থাকে তাহলে জেনে থাকবেন যে হাইল মেন্টেনেবল মাল্টি ডেভেলপার বেইজড প্রোজেক্ট লিখতে গেলে OOP এর মতো সুবিধা অন্যকিছু পাওয়া যায় না, যেহেতু আমাদের বুটক্যাম্প জব গ্রেডে সেহেতু TypeScript এর প্রাধান্য এখানে অপরিসীম। এটি খুবই সহজ করে আপনাকে শেখানো হবে যাতে আপনি সফটওয়ার বানানোর Inner Beauty টাকে নিজের মধ্যে অনুভব করতে পারেন। আপনার কোড কোয়ালিটি হবে বিশ্বমানের।
Final Project: Will be associated with final projects of other topics.
আমরা মোটামুটি সবাই জানি যে রিডাক্স একটি স্টেট ম্যানেজমেন্ট টুল, সত্যি বলতে খুবই সাজানো গোছানো ভাবে রিডাক্স দিয়ে বড় বড় এপ্লিকেশন এর স্টেট ম্যানেজ করা যায়। রিডাক্স এর সাথে ব্যবহারের সুবিধার জন্যে রিডাক্স টুককিট সহ আরো কিছু টুলস রয়েছে যেগুলো এই বুটক্যাম্প এ গুরুত্ব পাবে। Recoil হলো ফেসবুকের নিজস্ব স্টেট ম্যানেজমেন্ট লাইব্রেরি যেটি ফেসবুক রিওমেন্ড করে React Ecosystem এ ব্যবহার করবার জন্যে। এছাড়াও আপনি হয়তো জেনে থাকবেন যে রিএক্ট অফিসিয়ালি তাদের নিজস্ব Application Architecure রিলিজ করেছে যেটির নাম ফলো ফ্লাক্স, ফ্লাক্স কে মোটামুটি আস্তে আস্তে ডেভেলপার কমিউনিটি শুধুমাত্র পজিটিভ ভাবে গ্রহন করেই বসে থাকেনি, মোটামুটি আস্তে আস্তে কোম্পানিগুলোর জব রিকোয়ারমেন্ট এ এটি যোগ হওয়া শুরু হয়েছে। আপনি যাতে চলমান দুনিয়ার থেকে পিছিয়ে না পড়েন সে জন্যে Redux এর সাথে সাথে Recoil এবং Flux ও এখানে আমরা শিখবো।
Final Project: ATM Software Simulation, TikTok
আমরা মোটামুটি সবাই REST API ব্যবহার করে ডেটা আদান প্রদান করার ব্যাপারে জানি বা হাতে কলমে প্র্যাকটিস করেছি বলে ধারনা রাখি, বিভিন্ন লাইব্রেইরি বা ফ্রেমওয়ার্ক ব্যবহারের ফলে যেটা হয় যে আমরা ডেটা আদান প্রদান করি ঠিকই কিন্তু আদর্শ প্যরামিটার গুলো আমরা মেনে চলি না যে কারনে আমাদের এপ্লিকেশন স্কেলেবল হয় না। এই বুটক্যাম্প এ আমরা এটার সঠিক ব্যবহার শিখবো (SOP - Standard Operating Procedure). GraphQL এর ব্যাপারে বলতে গেলে এটাই বলতে হয় যে ফেসবুকের বানানো এই স্কিমা বেইজড ডেটা ট্রানস্ফার প্রটোকলটি আধুনিক যুগের এপ্লিকেশন তৈরি করতে ব্যবহার করা এখন ডালভাতের মতো ব্যাপার হয়ে গেছে। স্কিমা ব্যভার করলে বাগ এর চান্স কম, প্রোডাকশন এ এপ্লিকেশন এ অযাচিত সমস্যা গুলো তৈরি হয় না। এছাড়াও এর ক্যাশিং সিস্টেম সার্ভার এবং ক্লায়েন্ট উভয় ক্ষেত্রেই লোড কমাতে সাহায্য করে যেটি সকল সফটওয়ার প্রোডাক্ট ওউনার এর একান্ত কাম্য একটি ব্যাপার। সুতরাং এটি Job Requirement এ থাকবে এটাই তো স্বাভাবিক। আমরা এটিও হাতে কলমে ধরে ধরে শিখবো।
Final Project: Will be associated with final projects of other topics, Realtime Chat App Like Messenger
এই যুগে সফটওয়ার লিখতে পারলেই শুধু হয় না, সফটওয়ার টার টেস্ট কেইস পার করতে হয়। ইউনিট টেস্ট এর জন্যে ফেসবুক এর নিজস্ব ফ্রেমওয়ার্ক টি হলো Jest যেটি তারা React Application টেস্ট করার জন্যে রিকমেন্ড করে। কথ্য আছে যে, ভালো টিম এর সাথে কাজ করতে গেলে কোড এর আগে টেস্ট লিখতে হয় রিকোয়ারমেন্ট অনুযায়ী এবং সেই টেস্ট পাস করানোর জন্যে কোড লিখতে হয়। এরকম আইডিওলজি থেকেই আসলে টেস্ট ড্রাইভেন ডেভেলপমেন্ট ব্যাপারটা এসেছে। তাই ভালো কোম্পানী তে ভালো বেতনে কাজ করতে হলে বা ক্যারিয়ার এ বুস্ট করতে চাইলে টেস্ট বেইজড কোড লেখা ছাড়া উপায় নেই। আমরা এইখানে SOP সহ Jest Based Testing হাতে কলমে ব্যবহার করে শিখবো।
Final Project: Will be associated with final projects of other topics.
সফটওয়ার লেখার সাথে কানেক্টেড যত ধরনের ব্যাপার আছে যেমন Git Maintenance, Project Brainstorming, Preproduction, Postproduction, Version Controlling, Agile Process, Project Management Tools use, Shared Hosting Deployment, Deployment in the VPS, Deploment in AWS/gCloud/Azure ইত্যাদি বিষয় এখানে চলে আসবে।
Weeks Learning Journey
Hours of Video Content
PDF Notes & Documents
Fee (Ending Soon)
First class function.
JavaScript Objects.
Understanding Prototypes.
Function Call, Apply, Bind, Closures.
Class Inheritence, Static.
this.
Async JS Deep Dive.
Callback Deep Dive.
Promise Deep Dive.
Async/Await Deep Dive.
DOM Elements.
Events & Their Listeners.
BOM: Window, Screen, Location, History.
BOM: Navigator, Timing, Cookies.
Web APIs: Forms, History, Storage, Worker, Fetch, Geolocation.
XMLHttp Core.
Graphics with Canvas.
ES6 Deep Dive Implementation.
RegExp like a Pro.
Introduction & Architecture Deep Drive.
Server-side Components.
Client-side Components.
Schema, Query, Resolver.
Type System.
Scalar Types.
Enum Types.
Enum Types.
List and Non Null.
Interfaces.
Union Types.
Input Types.
Validation.
Execution.
ReactJS & NextJS Integration.
Apollo Client.
Client Authentication.
Caching.