آموزش ویدیویی SASS – مقدماتی تا پیشرفته

[vc_row][vc_column][vc_custom_heading text=”در این دوره چه چیزهایی یاد می گیریم؟” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]این دوره آموزشی شامل 26 پارت است که پس از گذراندن آنها، به پیش پردارنده SASS مسلط خواهید شد. مشاهده و دانلود پارت اول دوره رایگان است اما برای دانلود سایر ویدیوهای دوره لطفا ثبت نام کنید.[/vc_column_text][vc_custom_heading text=”اهداف این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_row_inner][vc_column_inner][vc_column_text]

• نحوه استفاده از Extend و تفاوت آن با mixins
• کامپایل کردن SASS توسط Gulp و Grunt
• Interpolate کردن متغیرها در SASS
• پیاده سازی انیمیشن در SASS
• فعالسازی Source-Map
• خطایابی و رفع آنها در SASS
• و غیره…

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”پیش نیاز های این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]آشنایی کامل با HTML و CSS[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”آموزش جامع SASS”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1. A: The Almighty Sass Ampersand” subtitle=”05:11″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/1-The-Almighty-Sass-Ampersand.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/atoz-sass/1-The-Almighty-Sass-Ampersand.mp4″]در این ویدئو به معرفی سرفصلهای اصلی دوره پرداخته می شود. سپس عملگر Ampersand یعنی & در SASS بررسی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2. B: BEM with Sass” subtitle=”07:20″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/2-BEM-with-Sass.mp4″]در این درس، نام گذاری کلاس ها به روش BEM مورد بررسی قرار می گیرد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3. C: Color Functions in Sass” subtitle=”05:57″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/3-Color-Functions-in-Sass.mp4″]در این درس، نحوه کار با توابع تغییر رنگ مانند lighten و darken آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4. D: The Different Data Types in Sass” subtitle=”06:59″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/4-The-Different-Data-Types-in-Sass.mp4″]در این درس، انواع داده یا data-types در sass مورد بررسی قرار می گیرد. مانند number, color, maps, …[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5. E: Extending Sass with @extend” subtitle=”08:38″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/5-Extending-Sass-with-@extend.mp4″]در این درس، نحوه کار با extend در sass آموزش داده می شود و تفاوت آن با mixins بیان می شود و مزایا و معایب استفاده از extend گفته می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6. F: Creating Custom Functions” subtitle=”06:40″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/6-Creating-Custom-Functions.mp4″]در این درس، توابع معرفی می شوند و کاربرد آنها بیان می شوند، سپس نحوه تعریف فانکشن های سفارشی آموزش داده می شود. و در نهایت مثال هایی خواهیم دید.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7. G: Compiling Sass with Grunt and Gulp” subtitle=”10:57″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/7-Compiling-Sass-with-Grunt-and-Gulp.mp4″]در این درس، نحوه کامپایل SASS توسط دو ابزار Gulp و Grunt آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”8. H: A Handful of Handy Sass Mixins” subtitle=”05:15″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/8-A-Handful-of-Handy-Sass-Mixins.mp4″]در این درس، آناتومی میکسین ها در SASS بررسی می شود، چند میکسین کاربردی برای کار با متون معرفی می شود، و چند Mixins برای وسط چین کردن المان ها نیز معرفی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”9. I: Interpolation of Sass Variables” subtitle=”05:44″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/9-Interpolation-of-Sass-Variables.mp4″]در این درس، مفهوم Interpolation بیان می شود، تفاوت بین concatenation و interpolation عنوان می شود و استفاده از متغیرها در سلکتورها آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”10. J: Sharing Variables Between Sass and JavaScript with JSON” subtitle=”06:02″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/10-Sharing-Variables-Between-Sass-and-JavaScript-with-JSON.mp4″]در این درس، نحوه به اشتراک گذاری یا share کردن متغیرها بین SASS و Javascript توسط JSON آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”11. K: Keyframe Animations with Sass” subtitle=”06:39″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/11-Keyframe-Animations-with-Sass.mp4″]در این درس، انیمیشن در CSS3 مرور خواهد شد و پیاده سازی انیمیشن در SASS به شکل قدم به قدم آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”12. L: Sass Loops and Flow Control” subtitle=”10:03″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/12-Sass-Loops-and-Flow-Control.mp4″]در این درس، 3 نوع لوپ در SASS معرفی می شود، نحوه کار با دستورات شرطی آموزش داده می شود و در نهایت یک مثال کاربردی از آنها خواهیم دید.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”13. M: Working With Sass Map Variables” subtitle=”06:36″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/13-Working-With-Sass-Map-Variables.mp4″]در این درس، متغیرهای map شرح داده می شوند، کوئری زدن و مرج کردن این متغیرها آموزش داده می شود و در نهایت یک مثال عملی خواهیم دید.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”14. N: Using Neat and Bourbon with Sass” subtitle=”10:48″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/14-Using-Neat-and-Bourbon-with-Sass.mp4″]در این درس، به معرفی دو extension معروف در SASS بنام های Neat و Bourbon خواهیم پرداخت.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”15. O: The Optional and Default Flags” subtitle=”04:37″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/15-The-Optional and-Default-Flags.mp4″]در این درس، نحوه تعریف متغیرهای اختیاری (optional) و همچنین مقدار پیش فرض برای متغیرها آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”16. P: Performance and Sass” subtitle=”12:33″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/16-Performance-and-Sass.mp4″]در این درس، بهبود عملکرد و سرعت SASS مورد بررسی قرار خواهد گرفت. در دو زمینه: بهبود کامپایل SASS و بهینه سازی کدهای SASS برای تولید استایل های تمیز CSS[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”17. Q: Querying Media for Responsive Design” subtitle=”07:07″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/17-Querying-Media-for-Responsive-Design.mp4″]در این درس، تودرتو نویسی یا Nesting مدیا کوئری ها در SASS آموزش داده می شود، نحوه استفاده صحیح از متغیرها در مدیا کوئری بیان می شود، و در نهایت نحوه تعریف میکسین های ریسپانسیو در sass بررسی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”18. R: Generating Random Numbers in Sass” subtitle=”04:04″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/18-Generating-Random-Numbers-in-Sass.mp4″]در این درس، نحوه کار با تابع random در SASS آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”19. S: Sass Source Maps” subtitle=”05:55″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/19-Sass-Source-Maps.mp4″]در این درس، نحوه فعالسازی و کار با سورس مپ (Source-Map) در SASS آموزش داده خواهد شد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”20. T: Tuning Typography with Two Sass Plugins” subtitle=”07:18″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/20-Tuning-Typography-with-Two-Sass-Plugins.mp4″]در این درس، به معرفی دو پلاگین تایپوگرافی در SASS به نام های Modular Scale و Sassline پرداخته می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”21. U: Unit Functions in Sass” subtitle=”05:38″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/21-Unit-Functions-in-Sass.mp4″]در این درس، به معرفی و بررسی توابع یونیت یا unit functions پرداخته می شود. مانند تابعی که برای تبدیل واحد px به rem بکار می رود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”22. V: Variable Scope in Sass” subtitle=”06:24″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/22-Variable-Scope-in-Sass.mp4″]در این درس، scope یا محدوده تعریف متغیرها در SASS بررسی می شود. مانند اسکوپ پیش فرض متغیرها، اسکوپ در استایل های تو در تو، اسکوپ در توابع و میکسین ها و…[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”23. W: Warn, Error and Debug Directives” subtitle=”05:054″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/23-Warn-Error-and-Debug-Directives.mp4″]در این درس، سه روش تعامل با کنسول مرورگر در SASS بیان می شود: warn@ و error@ و debug@[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”24. X: Extending Sass with the Ruby API” subtitle=”06:36″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/24-Extending-Sass-with-the-Ruby-API.mp4″]در این درس، به توسعه SASS توسط Ruby API پرداخته می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”25. Using Yeoman to Kickstart Your Project” subtitle=”10:23″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/25-Using-Yeoman-to-Kickstart-Your-Project.mp4″]در این درس، ویژگی های یک جریان کاری یا Workflow توسعه فرانت اند معرفی و بررسی خواهد شد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”26. Z: Managing Z-index Across a Project” subtitle=”05:39″ download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/26-Managing-Z-index-Across-a-Project.mp4″]در این درس، چگونگی کار با استایل z-index در SASS آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-file-pdf” badge=”attachments” private_lesson=”true” title=”زیرنویس انگلیسی ویدیوهای دوره” download_lesson=”https://dl.rahkarino.com/video/web-design/atoz-sass/subtitle.rar”]دانلود فایل PDF مربوط به زیرنویس انگلیسی ویدیوهای دوره آموزشی SASS[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]