سرفصل های دوره
فصل اول: آشنایی با فریمورک تیلویند
تیلویند چیه و چرا باید ازش استفاده کرد؟
محتوای این دوره چیه و چه چیزهایی یاد میگیری
نصب نرم افزارهای مورد نیاز
مثالهای ساده از کار با تیلویند
نصب تیلویند با tailwind CLI
نصب تیلویند با postCss
برخی کلاسهای پرکاربرد تیلویند
مفاهیم پایه ای تیلویند - منظور از utility first چیه؟
دیگر کلاسهای پرکاربرد تیلویند
رنگ ها در تیلویند
hover، focus و سایر state ها
انواع form state، group hover و …
کار با فلکس و گرید
ریسپانسیوسازی با تیلویند
positions ها، display و سایر کلاسهای کاربردی
width،height،screen height و ...
دایرکتیوهای تیلویند: base و utilities
دایرکتیو component
شخصی سازی تیلویند
فصل دوم: اجرای کامپوننت های کاربردی با تیلویند
ساخت آکاردئون - قسمت اول
ساخت آکاردئون - قسمت دوم
ساخت اسلایدر - قسمت اول
ساخت اسلایدر - قسمت دوم
کامپوننت timeline
product quick view - قسمت دوم
product quick view - قسمت اول
Dark Mode
فصل سوم: پروژه اصلی دوره - طراحی سایت شیپور
راه اندازی تیلویند برای پروژه
ساخت header نسخه موبایل
اجرای بخش دسته بندی ها در موبایل
اضافه کردن فونت فارسی به پروژه
پیاده سازی بیست آگهی ها در موبایل
لیست آگهی ها در نسخه دسکتاپ
اجرای فوتر موبایل
پیاده سازی header دسکتاپ
ساخت نوار جستجوی صفحه اصلی
دسته بندی های دسکتاپ
ساخت فوتر دسکتاپ
صفحه ثبت آگهی
پیاده سازی فیلدهای فرم ثبت آگهی
ساخت modal
بهینه سازی مودال برای دسکتاپ
پویا کردن مودال با alpinejs
صفحه جزئیات آگهی
اتمام نسخه موبایل صفحه جزئیات آگهی
نسخه دسکتاپ صفحه جزئیات آگهی
صفحه لاگین
ساخت صفحه chat
اتمام نسخه موبایل صفحه چت
نسخه دسکتاپ صفحه چت
Dropdown و رفع برخی مشکلات
تمرین های دوره
بهینه سازی برای production
قرار. دادن پروژه روی هاست (سرور)
رفع مشکلات production
توضیحات
به کامل ترین و پیشرفته ترین دوره تیلویند ایران خوش آمدید!
در دوره آموزشی جادوی تیلویند، وارد یک ماجراجویی بی نظیر برای تبدیل شدن به طراح وب حرفه ای میشی. این دوره تمام مهارت ها و دانش لازم برای استفاده کامل از پتانسیل فریمورک فوق العاده قدرتمند Tailwind را در اختیارت قرار میده. فریمورکی که چشم انداز توسعه وب را کاملا دگرگون کرده و به محبوبیت فوق العاده بالایی در سالهای اخیر دست پیدا کرده.
تیلویند چیست؟
تیلویند یک فریمورک برای ساده سازی کار با CSS و طراحی رابط کاربری هست که بازارکار فوق العاده رو به رشدی داره. شما کافیه که آمار نصب و دانلود این فریمورک رو مشاهده کنی. متوجه میشی که در عرض بکسال از ۲۵۰ هزار دانلود هفتگی به ۵ میلیون دانلود هفتگی رسیده! و این یعنی محبوبیت و تقاضای بازار کار فراینده
چرا بازار کار تیلویند رو به رشده؟
تیلویند در واقع اومده مشکلات فریمورک هایی مثل بوتسترپ رو حل کرده و با مزایایی مثل سرعت کدزنی بالا، حجم نهایی بسیار کم، شخصی سازی فوق العاده، امکان طراحی های مینیمال، سادگی در ریسپانسیوسازی و… تونسته نظر خیلی از توسعه دهنده ها رو به خودش جلب کنه و جای بوتسترپ رو پرکنه.
روند آموزش تیلویند در این دوره به چه صورته؟
فصل اول مربوط به آموزش پایه های تیلویند میشه و شما رو توی یادگیری فنداسیون کار با این فریمورک غوطه ور میکنه. توی این فصل شما با مفاهیم پایه، کلاس های utility و تکنیک های طراحی ریسپانسیو با تیلویند آشنا میشید. این کار به شما این توانمندی رو میده که سرعت کدنویسی تون رو به میزان بسیار زیادی افزایش بدید. این فصل با تاکید روی تفکر utility-first و همینطور تکنیک mobile-first در طراحی ریسپانسیو، تسلط شما روی فریمورک تیلویند رو تا حد بسیار خوبی بالا میبره و بهتون یاد میده که چطور این فریمورک رو به دلخواه خودتون شخصی سازی کنید.
در فصل دوم، سفر به اعماق تیلویند رو با توسعه تعدادی از کامپوننت های پرکاربرد دنیای وب ادامه میدیم. در این فصل با بکارگیری مهارتهای فصل اول، یاد میگیرید که المان های حرفه ای و reusable (قابل استفاده مجدد) رو با تیلویند بسازید. تمرین ها و مثال های واقعی این فصل، بهتون کمک میکنه که درک درستی از طراحی رابط کاربری با ابزارهای تیلویند رو بدست بیازید و بتونید هر طرحی رو (با هر سطح از پیچیدگی) به راحتی با تیلویند اجرا کنید.
در فصل سوم، اوج پتانسیل این دوره رو تجربه میکنید. چون توی این فصل یک پروژه بزرگ و واقعی رو از ابتدا تا انتها با استفاده از فریمورک تیلویند با همدیگه میسازیم. پروژه ای که برای این فصل تدارک دیدیم، طراحی کامل سایت شیپور هست که نتیجه نهایی اون رو میتونی در این لینک مشاهده کنی. در این پروژه، ما طرح و استایل سایت شیپور رو به صورت کامل با تیلویند پیاده سازی میکنیم و در این مسیر تمام پیچیدگی های یک پروژه واقعی مثل ریسپانسیو سازی، بهینه کردن کدها، انتشار سایت روی هاست و … رو با همدیگه انجام میدیم. این دوره شما رو به یک جادوگر واقعی در تیلویند تبدیل میکنه. به طوریکه خودت در انتهای کار متوجه میشی که توانمندی و سرعت طراحی وب خودت رو با استفاده از تیلویند چندین پله بالاتر بردی
پس معطل نکن و همین الان در دوره پروژه محور " جادوی تیلویند: از صفر مطلق تا حرفه ای " ثبت نام کن.