SASS , TAILWIND

با دیدن این دوره و قبولی در آزمون شما به استخدام شرکت برنامه نویسی وارنا در خواهید آمد.

sass چیست و چه کاربردهایی دارد؟

sass مخفف عبارت Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک افزونه برای css در نظر گرفت که کار با استایل ها را برای ما بسیار ساده تر می کند. به خصوص زمانی که فایل های css شما بسیار بزرگ و پیچیده باشند. sass مدیریت و نگهداری استایل های css را ساده‌تر می‌کند. به لطف وجود متغیرها، mixins ها، nesting ها و وراثت در این پیش پردازنده، کد های نوشته شده کاملاً سازماندهی می شود.

Tailwind چیست؟

CSS یکی از تکنولوژی‌های مهم دنیای وب است که برای زیبا‌سازی صفحات وب استفاده می‌شود. شما با استفاده از قواعدی که CSS در اختیارتان قرار می‌دهد می‌توانید ظاهر صفحات‌ HTML را به هر شکلی که بخواهید تغییر دهید. اما نوشتن قواعد CSS از ابتدای کار ممکن است برای وبسایت‌ها و اپلیکیشن‌های بزرگ کار درستی به نظر نرسد؛ به همین دلیل بهتر است که به سراغ فریمورک‌های موجود برای css برویم. این فریمورک‌ها همراه با یکسری قواعد از پیش‌تعریف شده ی css عرضه می‌شوند. بنابراین تنها کاری که باید بکنیم این است که قواعد مربوطه را روی صفحات وب اعمال نماییم.

یکی از محبوب ترین فریمورک های css که در این دوره آموزش میبینید Tailwind است. یک فریم ورک CSS که اولین ابزار کاربردی است، مملو از کلاس هایی مانند flex، pt-4، text-center و rotate-90 است که می تواند برای ساخت هر طرح و دیزاینی ، مستقیماً در فایل html صفحه ی شما ساخته شود. Tailwind CSS با اسکن تمام فایل‌های HTML، اجزای جاوا اسکریپت، و هر قالب دیگر برای نام کلاس‌ها، ایجاد سبک‌های مربوطه و سپس نوشتن آنها در یک فایل CSS مشخص و ثابت ، کار می‌کند. این یعنی سریع ، انعطاف پذیر و قابل اعتماد است ، با زمان اجرای نزدیک به صفر !

تفاوت bootstrap و tailwind در چیست و چرا بهتر است با tailwind کار کنیم ؟

bootstrap یکسری کامپوننت های آماده است که در پروژه ها میتوان از آنها استفاده کرد اما همه ی پروژه ها را نمی توان یک شکل و در یک قالبی که bootstrap در اختیارمان قرار می دهد پیاده سازی کنیم چرا که در این صورت همه ی پروژه های ما یکی میشود . اما tailwind یک فریمورک معروف است که محبوب تر است در این زمینه و قابلیت شخصی سازی بهتری را به ما می دهد. از لحاظ syntax هم tailwind قوی تر از bootstrap است .

چرا باید sass را یادبگیریم ؟

ما در css قابلیت های محدودی داریم و برای اینکه بتوانیم بهتر و حرفه ای تر عمل کنیم و کمتر کد بزنیم باید sass را یادبگیریم .

یکی از دلایلی که ما باید sass را یاد بگیریم وجود mixin ها در آن است . فرض کنید در property ، css مثل transform را تعریف کنم . ما مجبوریم به ازای هر مرورگر  یک استانداردی را تعریف کنیم و اینجاست که mixin در sass به ما کمک میکند که مجبور نباشیم به ازای هر المان این استانداردها را تعریف کنیم.

استخدام تضمینی

شما عزیزان میتوانید پس از گذراندن دوره های آموزشی شرکت برنامه نویسی وارنا و دوره آموزشی sass و Tailwind css به استخدام شرکت درآمده و هم کسب درامد کرده و هم یک رزومه ی قوی و سابقه کار خوب برای خود ایجاد کنید . پس منتظر چی هستید ! همین الان اقدام به تهیه ی دوره آموزشی sass و Tailwind css کرده تا در آینده ای نه چندان دور به یک برنامه نویس Front-End حرفه ای با درامد خوب و امنیت شغلی بالا تبدیل شوید .

در پایان دوره از شما آزمون گرفته میشود و به شرط قبولی در آزمون بحث همکاری ما با شما آغاز میشود و استخدام شدن شما به شرط مسلط بودن به مباحث تضمینی است و  استخدام گروه برنامه نویسی وارنا خواهید شد .

پیش نیازهای دوره

• HTML
• CSS

سرفصل های آموزش sass

• مقدمه و معرفی دوره
• نصب sass
• تعریف متغیر در sass
• استایل دادن درختی در sass
• اضافه کردن ماژول در sass
• آموزش Extend
• Mixin در sass
• دستورات عملی و شرطی در sass
• function و حلقه ها در sass

سرفصل های آموزش Tailwind

• نصب tailwind
• کلاس های رنگی در tailwind
• عرض و ارتفاع در tailwind
• نوشتن در tailwind
• margin ، padding و display در tailwind
• config در tailwind
• ریسپانسیو در tailwind
• position ها در tailwind
• pseudo class و pseudo element ها در tailwind
• کلاس های پر کاربرد در tailwind
• ساخت component در tailwind
• ایجاد و شخصی سازی کلاس های پیشفرض base
• utilities
• اضافه کردن دستی property
• و ...

نمونه از پروژه های پیاده سازی شده در ترم دوم