
بازگشت وجه بدون شرط!
دسترسی به بروزترین محتوا
دسترسی سریع به دوره !
بروزرسانی مادام العمر آموزش
مشاوره مستقیم با استاد!
پشتیبانی فنی مادام العمر
خیلی خیلی خوش اومدید به دوره آموزش Tailwind CSS به زبان ساده 🙂 اگه شماهم قصد شروع یادگیری Tailwind CSS رو دارید و دمبال یک دوره آموزشی اصولی، معتبر ( ضبط یودمی ) و پروژه محور میگردید جای درستی اومدید 🙂
به جرئت میشه گفت که این دوره آموزشی بهترین منبع آموزش تیلویند به زبان ساده هست ( یادگیری 0 تا 100 ) !
تو این دوره آموزشی میخوایم 0 تا 100 فریمورک Tailwind CSS رو به زبونی ساده و قابل فهم یاد بگیریم و زمان خودمون رو بابت خوندن داکیومنت از دست ندیم.
بریم ببینیم تو دوره آموزش تیلویند قراره چه مباحثی رو با همدیگه یاد بگیریم ..
فریمورک Tailwind CSS یک ابزار بشدت قدرتمند!
فریمورک Tailwind CSS یک فریمورک مبتنی بر CSS هست که به کمک کلاس های کمکی و مختصر قدرتمند خودش به ما اجازه میده تجربه استایل دهی خیلی لذت بخش تر و سریعتری داشته باشیم!
زمانیکه از تیلویند استفاده میکنیم دیگه نیازی به فایلهای css. نداریم و این کمک میکنه با سرعت بیشتری به کامپوننت های ری اکتی خودمون استایل بدیم.
همچنین استفاده از فریمورک تیلویند باعث میشه اپیکیشن بهینه تری داشته باشیم چون صرفا همون استایل هایی که بهشون نیاز داریم رو وارد پروژه میکنه ( نه Style های بلااستفاده ) همین موضوع کمک میکنه سرعت لود صفحات ما سریعتر باشه!
جدای از همه این موارد برای فریمورک TailwindCSS یک عالمه پلاگین و افزونه منتشر شده که هرکدوم تو یک زمینه مشخص به ما کمک میکنن.
در کل میشه Tailwind CSS رو به چشم یک ابزار قدرتمند و ضروری دید که پیشنهاد میشه هر توسعه دهنده بهش تسلط داشته باشه 🙂
نیازه که به Tailwind CSS مسلط بشیم ؟!
بدون شک بله!
اگه نگاهی به آگهی های استخدامی React Developer یا Front-End Developer در ایران و خارج از کشور بندازیم، میبینیم که تقریبا در تمامی موقعیت های شغلی، تسلط به Tailwind ضروری هست و این اصلا جای تعجب نداره!
این فریمورک و ابزار قدرتمند اونقدری مزایا داره که اصلا نمیشه در یادگیری و استفاده ازش شک کرد.
همچنین اگه نگاهی به مسیر یادگیری ری اکت یا فِرانت اِند بندازیم، میبینیم که تاکید شده Tailwind CSS رو یاد بگیریم.
منتظر چی هستین پس؟ 🙂
خطر اعتیاد به تیلویند !
خطر اعتیاد به Tailwind CSS !
حقیقتا اگه به Tailwind CSS مسلط بشیم و توی پروژه های تحت وب خودمون ازش استفاده کنیم، امکان نداره معتادش نشیم! استفاده از Tailwind CSS واقعا لذت بخشه و کمک میکنه زمان کمتری بابت استایل دهی به صفحات خودمون صرف کنیم.
مثلا پروسه ریسپانسیو کردن صفحات رو برامون ساده کرده و دیگه نیازی به نوشتن media query های خسته کننده نداریم!
یا مثلا برای پیاده سازی حالت دارک مود میتونیم از ویژگی :dark خود تیلویند استفاده کنیم و خیلی سریعتر حالت دارک مود رو به اپیکیشن خودمون اضافه کنیم.
سرفصل های دوره آموزش تیلویند
فصل اول Introduction - شامل 5 جلسه
Important! Read this before you begin this course
1 دقیقه
Introduction
2 دقیقه
Editor setup
3 دقیقه
Udemy ratings & reviews
1دقیقه
Project setup & tailwind css overview
16 دقیقه
فصل دوم Building the navbar - شامل 9 جلسه
Create the navbar and logo (with spacing, flexbox, and gradients)
12دقیقه
Apply Google Fonts to tailwind project
4 دقیقه
Create the first menu item, add classes on hover, & add transitions
7 دقیقه
Finish the menu items, editing techniques, & tailwind css components
10 دقیقه
Create the sub menu items & use tailwind css group functionality
6 دقیقه
Create the mobile menu icon
6 دقیقه
Animate mobile menu icon & create custom variant plugin with "addVariant"
12 دقیقه
Extend tailwind css custom open variant & implement mobile menu functionality
13 دقیقه
Implement mobile sub menu with custom group open tailwind variant
8 دقیقه
فصل سوم Building the Hero section- شامل 4 جلسه
Create the Hero section and background image
7 دقیقه
Add the hero content
8 دقیقه
Create the waveform logo animation
10 دقیقه
Create custom animation delay tailwind css plugin with "matchUtilities"
7 دقیقه
فصل چهارم Building the headliners section & carousel- شامل 3 جلسه
Default base styles for headings
4 دقیقه
Create a scrollable & snappable carousel in tailwind css
7 دقیقه
Adding left and right arrows to the carousel
8 دقیقه
فصل پنجم Light and dark mode - شامل 2 جلسه
Implement light and dark mode based on user's local machine settings
3 دقیقه
Implement tailwind css light & dark mode with toggle button
8 دقیقه
فصل ششم Building the tickets & lineup timeline sections - شامل 4 جلسه
Create the tickets table & custom tailwind plugin with "addUtilities"
6 دقیقه
Start the lineup timeline (with advanced background gradients in tailwind)
6 دقیقه
Finish the lineup timeline
7 دقیقه
Advanced tailwind css plugins & creating dynamic button component plugin
15دقیقه
فصل هفتم Extras - شامل 4 جلسه
Gradient text colors in Tailwind CSS
2 دقیقه
New size- utility class name
2 دقیقه
Upload code to github and deploy to vercel
6 دقیقه
BONUS!
1 دقیقه
یادگیری به زبان ساده!
یادگیری Tailwind CSS سخته ؟!
اصلا! همونطور که تو عنوان این دوره آموزشی هم ذکر شده، قصد داریم فریمورک Tailwind CSS رو به زبونی ساده و قابل فهم یاد بگیریم!
تو این دوره آموزشی میخوایم تو یک زمان کم ( مجموعا 3 ساعت ) به تمامی مباحث فریمورک تیلویند بصورت 100% مسلط بشیم.
منابع دوره آموزشی Tailwind CSS چیست ؟
دوره آموزشی Tailwind CSS Zero To Hero توسط تام فیلیپس ( Tom Phillips ) در آکادمی یودمی ( Udemy ) تدریس و منتشر شده.
به جرئت میشه گفت که یکی از بهترین منابع آموزشی Tailwind CSS به حساب میاد چون :
صفر تا صد دوره 3 ساعت هست و الکی زمان دوره رو زیاد نکردن که خسته کننده باشه! ( مختصر و مفید )
لحن و تدریس حرفه ای مدرس ( + زیرنویس انگلیسی و قابلیت ترجمه به فارسی )
قیمت بسیار مناسب و دسترسی سریع به محصول
همچنین اگه برای این دوره آموزشی آپدیتی منتشر بشه، این محصول نیز بصورت رایگان بروزرسانی میشه.
چرا این دوره آموزشی ؟
توی دوره آموزش تیلویند برخلاف سایر آموزش ها که صرفا ویژگی ها و قابلیت های tailwind رو بصورت تئوری توضیح میدن، تمام مباحث Tailwind CSS در حین پروژه و بصورت عملی ( کاربردی ) مطرح شده!
این دوره آموزشی بصورت پروژه محور هست، و در انتهای دوره ما یک لندینگ پیج پیاده سازی میکنیم. با انجام اینکار هم یک نمونه کار زیبا خواهیم داشت هم ده ها تمرین تیلویند انجام دادیم و Tailwind CSS رو عمیقا یاد گرفتیم 🙂
دوره آموزش تیلویند چه پیش نیاز هایی داره ؟
برای شروع یادگیری Tailwind CSS نیازه که ما به مباحث اصلی CSS تسلط داشته باشیم.
به جز CSS، این دوره آموزشی هیچ پیش نیاز دیگه ای نداره.
بعد دوره آموزش Tailwind به چه مهارتی دست پیدا میکنیم ؟
پس از گذراندن دوره آموزش Tailwind میتونیم وبسایت های ریسپانسیو مدرن و زیبا بسازیم.
وبسایت هایی که میسازیم از حالت دارک مود پشتیبانی میکنن و از همه مهمتر در کمترین زمان ممکن پیاده سازی میشن چون به کمک تیلویند میتونیم خیلی سریع وبسایت خودمون رو استایل دهی کنیم.
در انتهای دوره میتونیم پروژه های طراحی سایت بگیریم و در کمترین زمان ممکن پیاده سازیشون کنیم. همچنین درگیر فایل های css. نمیشیم و خیلی تمیزتر میتونیم صفحات خودمون رو استایل دهی کنیم.
نظرات
متوسط امتیازات
جزئیات امتیازات
6 دیدگاه برای آموزش Tailwind CSS به زبان ساده! ( عملی و پروژه محور )
قیمت
490,000 تومان Original price was: 490,000 تومان.190,000 تومانCurrent price is: 190,000 تومان.
elnaz imany
دوره بشدت عالیه و جمعا 3:30 ساعت بود که تو یکروز کامل دیدمش.
لطفا از این دست آموزش های فشرده و کاربری بیشتر بزارید ممنون
شس شسی
سلام خیلی مفید بود ممنون
احمد احمدنژاد
سلام و درود
خوشحالم که براتون مفید واقع شده 🙂
soheil
چقدر خوب بود که تایم جلسات کوتاه و مختصر بود
اصلا خسته کننده نبود
تشکر 🙏
احمد احمدنژاد
سلام و درود
خوشحالم که براتون مفید واقع شده 🙂
fatemeh
سلام میخواستم بدونم این دوره برای چه سالی هست؟
احمد احمدنژاد
سلام و درود
دوره ضبط و انتشارش برای امسال ( 1403 – 2024 ) هست.
تمامی مباحث آپدیت و بروز بر اساس داکیومنت رسمی تیلویند هستن.
alirezasaydpishe400
سلام من چجوری میتونم دوره رو دانلود کنم؟؟ خریداری کردم اما دوره دانلود نمیشه
احمد احمدنژاد
سلام و درود
با مراجعه به پنل کاربریتون میتونید دوره رو دانلود کنید و مشکلی نیست.
اگه همچنان مشکل دارید لطفا بهم اطلاع بدید که لینک دانلود مستقیم رو براتون ایمیل کنم.
saeed
دوره عالی بود ! ممنون لطفا از این دست دوره های کاربردی بیشتر بزارید
احمد احمدنژاد
قربانت سعید جان 🙂 حتما سعی میکنم دوره های کاربردی بیشتری قرار بدم. موفق باشی 🙂