شروع اصولی با Tailwind CSS 4
با فلسفه Tailwind، ساختار Utility-First و روش‌های راه‌اندازی آن آشنا می‌شوید و تفاوت‌های مهم نسخه 3 و 4 را یاد می‌گیرید.
آموزش فرانت اند
دوره آموزشی تیلویند 4
اگه از طراحی‌های تکراری و وقت‌گیر با CSS خسته شدی، دوره Tailwind CSS دقیقا همون چیزیه که دنبالش بودی. توی این دوره 20 ساعته، قراره یاد بگیری چطوری با یه سری کلاس آماده، تو سریع‌ترین زمان ممکن، رابط کاربری‌هایی بزنی که هم تمیزن، هم ریسپانسیون، هم کاملاً حرفه‌ای.
از همون جلسه اول، با ساختار Tailwind آشنا می‌شی، یاد می‌گیری چجوری بدون یه خط CSS خالص، هر چیزی که توی ذهنت هست رو بچینی. بعد میریم سراغ مباحث پیشرفته‌تر مثل ساخت کامپوننت‌های قابل استفاده مجدد، سفارشی‌سازی تم، حالت‌های تیره‌روشن (dark mode)، و....
در حال آماده‌سازی ویدیو…
وضعیت دوره:
به اتمام رسیده
مدت زمان دوره:
22:36:00
آخرین بروزرسانی:
1404/7/14
روش پشتیبانی
آنلاین / تلگرام
پیش نیاز:
Html/Css
نوع مشاهده:
ضبط شده / آنلاین
درصد پیشرفت دوره:
100%
صفر تا صد آموزش تیلویند 4
راهنمای جامع دوره
شناسنامه و نمای کلی دوره
با یادگیری اصولی و پروژه‌محور مفاهیم این دوره، گامی بلند جهت ارتقای دانش فنی و آماده‌سازی برای بازار کار تخصصی برخواهید داشت. این دوره به همراه پشتیبانی اختصاصی، تمرینات مستمر و آزمون‌های سنجش مهارت ارائه می‌شود.
5
تعداد فصل‌ها
948
مدت دوره (دقیقه)
376
تعداد دانشجویان
ضبط شده / آنلاین
سطح علمی دوره
Html/Css
پیش‌نیازهای شروع
آنلاین / تلگرام
روش پشتیبانی
100٪
پیشرفت تولید دوره
تکنولوژی‌ها و مهارت‌هایی که یاد می‌گیرید
ابزارها و مهارت‌های کلیدی این دوره برای ساخت پروژه‌های واقعی و ورود حرفه‌ای به بازار کار.
نقشه راه
مسیر یادگیری شما؛ از شروع تا پروژه‌های واقعی
یک مسیر روشن و مرحله‌به‌مرحله برای یادگیری اصولی، ساخت پروژه‌های حرفه‌ای و آمادگی ورود به دنیای واقعی توسعه نرم‌افزار.
نصب و راه‌اندازی حرفه‌ای پروژه
Tailwind را با روش‌های مختلف از جمله Tailwind CLI و PostCSS راه‌اندازی می‌کنید و محیط پروژه را برای توسعه واقعی آماده می‌کنید.
طراحی رابط بدون CSSهای طولانی
یاد می‌گیرید با Utility Classها رنگ، فونت، فاصله، اندازه، Border و سایر ویژگی‌های ظاهری را مستقیم و سریع روی عناصر کنترل کنید.
ساخت Layoutهای حرفه‌ای
چیدمان بخش‌های مختلف رابط را با ابزارهای Layout، Flexbox و Grid در Tailwind پیاده‌سازی می‌کنید.
طراحی کاملاً Responsive
با Breakpointهای Tailwind رابط‌هایی می‌سازید که روی موبایل، تبلت، لپ‌تاپ و دسکتاپ ساختار مناسبی داشته باشند.
طراحی حالت‌های تعاملی
با Stateهای مختلف، Hover، Focus و سایر حالت‌های تعاملی، Componentهایی می‌سازید که به رفتار کاربر واکنش حرفه‌ای نشان دهند.
ساخت Animation و افکت‌های مدرن
از Transform، Transition و Filter برای ایجاد حرکت‌ها، تغییر حالت‌ها و جلوه‌های بصری مدرن در رابط کاربری استفاده می‌کنید.
پیاده‌سازی Dark Mode
نحوه طراحی رابط‌هایی با حالت روشن و تاریک را یاد می‌گیرید و Dark Mode را به‌صورت اصولی در پروژه پیاده‌سازی می‌کنید
شخصی‌سازی Tailwind
از تنظیمات پیش‌فرض عبور می‌کنید و Tailwind را متناسب با Design System و نیازهای پروژه خود شخصی‌سازی می‌کنید.
ساخت Componentهای قابل استفاده مجدد
یاد می‌گیرید UI را به بخش‌های منظم و قابل استفاده مجدد تبدیل کنید تا توسعه صفحات بعدی سریع‌تر و ساختار پروژه تمیزتر شود.
ساخت چند پروژه واقعی
آموخته‌ها را در پروژه‌هایی مثل صفحه Login، Card، Landing Page و وب‌سایت NFT به‌صورت عملی پیاده‌سازی و Responsive می‌کنید.
ساخت پروژه کامل مشابه جابینجا
یک پروژه چندصفحه‌ای واقعی شامل Header، دسته‌بندی‌ها، آگهی‌ها، شرکت‌ها، جستجوی مشاغل، Sidebar، Slider و Footer طراحی می‌کنید.
آماده‌سازی پروژه برای Production
پروژه را از محیط توسعه خارج می‌کنید، مشکلات نهایی را رفع می‌کنید و آن را برای انتشار روی Hosting آماده می‌کنید.
سرفصل‌های دوره
فصل‌ها و ویدیوهای دوره آموزشی تیلویند 4
- 5 فصل
- 53 ویدیو
- 948 دقیقه
فصل‌ها را مرور کنید؛ ویدیوهای رایگان بدون خرید و بقیه پس از ثبت‌نام در دوره فعال می‌شوند.
برای دانلود یا تماشای ویدیوها ابتدا دوره را خریداری کنید!
قبلا خریداری کرده اید؟ وارد حساب
کاربری خود شوید
فرهاد کاظم زاده
برنامه نویس فول استک وب
نزدیک به ده سال است که به صورت تخصصی در حوزه برنامه‌نویسی و توسعه نرم‌افزار فعالیت می‌کنم و در حال حاضر به عنوان TeamLead در گروه نرم افزاری آفام ، منتور چندین شرکت و مدیر پروژه در گروه نرم‌افزاری فرین مشغول به کار هستم. از سال ۱۳۹۸ فعالیت آموزشی خود را در دانشگاه‌ها، موسسات آموزشی و آکادمی‌های استعدادیابی آغاز کرده و در زمینه کشف و پرورش استعدادها تجربه ارزشمندی کسب کرده‌ام. در سال ۱۴۰۲، آکادمی دومایندز (توسعه دهندگان ذهن) را تأسیس کردم تا با هدف ترویج مهارت‌های واقعی بازار کار، دانشجویان را به مهندسین نرم‌افزار توانمند تبدیل کنم؛ افرادی که نه تنها با مفاهیم برنامه‌نویسی آشنا هستند، بلکه درک عمیقی از معماری‌های بزرگ، پیاده‌سازی آن‌ها، مدیریت پرفورمنس و چشم‌اندازی واقعی نسبت به بازار جهانی مهندسی نرم‌افزار دارند.
قصد خرید دوره داشتم اما وقتی نمیتوانم به نت دسترسی داشته باشم در نتیجه نمیتوانم تیلویند نصب و استفاده کنم.
سلام وقتتون بخیر ، راهکار های جایگزین برای نصب تیلویند وجود داره ، از طریق این لینک و مستنداتی که گذاشته : https://liara.ir/mirrors/npm/ میتونین تیلویند رو نصب بفرمایید ! وقتی در پروژتون npm init رو زدین و package.json شما ساخته شد ، به دلیل قطع اینترنت بین الملل باید پکیج ها رو از مخزن لیارا بخونید یعنی: در پروژتون gitBash یا ترمینال رو باز بکنید و این دستور رو بزنید : npm config set registry https://package-mirror.liara.ir/repository/npm/ --global سپس این دستور رو وارد کنید : npm config get registry باید در خروجی برای شما این آدرس رو بیاره : https://package-mirror.liara.ir/repository/npm/ حالا میتونین به راحتی پکیج ها رو نصب کنید
سپاسگزارم از دوره خوبی که ارائه دادین ، فرق اساسی این دوره با دوره های دیگه در پروژه نهایی طراحی سایت جابینجا بود که یک پروژه واقعی و کامل بود
من به عنوان دانشجوی این دوره، واقعا از محتوای آموزشی و ساختار درس‌ها لذت بردم.باتشکر
ممنونم استاد این دوره رو هم من تا انتها دیدم تمام موارد بسیار عالی مثل همیشه تدریس شده بود خدا بهتون عزت بده
لطفا برای نوشتن نظرخودتون وارد سیستم شوید اکانت ندارید؟ ثبت نام کنید