دوره آموزش ساخت CSS Framework ( با SASS )

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه به مرور سریع انتخابگرها و اصول اولیه CSS می‌پردازیم.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با syntax‌های SASS و SCSS و نحوه استفاده از playground در سایت SASS آشنا خواهید شد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه به نصب و پیکربندی VSCode و افزونه‌های موردنیاز برای کار با SASS و SCSS می‌پردازیم.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با کلیدهای میانبر کاربردی در VSCode آشنا خواهید شد تا سرعت کدنویسی خود را افزایش دهید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این فصل به شما کمک می‌کند تا با نحوه کارکرد Sass و SCSS آشنا شده و اولین قدم‌ها را در مسیر ایجاد فریمورک CSS خود بردارید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه، با نحوه تعریف متغیرها در Sass با استفاده از علامت $ آشنا شده و چگونگی به‌کارگیری آن‌ها برای بهبود کدنویسی را یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با بهترین شیوه‌ها و قوانین نام‌گذاری متغیرها در Sass برای بهبود خوانایی و قابل‌نگهداری بودن کد آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این جلسه شما را با انواع داده‌ای پایه در Sass شامل number، string، boolean، null، space و comma آشنا می‌کند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این جلسه به شما نحوه تعریف و استفاده از لیست‌ها و لیست‌های تو در تو در Sass را آموزش می‌دهد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این جلسه به شما کمک می‌کند با نقشه‌ها (Maps) و متدهای مختلف آن‌ها در Sass آشنا شده و یاد بگیرید چگونه داده‌ها را به‌صورت کلید-مقدار مدیریت کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با نحوه استفاده از داده‌های رنگی در Sass و مدل‌های مختلف رنگی مانند hexadecimal، RGB و RGBA آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با عملگرهای ریاضی شامل +، -، *، / و % در Sass آشنا خواهید شد و نحوه استفاده از آن‌ها برای انجام محاسبات را یاد خواهید گرفت.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با عملگرهای منطقی مانند and، or، not و عملگرهای مقایسه‌ای مانند ==، !=، >، < آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه یاد می‌گیرید که چگونه از قوانین تودرتو (nested rules) در Sass استفاده کنید تا کدهای CSS ساختاریافته‌تری ایجاد کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با تعریف و استفاده از توابع در Sass آشنا می‌شوید تا بتوانید کدهای CSS قابل استفاده مجدد ایجاد کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه کار با توابع مرتبط با رشته‌ها در Sass شامل str-length، str-slice، to-upper-case و دیگر توابع را فرا می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با توابع اعداد در Sass شامل ceil، min، max، abs، percent، round و سایر توابع آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این جلسه نحوه استفاده از توابع مربوط به لیست‌ها در Sass شامل index، join، length و دیگر توابع را یاد خواهید گرفت.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با توابع انتخابگر در Sass، استفاده از placeholder و نحوه استفاده از شی والد (&) برای انتخابگرها آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با نحوه استفاده از mixin و include در Sass آشنا می‌شوید و تفاوت‌های آن‌ها با توابع را فرا می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه با دستورات کنترل جریان (if else) در Sass و توابع darken و lighten آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه یاد می‌گیرید که چگونه با استفاده از حلقه for کلاس‌های h1 تا h6 را ایجاد کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه کار با حلقه while را در Sass فرا می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه کار با حلقه each را در Sass یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه کار با مفاهیم وراثت (inheritance) و وراثت چندگانه (multiple-inheritance) را در Sass به کمک extend یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این بخش به شما نشان می‌دهد که چگونه Sass را روی سیستم خود نصب کرده و از طریق خط فرمان به‌صورت زنده تغییرات را در کد خود مشاهده کنید. این مرحله اولین گام برای استفاده از SASS به‌صورت عملی است.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این جلسه می‌آموزید که چگونه فایل‌های SCSS خود را با استفاده از دستور @import به بخش‌های کوچک‌تر و مدیریت‌پذیرتر تفکیک کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این بخش به شما نشان می‌دهد که چگونه از دستور @debug در SASS استفاده کنید تا خروجی و جزئیات کد خود را بررسی کرده و مشکلات را شناسایی کنید. این مرحله به شما کمک می‌کند که به راحتی کدهای SCSS خود را عیب‌یابی کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این جلسه به معرفی رنگ‌های مورد استفاده در فریمورک شیردال می‌پردازد. رنگ‌ها به گونه‌ای انتخاب شده‌اند که باعث هماهنگی و زیبایی در طراحی شود.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این بخش به شما نشان می‌دهد که چگونه رنگ‌ها را با استفاده از متغیرها، لیست‌ها و مپ‌ها در Sass تعریف و مدیریت کنید تا کدهای قابل تنظیم‌تر و منعطف‌تری ایجاد کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

این بخش به معرفی استایل‌های تایپوگرافی در فریمورک شیردال می‌پردازد، شامل مواردی مانند فونت، اندازه، وزن، و چیدمان متن.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این قسمت، نحوه ایجاد رنگ‌بندی متنی بر اساس رنگ‌های سفارشی تعریف شده را یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این بخش، ایجاد استایل‌های سفارشی برای تگ‌های HTML متنی را یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این بخش، ایجاد استایل‌های سفارشی برای تگ‌های HTML متنی را یاد می‌گیرید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این بخش، با تنظیمات آیکون‌ها شامل سایز، رنگ و تغییرات دیگر در Sass با استفاده از Font Awesome آشنا می‌شوید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

در این آموزش، اصول گرید سیستم در Sass را یاد می‌گیرید و نحوه استفاده از آن برای طراحی واکنش‌گرا را بررسی می‌کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

نحوه ساخت container-fluid در Sass با Flexbox و Media Query برای طراحی واکنش‌گرا.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

برای طراحی یک صفحه وب حرفه‌ای، نیاز به چارچوب‌های محکم و منظم دارید. در این درس یاد می‌گیرید چطور container را در Sass پیاده‌سازی کنید تا طراحی‌تان به سطح بعدی برسد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

اگر تا به حال به این فکر کردید که چطور باید محتوای صفحه را دقیق و زیبا کنار هم بچینید، وقتش رسیده که پیاده‌سازی سطرها (rows) در Sass را یاد بگیرید. این درس به شما کمک می‌کند طراحی‌تان حرفه‌ای‌تر و جذاب‌تر شود.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

ستون‌ها قلب طراحی ریسپانسیو هستند. در این درس یاد می‌گیرید چطور با استفاده از Sass، ستون‌هایی بسازید که طرح شما را به بهترین نحو چینش کنند و هر کاربری را جذب نمایند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا می‌خواهید مطمئن شوید که وب‌سایت شما در هر صفحه‌نمایشی عالی به نظر برسد؟ با تنظیم نقاط شکست (breakpoints) در Sass، می‌توانید تجربه‌ی کاربری بهتری برای تمام کاربران ارائه دهید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

بی‌نقصی از همین‌جا شروع می‌شود! با CSS Reset همه چیز را از نو بسازید، ساختاری بی‌عیب برای پروژه‌تان آماده کنید و به سفری به دنیای یک پروژه منظم و استاندارد آغاز کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا به دنبال طراحی دکمه‌هایی جذاب و حرفه‌ای هستید؟ با این آموزش به شما یاد می‌دهیم که چگونه الگوهای بی‌نظیر دکمه‌ها را در UI با استفاده از Sass بسازید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

برای داشتن دکمه‌هایی که هر کاربری را جذب می‌کند، با ما یاد بگیرید چطور حالت‌ها و رنگ‌های متفاوتی را برای دکمه‌هایتان طراحی کنید. بگذارید دکمه‌هایتان به چشم بیایند!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال دکمه‌هایی مدرن و مینیمال هستید؟ بیاموزید که چگونه با استفاده از حالت outline، دکمه‌هایی بسازید که توجه مخاطبان را جلب کند و سبک طراحی شما را برجسته کند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با تنظیم مرزهای دقیق و برجسته، طرح‌های خود را حرفه‌ای‌تر کنید. در این آموزش، نحوه تنظیم اندازه، رنگ و استایل مرزها را با Sass یاد بگیرید و به طراحی خود جلوه‌ای خاص بدهید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

دکمه‌های بی‌کیفیت را فراموش کنید! با یادگیری نحوه مقیاس کردن ابعاد دکمه‌ها، به طراحی دکمه‌هایی بپردازید که هم زیبا و هم کارآمد هستند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

طراحی وب‌سایتتان به چیزی بیشتر از متن و تصاویر نیاز دارد؟ در این آموزش، با ویژگی‌های منحصربه‌فرد جداول آشنا شوید و طرح‌های مدرنی خلق کنید که جداولتان را از سایرین متمایز کند!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال جذاب‌تر کردن جداولتان هستید؟ یاد بگیرید چطور با تنظیم رنگ‌ها، جداولی زیبا و چشم‌نواز بسازید که تجربه کاربری را بهبود ببخشند و طراحی شما را برجسته کنند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

جداولی که فقط روی یک نمایشگر خوب به نظر می‌رسند دیگر کافی نیستند! در این درس، یاد بگیرید که چطور جداولی طراحی کنید که روی هر دستگاهی بی‌نقص باشند و تجربه کاربری فوق‌العاده‌ای ارائه دهند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا به دنبال ایجاد فرم‌هایی کارآمد و زیبا هستید؟ با این آموزش، ویژگی‌های کلیدی فرم‌ها را یاد بگیرید و فرم‌هایی طراحی کنید که کاربران عاشق پر کردن آن‌ها باشند!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با تنظیم دقیق اندازه و رنگ متن‌های فرمی، فرم‌های خود را به زیبایی بپوشانید و تجربه کاربری را به سطح بالاتری ببرید. بیایید فرم‌هایی خلق کنیم که هر کاربری بخواهد پر کند!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

ورودی‌های بی‌کیفیت؟ هرگز! در این درس یاد بگیرید چطور ورودی‌های فرم خود را با اندازه، outline و رنگ درست تنظیم کنید تا طرحی خیره‌کننده داشته باشید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

جزئیات کوچک، تاثیرات بزرگ! در این درس، به شما یاد می‌دهیم که چطور Radio، Checkbox و Textarea را به درستی تنظیم کنید تا طرح شما به‌خوبی بدرخشد و کاربر پسند باشد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال طراحی کارت‌های مدرن و کاربرپسند هستید؟ با معرفی الگوی کارت در Sass، کارت‌هایی زیبا و کاربردی بسازید که کاربران شما را جذب کنند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

بیایید از صفر شروع کنیم! با استایل‌های ابتدایی کارت‌ها در Sass، اولین قدم‌ها برای ساختن کارت‌هایی حرفه‌ای و جذاب را بردارید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

کارت‌های ساده برای شما کافی نیستند؟ وقتش رسیده که با استایل‌های پیشرفته، کارت‌هایی خلق کنید که نگاه هر کاربری را به خود خیره کنند!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال طراحی‌ای هستید که از چیدمان عمودی فاصله بگیرد؟ کارت‌های افقی می‌توانند به طراحی شما جان تازه‌ای ببخشند. بیایید کارت‌های افقی جذاب بسازیم!

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

تصاویر می‌توانند کارت‌های شما را زنده کنند! با یادگیری ایجاد کارت‌هایی با پس‌زمینه عکس، طراحی‌های خود را جذاب‌تر کنید و توجه کاربران را جلب کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

حرکت و نرمی می‌تواند جادو کند! با افزودن transition به کارت‌ها، تجربه کاربری را به سطح بالاتری ببرید و کارت‌هایی ایجاد کنید که زنده و پویا به نظر برسند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

اگر می‌خواهید کاربران به راحتی در سایت شما حرکت کنند، الگوهای ناوبری مناسب کلید موفقیت شماست! در این درس با بهترین الگوهای ناوبری در Sass آشنا شوید و طراحی‌های خیره‌کننده‌ای بسازید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

از اینجا شروع کنید و نوار ناوبری خود را مانند حرفه‌ای‌ها طراحی کنید! در این درس یاد می‌گیرید چگونه یک NavBar زیبا و کاربردی بسازید که کاربران شما عاشق آن شوند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به نوار ناوبری خود جذابیت بیشتری ببخشید! در این درس با افزودن همبرگر منو، NavBar خود را کامل و برای دستگاه‌های مختلف بهینه کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال طراحی نوار کناری حرفه‌ای هستید؟ در این درس، یاد می‌گیرید چگونه Sidebar واکنش‌گرا و کاربردی بسازید که کاربران به راحتی به بخش‌های مختلف سایت دسترسی پیدا کنند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا می‌خواهید کاربران خود را با پیام‌ها و محتواهای مهم به بهترین شکل ممکن درگیر کنید؟ با معرفی الگوی مدال در Sass، تجربه کاربری خود را به سطح بعدی ببرید و طرح‌های تعاملی خلق کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با استفاده از HTML، SCSS و جاوا اسکریپت، یک مدال زیبا و کاربردی بسازید که کاربران شما را تحت تاثیر قرار دهد. این ویدیو به شما نشان می‌دهد چطور به سادگی یک مدال کاملاً تعاملی طراحی کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

برای طراحی فیلتری که کاربران عاشق استفاده از آن باشند، این درس به شما کمک می‌کند تا با الگوهای فیلتر در Sass آشنا شده و تجربه کاربری فوق‌العاده‌ای خلق کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا از checkboxهای ساده خسته شده‌اید؟ با این درس یاد بگیرید که چگونه checkboxهایی منحصربه‌فرد و زیبا بسازید تا فرم‌های خود را به چشم بیاورید و تجربه کاربری را بهبود دهید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با طراحی radio buttonهای شخصی‌سازی شده، فرم‌های خود را منحصر به فرد و حرفه‌ای کنید. این درس به شما یاد می‌دهد چگونه کنترل‌هایی جذاب ایجاد کنید که کاربران به سادگی آن‌ها را نادیده نگیرند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

طراحی switchهایی که کاربران عاشق تعامل با آن‌ها باشند، کار ساده‌ای نیست. در این درس یاد بگیرید که چگونه switchهایی شخصی‌سازی شده بسازید و فرم‌های خود را به تعاملات بیشتری دعوت کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا می‌خواهید کاربران با اعلانات شما تعامل بهتری داشته باشند؟ با معرفی الگوهای Alert و Toast، یاد بگیرید چطور اعلاناتی بسازید که توجه کاربران را به خود جلب کند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا به دنبال راهی برای جلب توجه سریع کاربران به پیام‌های مهم هستید؟ با یادگیری ساخت هشدارهای سفارشی در Sass، اعلاناتی ایجاد کنید که هیچ کاربری نتواند آن‌ها را نادیده بگیرد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

اعلانات سریع و سبک که توجه کاربران را جلب می‌کنند، می‌توانند تجربه کاربری را به شدت بهبود دهند. در این درس یاد بگیرید چطور توست‌هایی جذاب طراحی کنید که در هر شرایطی قابل استفاده باشند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال طراحی بنرهایی جذاب و تأثیرگذار هستید؟ این درس به شما معرفی الگوهای بنر را آموزش می‌دهد تا بتوانید پیام‌های خود را به بهترین شکل به کاربران برسانید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با یادگیری ساخت بنرهای زیبا و حرفه‌ای، پیام‌های خود را به شکل بهتری به کاربران نمایش دهید و تأثیرگذاری بیشتری بر تجربه کاربری داشته باشید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

برای طراحی اسلایدرها و کاروسل‌هایی که مخاطبان شما را مجذوب کنند، با این الگوها در Sass آشنا شوید و محتوای خود را به شکلی حرفه‌ای و جذاب نمایش دهید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با یادگیری ساخت اسلایدرها، نمایش محتوای خود را به سطح بعدی ببرید. اسلایدرها ابزاری عالی برای جلب توجه کاربران هستند و تجربه کاربری سایت شما را بهبود می‌بخشند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

کاروسل‌ها ابزاری فوق‌العاده برای نمایش محتوای متنوع به صورت پویا و جذاب هستند. یاد بگیرید که چطور با Sass کاروسل‌هایی حرفه‌ای بسازید که کاربران از مشاهده آن‌ها لذت ببرند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

به دنبال الگوهایی کاربردی و حرفه‌ای برای بهبود طراحی وب هستید؟ در این درس، الگوهای کاربردی و ضروری برای ساخت پروژه‌های بهتر را معرفی خواهیم کرد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

آیا می‌خواهید تصاویرتان به شکلی زیبا و منظم نمایش داده شوند؟ با ساخت گالری تصاویر در Sass، نمایشگاهی حرفه‌ای و چشم‌نواز بسازید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با یادگیری ساخت یک فوتر جذاب در Sass، طراحی خود را کامل کنید و به انتهای صفحات وب جلوه‌ای حرفه‌ای ببخشید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با ساخت الگوی کشو (Accordion) در Sass، محتوای سایتتان را به شکل جذاب و کم‌حجم نمایش دهید و کاربران را به تعامل با محتوای خود ترغیب کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با یادگیری ساخت تب‌ها در Sass، محتوای خود را بهتر سازماندهی کنید و دسترسی کاربران به بخش‌های مختلف را آسان‌تر کنید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

منوهای تعاملی و جذاب می‌توانند تجربه کاربری را بهبود دهند. با ساخت دراپ داون‌ها در Sass، منوهایی بسازید که هر کاربری دوست داشته باشد با آن‌ها کار کند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با طراحی خرده نان (Breadcrumb) در Sass، مسیرهای ناوبری ساده و واضحی برای کاربران ایجاد کنید تا تجربه کاربری سایتتان بهبود یابد.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با ساخت انیمیشن‌های بارگذاری (Loaders)، کاربران را در انتظار بهتر همراهی کنید و تجربه کاربری سایتتان را بهبود ببخشید.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با ساخت نوارهای پیشرفت در Sass، به کاربران کمک کنید وضعیت پیشرفت کارها را به راحتی مشاهده و پیگیری کنند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با یادگیری ساخت نمودار دونات، داده‌های خود را به شکلی جذاب و بصری نمایش دهید تا کاربران به سادگی آن‌ها را درک کنند.

برای مشاهده ویدیوی مورد نظر ابتدا وارد سایت شوید و دکمه شرکت در دوره را بزنید.

با ترکیب قدرت Sass و React، تمپلیت‌هایی حرفه‌ای و زیبا بسازید که بتوانند پروژه‌های شما را به سطح جدیدی برسانند.