مهمترین خصوصیات مجموعه” آموزش تیلویند سی اس اس” به طور کلی :
- آموزش تیلویند سی اس اس صفر تا صد و به زبان فارسی به مدت ۱۵۰ دقیقه
- آموزش فوق العاده کاربردی از آشنایی مقدماتی تا انجام پروژه های کاربردی طراحی وبسایت از اساتید معتبر برنامه نویسی و طراحی وب دنیا
- ترجمه و دوبله شده با بهترین کیفیت توسط متخصصین برنامه نویس ایرانی
- شامل دوره آموزشی فارسی و مثال محور : ” صفر تا صد تیلویند سی اس اس ” – Tailwind CSS Essential Training
تیلویند چیست ؟
؟ What is Tailwind CSS
تیلویند سی اس اس ( به انگلیسی: Tailwind CSS) یکی از فریم ورک های نوظهور در حوزه سی اس اس هست که مجموعه ای از کلاس های آماده را در اختیار ما قرار می دهد تا با ترکیب این کلاس ها با هم طرح های مختلفی را پیاده سازی کنیم. Tailwind CSS یک فریمورک سطح پایین است. به این معنی که برخلاف سایر فریمورک های CSS مثل Bootstrap و Materialize، اجزای کاملا استایل دهی شده ای مثل دکمه ها، فهرست های آبشاری و نوار های ناوبری را ارائه نمی دهد. در عوض، کلاس های کاربردی را ارائه می دهد تا بتوانید اجزای قابل استفاده مجدد را ایجاد کنید.
تیلویند سی اس اس، نوشتن کد برنامه شما را سریع تر می کند. با استفاده از این فریمورک utility-first، نیازی به نوشتن CSS سفارشی برای استایل دادن به برنامه تان ندارید. در عوض، می توانید از کلاس های کاربردی برای کنترل حاشیه گذاری، رنگ، فونت، سایه و موارد دیگر از برنامه استفاده کنید.تیلویند به همین دلیل، انعطاف پذیری و کنترل بسیار بیشتری را بر روی ظاهر برنامه شما نسبت به سایر فریمورک های CSS فراهم می کند. این فریمورک می تواند شما را قادر کند تا یک سایت مدرن و منحصر به فردتر را با سرعت بسیار بیشتری طراحی کنید و بسازید.
در کنار این مطلب یاد بگیرید : صفر تا صد آموزش وردپرس
نمونه فیلم معرفی دوره “آموزش تیلویند سی اس اس”
مزایای استفاده از فریمورک Tailwind CSS
اموزش کامل tailwind CSS و استفاده از فریمورک تیلویند سی اس اس مزایای زیادی دارد. در ادامه اکثر آن ها توضیح داده شده اند:
- کم تر لازم است که شما CSS سفارشی بنویسید. با تیلویند، عناصر را با اعمال کلاس های از قبل موجود مستقیما درHTML تان استایل دهی می کنید. با استفاده از کلاس های کاربردی در این روش، می توانید طرح های سفارشی را بدون نوشتن CSS بسازید.
- شما فایل های CSS را کوچک نگه می دارید. بدون فریمورکی مثل تیلویند، باید هم زمان با افزودن ویژگی ها و مؤلفه های جدید، به نوشتن CSS ادامه بدهید. در نتیجه، فایل های CSS شما سنگین تر می شوند. با استفاده از ابزار هایی مثل نرم افزار Tailwind’s flexbox و ابزار های حاشیه بندی، بیشتر استایل ها قابل استفاده مجدد هستند، بنابراین به ندرت نیاز به نوشتن CSS جدید خواهید داشت .
- شما مجبور نیستید از خودتان نام کلاس تعریف کنید. با یادگیری آموزش تیلویند سی اس اس شما کلاس ها را از یک سیستم طراحی از پیش تعریف شده انتخاب می کنید. یعنی این که برای انتخاب نام های کلاس خوب برای سبک ها و کامپوننت های خاص به دردسر نمی افتید و لازم نیست موارد پیچیده را به خاطر بسپارید.
- شما می توانید تغییرات ایمن تری ایجاد کنید. در روش سنتی ، اگر تغییراتی در CSS ایجاد کنید، ممکن است چیزی را در سایت تان دچار مشکل شود. برخلافCSS ، کلاس های ابزار در HTML شما محلی هستند. این یعنی این که می توانید بدون نگرانی در مورد ایجاد تغییر در چیز دیگری در سایت تان، آن ها را تغییر بدهید.
در این دوره قراره به صورت جامع این فریمورک رو بررسی کنیم پس ما با همراه باشید.
تفاوت پک های حرفه ای ما با آموزشهای رایگان: بطور خلاصه از زمین تا آسمان! 1-پکها، جدیدترین نسخه نرم افزارها را آموزش می دهند با قابلیت های بسیار بیشتر. 2-پکها توسط متخصص آن نرم افزار، به صورت کاملا پروژه محور و با حل چالش هایی که در مسیر کار عملی و حرفه ای با آن روبرو می شوید تهیه شده اند و بعد از استفاده، کاملا برای بازار کار آماده اید! 3- متد این پکها کاملا کار شده و تا ماهها، در ذهن تان ماندگارند و یادگیری بسیار سریعتر و کاملتری خواهید داشت. آموزشهای رایگان فقط دستورات نرم افزارها را (آنهم ناقص) بیان می کنند و تازه برای ورود به بازار باید ماهها تجربه عملی هم کسب کنید !!
دوره فارسی” آموزش جامع تیلویند سی اس اس”
با اینکه شیوه کار در وب همواره در حال تغییر و تکامل است، ولی گاهی اوقات ابزاری از راه می رسد که همه چیز را کاملا تغییر می دهد. Tailwind css از رویکرد Utility-first استفاده می کند که باعث منسوخ شدن بسیاری از رویکردهای سنتی ساخت پروژه برای وب می شود و این امکان را فراهم می کند که بدون نوشتن حتی یک خط کد CSS، یک وبسایت کامل و منحصربفرد بسازید.
در این دوره آموزش تیلیوند سی اس اس به شما نشان می دهیم که Tailwind CSS 3 از طریق نام گذاری مناسب کلاس ها، یک فریم ورک سبک ولی پیشرفته برای استایل دهی به محتوای وبسایت ها و برنامه ها ارائه می کند.
در این دوره ویژگی های سیستم Utility-first را با استفاده از تکنیک هایی بررسی میکنیم که توسط یک کاربر حرفه ای تایید شده است. یاد می گیرید هنگام ساختن چیدمان صفحات وب چگونه محتوا را اصلاح، شخصی سازی و مدیریت کنید و Tailwind را اضافه کرده و کاربرد آن در المان های HTML هر صفحه را مشخص کنید.
در حین کار نکاتی را در مورد استفاده از پلاگین های Tailwind برای کنترل کردن متن، کلاس ها، طرح ها، محدودیت خط و تایپوگرافی را به شما خواهیم گفت.
سرفصلهای دوره فارسی ” آموزش جامع Tailwind CSS “
مقدمه
۱- چرا فریم ورک های Utility-first مهم هستند؟
۲- استفاده از فایل های تمرینی این دوره
فصل اول – آغاز به کار
۱- کار با Tailwind CSS
۲- ساختن یک Build اختصاصی
۳- Tailwind Play
۴- نمونه هایی با CodePen
۵- CodeSwing Playground
فصل دوم – ویژگی های یوتیلیتی فرست
۱- Preflight
۲- ساختار کلاس Utility
۳- معایب Tailwind
۴- کلاس های رنگ
۵- کلاس های میانبر
۶- کلاس های ویژه
۷- طراحی واکنش گرا
۸- خصوصیات اختصاصی
۹- چالش – ایجاد یک Layout
۱۰- راه حل – ایجاد یک Layout
فصل سوم – تکنیک های قدرتمند
۱- State Modifier ها
۲- Position Modifier ها
۳- المان های Child و Siblings
۴- Form Modifier ها
۵- Attribute Modifier ها
۶- المان های Pseudo
۷- Media Modifier ها
۸- حالت تاریک
۹- چالش – حالت تاریک و گروه بندی
۱۰- راه حل – حالت تاریک و گروه بندی
فصل چهارم – شخصی سازی تیلویند در آموزش تیلیوند سی اس اس
۱- استخراج کردن config
۲- پیکربندی تم ها
۳- مقیاس های موجود
فصل پنجم – پلاگین ها
۱- پلاگین ها
۲- تایپوگرافی
۳- Line Clamp
فصل ششم – نتیجه گیری
۱- گام های بعدی
نقد و بررسیها
هنوز بررسیای ثبت نشده است.