Frontend Excellence with Tailwind CSS, React & Next.Js
আগে থেকে যদি HTML, CSS, JS এর নলেজ থাকে এবং চাচ্ছেন আল্টিমেট Reactive Frontend ডেভেলপার হবেন, তাহলে এই কোর্সটি আপনার জন্যই। অফিসিয়াল ডকুমেন্টেশন ধরে ধরে আমরা শিখবো একে একে Tailwind CSS, React JS এবং Next JS আর সেই সাথে বানাতে থাকবো চমৎকার সব UI কম্পোনেন্ট এবং ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রোজেক্ট। প্রিরেকর্ডেড ভিডিও কন্টেন্ট - রাব্বিল হাসান রুপম ভাই লাইভ ক্লাস - সাকলাইন আব্দুল্লাহ এবং মাজেদুর রহমান ভাই
কোর্সের ইন্ট্রো ভিডিও
১৬ দিন বাকি
২০ সিট বাকি
এই কোর্সে আপনি পাচ্ছেন
১৬ সপ্তাহের স্টাডি প্ল্যান
২৮ টি লাইভ ক্লাস
ডেইলি প্রব্লেম সলভিং ক্লাস
৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট
৩০০+ প্রিরেকর্ডেড ভিডিও
অ্যাসেসমেন্ট ও সার্টিফিকেট
কল করুন +8801940444476
(সকাল ১০টা থেকে রাত ১০টা)
ব্যাচ ৪
শুরু হবে
শনি, ৭ ডিসে
ক্লাস শিডিউল
শনি,
মঙ্গল,
(রাত ৯:০০ - ১০:৩০)
ব্যাচ ৪
ক্লাস শিডিউল
শনি,
মঙ্গল,
(রাত ৯:০০ - ১০:৩০)
ফ্রি ডেমো ক্লাস
Level Up Your Frontend Skills: A Beginner’s Guide
স্টাডি প্ল্যান
১৬ টি মডিউল
২৮ টি লাইভ ক্লাস
মডিউল
০
শুরুর আগে শুরুঃ HTML, CSS, JavaScript, React JS
ফ্রী
1 HTML Introduction
প্রি রেকর্ডেড
৩ মিনিট
2 HTML Basic Web Page
প্রি রেকর্ডেড
৭ মিনিট
3 HTML Text Formatting
প্রি রেকর্ডেড
৭ মিনিট
4 HTML Headings
প্রি রেকর্ডেড
৩ মিনিট
5 HTML Table Tags
প্রি রেকর্ডেড
৫ মিনিট
মডিউল
১
Mastering Tailwind Layouts
৩ টি লাইভ ক্লাস
১ টি টেস্ট
৩ টি লাইভ ক্লাস
১ টি টেস্ট
Installation | Editor Setup | Core Concept: Utility-First Fundamentals | Core Concept: Hover, Focus, and Other States | Core Concept: Responsive Design | Core Concept: Dark Mode | Core Concept: Functions & Directives | Aspect Ratio | Container | Columns | Break After | Break Before | Break Inside | Box Decoration Break | Box Sizing | Display | Object Fit | Object Position | Overflow | Overscroll Behavior | Position | Top / Right / Bottom / Left | Visibility | Z-Index | Flex Basis | Direction | Wrap | Flex | Flex Grow | Flex Shrink | Order | Grid Template Columns | Grid Column Start / End | Grid Template Rows | Grid Row Start / End | Grid Auto Flow | Grid Auto Columns | Grid Auto Rows | Gap | Justify Content | Justify Items | Justify Self | Align Content | Align Items | Align Self | Place Content | Place Items | Place Self
লাইভ ক্লাস
[Tailwind & React] Getting Started
লাইভ ক্লাস
[Tailwind & React] Details on tailwind Layout
লাইভ ক্লাস
[Tailwind & React] Flexbox & Grid
মডিউল
২
Perfect Spacing & Pro Sizing with Tailwind
৩ টি লাইভ ক্লাস
১ টি টেস্ট
৩ টি লাইভ ক্লাস
১ টি টেস্ট
Padding,Margin | Space Between | Width,Min-Width | Max-Width,Height | Min-Height,Max-Height,Size | Font Family,Font Size | Font Smoothing,Font Style | Font Weight,Font Variant Numeric | Letter Spacing,Line Clamp | Line Height,List Style Image | List Style Position,List Style Type | Text Align,Text Color | Text Decoration,Text Decoration Color | Text Decoration Style,Text Decoration Thickness | Text Underline Offset,Text Transform | Text Overflow,Text Wrap,Text Indent | Vertical Align,Whitespace,Word Break | Hyphens,Content | Background Attachment | Background Clip,Background Color | Background Origin,Background Position | Background Repeat,Background Size | Background Image,Gradient Color Stops | Border Radius,Border Width,Border Color | Border Style,Divide Width | Divide Color,Divide Style | Outline Width,Outline Color | Outline Style,Outline Offset,Ring Width | Ring Color,Ring Offset Width | Ring Offset Color
লাইভ ক্লাস
[Tailwind & React] Spacing & Sizing
লাইভ ক্লাস
[Tailwind & React] Typography
লাইভ ক্লাস
[Tailwind & React] Backgrounds & Borders
মডিউল
৩
Tailwind & React Interactivity
৩ টি লাইভ ক্লাস
১ টি টেস্ট
৩ টি লাইভ ক্লাস
১ টি টেস্ট
Box Shadow | Box Shadow Color | Opacity | Mix Blend Mode | Background Blend Mode | Blur | Brightness | Contrast | Drop Shadow | Grayscale | Hue Rotate | Invert | Saturate | Sepia | Backdrop Blur | Backdrop Brightness | Backdrop Contrast | Backdrop Grayscale | Backdrop Hue Rotate | Backdrop Invert | Backdrop Opacity | Backdrop Saturate | Backdrop Sepia | Border Collapse | Border Spacing | Table Layout | Caption Side | Transition Property | Transition Duration | Transition Timing Function | Transition Delay | Animation | Accent Color | Appearance | Cursor | Caret Color | Pointer Events | Resize | Scroll Behavior | Scroll Margin | Scroll Padding | Scroll Snap Align | Scroll Snap Stop | Scroll Snap Type | Touch Action | User Select | Will Change
লাইভ ক্লাস
[Tailwind & React] Effects & Filters
লাইভ ক্লাস
[Tailwind & React] Tables Transitions & Animation
লাইভ ক্লাস
[Tailwind & React] Interactivity
মডিউল
৪
Exam Week 1
১ টি এসাইনমেন্ট
১ টি টেস্ট
১ টি এসাইনমেন্ট
১ টি টেস্ট
মডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।
এসাইনমেন্ট
মডিউল ৪ এর অ্যাসাইনমেন্ট
ক্লিক করে দেখে নিন কোর্সের ডেমো ক্লাস
ক্লিক করে দেখে নিন কোর্সের ডেমো ক্লাস
ইন্সট্রাক্টর
লিড ইন্সট্রাক্টর
Rabbil Hasan
Founder of Learn With Rabbil Hasan
Majedur Rahman
Sr. Software Engineer L-ll, Vivasoft Ltd.
Saklain Abdullah
Software Engineer, Bevy | Lecturer, East Delta University
কোর্স সম্পর্কে
জনপ্রিয় ফ্রন্টেন্ড ফ্রেমওয়ার্ক React.js ই তাদের ডকুমেন্টেশনে সাজেস্ট করছে next.js ব্যবহার করতে! বোঝাই যাচ্ছে ওয়েব ডেভেলপমেন্টের ক্ষেত্রে ফিউচার লিড করতে যাচ্ছে Next.js. আপনি একজন বড় মাপের ডেভেলপার হতে চাইলে নিশ্চয়ই নিখুঁত কাজের পাশাপাশি দ্রুততা চাইবেন যেটি আপনাকে দিতে পারে Next.js স্ট্যাক।
Next.js কী?
মডার্ন ওয়েব ডেভেলপমেন্টের ক্ষেত্রে React.js এখন খুবই পপুলার একটা go-to-framework. আবার অন্যদিকে Next.js একটি ওপেন সোর্স নোড ফ্রেমওয়ার্ক যা সহজেই স্কেলেবল Node.js সার্ভার সাইড অ্যাপ্লিকেশন তৈরিতে ব্যবহৃত হয়। এটি TypeScript ব্যবহার করে তৈরি করা যেটি স্কেলেবল এবং টেস্টেবল অ্যাপ্লিকেশন তৈরিতে সাহায্য করে। PostgreSQL, MongoDB, এবং MySQL এর সমস্ত ডাটাবেস এতে রয়েছে।
কোর্সে কী কী প্রোজেক্ট করবেন?
1. SEO Friendly Agency Website Project Using Next JS & Rest API
2. News Portal Project Using Next JS
3. E-commerce Proejct Using Next JS
4. Inventory Rest API Project Using Next.js
5. Portfolio Website Project With Admin Dashboard
কোর্স চলাকালীন প্রজেক্টসমুহ
রিকোয়ারমেন্টস
আপনাকে কোর্সে জয়েন করার আগে অবশ্যই HTML, CSS, JavaScript এবং React সম্পর্কে আইডিয়া থাকা লাগবে।
সাধারন জিজ্ঞাসা
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
হেল্প
ব্যাচ সংক্রান্ত যেকোনো তথ্যের জন্যে কল করুন +8801940444476 (সকাল ১০টা থেকে রাত ১০টা)
ক্যারিয়ার কাউন্সিলরের সাথে কথা বলুন