دوره آموزشی SASS|آشنایی با دستور Text-Transform + ادامه ساختار بندی Header

لیست دروس

به صفحه تمرینات بروید

دوره آموزشی SASS

بازگشت به صفحه دوره

مسیر یادگیری

سرفصل‌ها و جلسات

- SASS چیست ؟ و چرا باید از SASS استفاده کنیم ؟ 09:34
- نصب SASS (روش اول) 15:48
- آشنایی با مهمترین دستورات CMD + Terminal ( بخش اول ) 14:30
- آشنایی با مهمترین دستورات CMD + Terminal ( بخش دوم) 18:42
- آشنایی با پکیج منیجر ها ( NPM ) و نصب Node.js&GitBash
- نحوه نصب NPM و SASS + بررسی dependencies&devDependencies
- نحوه ترنسپایل کردن کدهای sass با استفاده از node-sass
- آشنایی با مقدمات SASS - متغیر ها ( variables) 11:46
- آشنایی با مقدمات SASS - نستینگ ( NESTING )
- تمرین مباحث Nesting&Variables
- آشنایی با Mixin در SASS
- آشنایی با Extend در SASS
- آشنایی با functions در SASS
- نحوه استفاده از فایل های partial در SASS
- آشنایی با ساختاربندی الگو 1-7 در SASS
- اضافه کردن فایل های پارشیال به الگو 1-7 SASS
- استفاده از normalize-css در پروژه SASS
- الحاق فایل های پارشیال و Reformat پروژه
- شروع پروژه اصلی SASS
- نصب پکیج منیجر و sass در پروژه
- پیاده سازی الگو 1-7 در پروژه SASS
- نحوه import فایل های پارشیال در پروژه
- مقدمات پروژه اصلی + ساختار بندی پروژه
- نحوه ایجاد متغیر ها در پروژه اصلی 17:36
- نحوه ایجاد میکسین ها و فانکشن ها در پروژه اصلی
- نحوه الحاق فونت های انگلیسی به پروژه و کار کردن با آن ها
- شروع ساختار بندی + مدیریت دستورات CSS پروژه اصلی SASS
- ساختار بندی sideBar پروژه SASS ( بخش اول )
- ساختار بندی sideBar پروژه SASS ( بخش دوم )
- ساختار بندی sideBar پروژه SASS ( بخش سوم)
- ساختار بندی sideBar پروژه SASS ( بخش چهارم)
- ساختار بندی Header پروژه SASS
- آشنایی با دستور Text-Transform + ادامه ساختار بندی Header 19:00
- ساختار بندی Header پروژه SASS ( بخش پایانی )
- ساختار بندی بخش Slider پروژه SASS
- نحوه ایجاد فایل پارشیال Title در پوشه Components
- ساختار بندی بخش Popular پروژه SASS
- ساختار بندی content بخش Popular پروژه
- ساختار بندی content بخش Popular پروژه (2)
- نحوه کار کردن با دستور clip-path
- تمرین دستور clip-path
- استفاده از دستور clip-path در پروژه SASS
- شروع بخش Best-Streams پروژه SASS (بخش اول )
- شروع بخش Best-Streams پروژه SASS (بخش دوم)
- نحوه آدرس دهی از روت اصلی سایت!
- ساختار بندی بخش TOURNAMENTS پروژه SASS
- ساختار بندی بخش Final Battle پروژه
- آشنایی با دستور conic-gradient
- استایل دهی بخش Teams Flag پروژه SASS
- نحوه ساختار بندی بخش ProgressBar
- ساختار بندی بخش GROUP پروژه ( بخش اول )
- ساختار بندی بخش GROUP پروژه ( بخش دوم)
- ساختار بندی بخش جزئیات پروژه ( بخش اول )
- ساختار بندی بخش جزئیات پروژه ( بخش دوم)
- استفاده از دستور linear-gradient در clip-path
- نحوه ساختار بندی بخش Closing در پروژه SASS
- نحوه ساختار بندی بخش Closing در پروژه SASS (بخش دوم)
- اتمام ساختار بندی بخش Closing
- ساختار بندی بخش Streams پروژه SASS
- ساختار بندی بخش Streams پروژه SASS ( بخش دوم )
- ساختار بندی,تخفیفات و hover بخش streams
- ساختار بندی,تخفیفات و hover بخش streams ( بخش دوم)
- ساختار بندی بخش footer پروژه SASS
- جمع بندی نهایی footer و پروژه SASS

دانلود ویدیو

دسته بندی آموزش ها

آشنایی با دستور Text-Transform + ادامه ساختار بندی Header

عضو خبرنامه ما شوید

مجوزها و نمادها