Learn Frontend Web Development

ওয়েব ডেভেলপাররা যেভাবে কাজ করেন, ঠিক সেভাবেই ফ্রন্টএন্ড ওয়েব ডেভেলপমেন্ট শিখুন: প্রথম লেসন থেকেই HTML, CSS এবং JavaScript একসাথে, একটি পেজে। JavaScript-এর একটি লাইন পরিবর্তন করুন এবং আপনার ফোনে পেজটি আপডেট হতে দেখুন, যেখানে HTML, CSS এবং JS প্যানেলগুলো পাশাপাশি থাকবে এবং নিচে একটি লাইভ প্রিভিউ দেখা যাবে।

নতুনদের জন্য একটি সম্পূর্ণ ফ্রন্টএন্ড কোর্স যা বেসিক বিষয়গুলোর ওপর ভিত্তি করে তৈরি: আপনার প্রথম ট্যাগ থেকে শুরু করে TypeScript, React, Vue, টেস্টিং, পারফরম্যান্স এবং ফ্রন্টএন্ড আর্কিটেকচার পর্যন্ত।

এর ভেতরে যা আছে

• বিগিনার (A1) থেকে সিনিয়র লেভেল (C2) পর্যন্ত ৪১টি কোর্স এবং ১৬৩টি ছোট লেসন

• HTML, CSS এবং JavaScript প্যান ও তাৎক্ষণিক প্রিভিউ সহ একটি লাইভ কোড এডিটর

• HTML, React, Vue, Angular, Node বা TypeScript টেমপ্লেট থেকে তৈরি নতুন প্রজেক্ট

• ধাপে ধাপে ২০টি গাইডেড প্রজেক্ট: একটি রেসিপি পেজ, একটি কন্টাক্ট ফর্ম, একটি কার্ড গ্রিড, একটি নেভবার, একটি ডেটা টেবিল এবং আরও অনেক কিছু

• আসল ফ্রন্টএন্ড বাগ থেকে তৈরি ১৫টি ডিবাগিং মিশন: একটি লেআউট যা ৩৭৫px-এ ভেঙে যায়, একটি ইমেজ যা আপনার LCP নষ্ট করে দেয়, একটি ফর্ম যা কেউ ট্যাব দিয়ে পার হতে পারে না, একটি কম্পোনেন্টে মেমোরি লিক, একটি টেস্ট যা লোকালি পাস করে কিন্তু CI-তে ফেল করে

• একটি ফাইনাল পরীক্ষা এবং সমাপ্তির সার্টিফিকেট

• অ্যাপটি ২২টি ভাষায় উপলব্ধ

এক পথেই, বিগিনার থেকে সিনিয়র

• ওয়েব কীভাবে কাজ করে, HTML-এর মৌলিক বিষয়, ফর্ম এবং সিমান্টিক মার্কআপ

• CSS-এর মৌলিক বিষয়, ভ্যারিয়েবল, ট্রানজিশন এবং অ্যানিমেশন, ফ্লেক্সবক্স এবং গ্রিড দিয়ে লেআউট

• প্রতিটি স্ক্রিন সাইজের জন্য রেসপন্সিভ ডিজাইন

• জাভাস্ক্রিপ্টের অপরিহার্য বিষয়সমূহ, অ্যারে এবং অবজেক্ট, ES6+, DOM এবং ব্রাউজার API, অ্যাসিঙ্ক প্রোগ্রামিং

• ডেভেলপার টুলস, Git এবং টিম ওয়ার্কফ্লো, মডিউল এবং বিল্ড টুলস

• টাইপস্ক্রিপ্টের প্রথম টাইপ থেকে অ্যাডভান্সড প্যাটার্ন পর্যন্ত

• React-এর মৌলিক বিষয়সমূহ, useEffect এবং ডেটা ফেচিং, অ্যাডভান্সড হুকস এবং প্যাটার্ন

• Vue 3-এর মৌলিক বিষয়সমূহ, কম্পোজিশন API এবং অ্যাডভান্সড Vue প্যাটার্ন

• স্টেট ম্যানেজমেন্ট, REST-এর সাথে API ইন্টিগ্রেশন, WebSockets এবং রিয়েল-টাইম UI

• Next.js এবং Nuxt 3 দিয়ে সার্ভার-সাইড রেন্ডারিং, প্রগ্রেসিভ ওয়েব অ্যাপস (PWA)

• অ্যাক্সেসিবিলিটি, টেস্টিং, পারফরম্যান্স এবং সিকিউরিটি

• CSS আর্কিটেকচার, ডিজাইন সিস্টেম, CI/CD এবং আধুনিক টুলিং

অভ্যাস যা মনে থাকে

• যা শিখেছেন তা আরও ভালোভাবে আয়ত্ত করার জন্য কুইজ এবং রিভিও সেশন

• সিনট্যাক্স এবং প্যাটার্নের ৮৩টি এন্ট্রি সহ একটি চিট শিট

• উত্তর সহ ৫০টি ইন্টারভিউ প্রশ্ন, যা ফ্রন্টএন্ড ডেভেলপার বা ওয়েব ডেভেলপার ইন্টারভিউয়ের আগে দরকারি

• ছোট ছোট উদাহরণের একটি কোড লাইব্রেরি যা আপনি খুলতে এবং সম্পাদনা করতে পারবেন

• আপনার নিজের কোড সংরক্ষণ করুন কোড, নোট এবং প্রিয় লেসন

• কোডিং চ্যালেঞ্জ: কোড দিয়ে বন্ধুকে আমন্ত্রণ জানান অথবা একজন র‍্যান্ডম প্রতিপক্ষের সাথে ম্যাচ করুন

• ওয়ার্ল্ড কোডিং চ্যালেঞ্জ: প্রতিদিন তিনটি গ্লোবাল রাউন্ড, যা জাভাস্ক্রিপ্ট, পাইথন এবং অন্যান্য ভাষায় সমাধান করা হয়

• স্ট্রিকস, এক্সপি, একটি লিডারবোর্ড এবং দৈনিক রিমাইন্ডার

এআই মেন্টর

• কোনো বাগ বা কনসেপ্টে আটকে গেছেন? কোনো এরর, লেসন বা আপনার নিজের কোড সম্পর্কে এআই মেন্টরকে জিজ্ঞাসা করুন

• এআই প্লেগ্রাউন্ড: একটি পেজ বর্ণনা করুন এবং কোডটি লেখা হতে দেখুন

• ফ্রি ব্যবহারকারীরা প্রতিদিন ৩টি এআই প্রশ্ন করার সুযোগ পান; প্রো সংস্করণটি এটিকে সীমাহীন করে তোলে

কাদের জন্য

• সম্পূর্ণ নতুন যারা ওয়েব ডেভেলপার হতে চান

• শিক্ষার্থীরা যারা ওয়েব ডেভেলপমেন্ট কোর্সের পাশাপাশি অতিরিক্ত অনুশীলন করতে চান

• ডিজাইনাররা যারা নিজেদের ডিজাইন করা জিনিস তৈরি করতে চান

• ডেভেলপাররা যারা কিছুটা HTML এবং CSS জানেন এবং এর সাথে JavaScript, TypeScript ও ফ্রেমওয়ার্ক শিখতে চান

• যারা পেশা পরিবর্তন করে প্রথম ফ্রন্টএন্ড চাকরির জন্য প্রস্তুতি নিচ্ছেন

এটি কীভাবে কাজ করে

১. বিনামূল্যে প্রথম কোর্সটি দিয়ে শুরু করুন: ফ্রন্টএন্ড ডেভেলপমেন্টে স্বাগতম

২. কোড এডিটর খুলুন, একটি প্যান পরিবর্তন করুন এবং প্রিভিউটি অনুসরণ করতে দেখুন

৩. পর্যায়ক্রমে এগিয়ে যান: JavaScript, রেসপন্সিভ লেআউট, TypeScript, তারপর React এবং Vue

৪. নির্দেশিত প্রজেক্ট তৈরি করুন এবং ডিবাগিং মিশনে আসল বাগ ঠিক করুন

৫. চূড়ান্ত পরীক্ষায় উত্তীর্ণ হন এবং আপনার সার্টিফিকেট অর্জন করুন

ফ্রি এবং প্রো

প্রথম কোর্স, প্রথম নির্দেশিত প্রজেক্ট, দুটি ডিবাগিং মিশন এবং কোড এডিটর বিনামূল্যে, সাথে প্রতিদিন ৩টি AI মেন্টর প্রশ্ন। ফ্রি সংস্করণে বিজ্ঞাপন দেখানো হয়। প্রো সংস্করণটি প্রতিটি কোর্স, সমস্ত প্রজেক্ট ও মিশন, সার্টিফিকেট পরীক্ষা এবং সীমাহীন AI আনলক করে এবং বিজ্ঞাপন সরিয়ে দেয়।

আজই শুরু করুন এবং মিনিটের মধ্যে আপনার প্রথম পেজটি তৈরি করুন।