.png){kind=logo}
Frontend Excellence with Tailwind CSS, React & Next.Js
আগে থেকে যদি HTML, CSS, JS এর নলেজ থাকে এবং চাচ্ছেন আল্টিমেট Reactive Frontend ডেভেলপার হবেন, তাহলে এই কোর্সটি আপনার জন্যই। অফিসিয়াল ডকুমেন্টেশন ধরে ধরে আমরা শিখবো একে একে Tailwind CSS, React JS এবং Next JS আর সেই সাথে বানাতে থাকবো চমৎকার সব UI কম্পোনেন্ট এবং ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রোজেক্ট। প্রিরেকর্ডেড ভিডিও কন্টেন্ট - রাব্বিল হাসান রুপম ভাই লাইভ ক্লাস - সাকলাইন আব্দুল্লাহ এবং মাজেদুর রহমান ভাই
কোর্সের ইন্ট্রো ভিডিও
16 Days Left
20 Seats Left
In this course you get
১৬ সপ্তাহের স্টাডি প্ল্যান
২৮ টি লাইভ ক্লাস
ডেইলি প্রব্লেম সলভিং ক্লাস
৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট
৩০০+ প্রিরেকর্ডেড ভিডিও
অ্যাসেসমেন্ট ও সার্টিফিকেট
Call +8801940444476
(10 am to 10 pm)
Batch 4
Starting Date
Sat, 7 Dec
Class Schedule
শনি,
মঙ্গল,
( 09:00 PM - PM)
Batch 4
Starting Date
Saturday, 7 Dec
Class Schedule
Saturday,
Tuesday,
( 09:00 PM - 10:30 PM)
Free Demo Class
Level Up Your Frontend Skills: A Beginner’s Guide
Study Plan
16 Module
28 Live Class
Module
0
শুরুর আগে শুরুঃ HTML, CSS, JavaScript, React JS
Free
1 HTML Introduction
Pre Recording
3 min
2 HTML Basic Web Page
Pre Recording
7 min
3 HTML Text Formatting
Pre Recording
7 min
4 HTML Headings
Pre Recording
3 min
5 HTML Table Tags
Pre Recording
5 min
Module
1
Mastering Tailwind Layouts
3 Live Class
1 Test
3 Live Class
1 Test
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
Live Class
[Tailwind & React] Getting Started
Live Class
[Tailwind & React] Details on tailwind Layout
Live Class
[Tailwind & React] Flexbox & Grid
Module
2
Perfect Spacing & Pro Sizing with Tailwind
3 Live Class
1 Test
3 Live Class
1 Test
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
Live Class
[Tailwind & React] Spacing & Sizing
Live Class
[Tailwind & React] Typography
Live Class
[Tailwind & React] Backgrounds & Borders
Module
3
Tailwind & React Interactivity
3 Live Class
1 Test
3 Live Class
1 Test
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
Live Class
[Tailwind & React] Effects & Filters
Live Class
[Tailwind & React] Tables Transitions & Animation
Live Class
[Tailwind & React] Interactivity
Module
4
Exam Week 1
1 Assignment
1 Test
1 Assignment
1 Test
মডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।
Assignment
মডিউল ৪ এর অ্যাসাইনমেন্ট
Watch Demo class
.jpg)
Watch Demo class
Instructor
Lead Instructor
.jpg)
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
About
জনপ্রিয় ফ্রন্টেন্ড ফ্রেমওয়ার্ক 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
Projects during the course
SEO Friendly Agency Website (Next JS + Rest API)
News Portal (Next JS + Prisma)
Ecommerce Project (Next JS + Prisma)
Inventory Rest API Project (Next JS)
Portfolio Website Project with Admin Dashboard
Requirements
আপনাকে কোর্সে জয়েন করার আগে অবশ্যই HTML, CSS, JavaScript এবং React সম্পর্কে আইডিয়া থাকা লাগবে।
Frequently Asked Questions (FAQ)
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
Helpline
For any queries regarding this batch, call +8801940444476 (10 am to 10 pm)
Talk to Career Counselor
