آموزش ویدیویی طراحی اسلایدشو توسط Sass و Compass

[vc_row][vc_column][vc_custom_heading text=”معرفی اجمالی دوره” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]به دوره آموزشی “طراحی اسلایدشو توسط SASS” خوش آمدید.

ویدیوهای این دوره آموزشی به زبان انگلیسی هستند (با فرمت MP4) که در 8 فصل در اختیار شما عزیزان قرار گرفته است. دانلود فصل اول دوره رایگان است و نیاز به ثبت نام ندارد. اما برای مشاهده و دانلود فصل های 2 به بعد لطفا در دوره بصورت رایگان ثبت نام کنید.[/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]

• پیاده سازی Transition توسط sass
• اجرای انیمیشن توسط SASS
• معرفی و استفاده از ابزار Compass
• میکسین ها و مدیا کوئری ها در 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 و آشنایی با مفاهیم SASS مانند variables, nesting, mixins, extend[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”1. فصل اول (Introduction)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.1 Introduction” subtitle=”02:31″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/1-Introduction.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/1-Introduction.mp4″]در این ویدئو، بطور کلی درباره دوره آموزشی و پیش نیازهای آن صحبت می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”2. فصل دوم (Project Setup and Tools)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.1 Class Project” subtitle=”02:32″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/2-Class-Project.mp4″]در این درس، class project معرفی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.2 Sass Watch Options” subtitle=”04:46″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/3-Sass-Watch-Options.mp4″]در این درس، نحوه watch و کامپایل کدهای sass آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.3 Using the Prepros App” subtitle=”05:55″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/4-Using-the-Prepros-App.mp4″]در این درس، اپلیکیشن Prepros برای کامپایل و واچ کردن استایل های sass معرفی و بررسی می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”3. فصل سوم (Sass Math)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.1 Sass Math” subtitle=”03:40″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/5-Sass-Math.mp4″]در این درس، سایت sassmeister برای انجام محاسبات ریاضی sass معرفی و آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.2 Calculating Background Position” subtitle=”06:48″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/6-Calculating-Background-Position.mp4″]در این درس، نحوه محاسبه محل قرارگیری بک گراندها از طریق پوزیشن آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.3 Transitions” subtitle=”04:26″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/7-Transitions.mp4″]در این درس، نحوه تعریف استایل های transition در sass آموزش داده می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”4. فصل چهارم (Sass Lists)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.1 Sass Lists” subtitle=”07:05″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/8-Sass-Lists.mp4″]در این درس، قابلیت لیست ها در sass معرفی و آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.2 Background Images” subtitle=”03:42″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/9-Background-Images.mp4″]در این درس، نحوه تعریف تصاویر پس زمینه یا background images در SASS آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.3 Padding” subtitle=”03:20″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/10-Padding.mp4″]در این درس، تعریف استایل PADDING را در SASS مشاهده خواهیم کرد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.4 Category List” subtitle=”09:30″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/11-Category-List.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”5. فصل پنجم (CSS Animations)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.1 CSS Animations – HTML Set Up” subtitle=”05:48″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/12-CSS-Animations-HTML-Set-Up.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.2 CSS Animations” subtitle=”05:50″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/13-CSS-Animations.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.3 Refactor Animation with Sass” subtitle=”06:39″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/14-Refactor-Animation-with-Sass.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.4 Reusable Animation Code” subtitle=”05:53″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/15-Reusable-Animation-Code.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.5 Vendor Prefixes” subtitle=”05:00″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/16-Vendor-Prefixes.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.6 Cleanup” subtitle=”06:43″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/17-Cleanup.mp4″]در این درس،[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”6. فصل ششم (Compass)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.1 Using Compass” subtitle=”07:19″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/18-Using-Compass.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.2 Compass and CSS3″ subtitle=”06:47″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/19-Compass-and-CSS3.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.3 Compass Typography” subtitle=”04:47″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/20-Compass-Typography.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.4 Compass Sprites” subtitle=”06:21″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/21-Compass-Sprites.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.5 Compass Sprites” subtitle=”03:38″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/22-Modifying-a-Sprite.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.6 Color Functions” subtitle=”05:49″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/23-Color-Functions.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.7 Image Helpers” subtitle=”03:45″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/24-Image-Helpers.mp4″]در این درس،[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”7. فصل هفتم (Sass and Media Queries)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.1 Responsive Websites” subtitle=”03:00″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/25-Responsive-Websites.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.2 Sass and Media Queries” subtitle=”06:35″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/26-Sass-and-Media-Queries.mp4″]در این درس،[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.3 Mixins with @content” subtitle=”07:53″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/27-Mixins-with-@content.mp4″]در این درس،[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”7. فصل هشتم (Conclusion)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”8.1 Conclusion” subtitle=”01:16″ download_lesson=”https://dl.rahkarino.com/video/web-design/build-an-animated-slideshow-with-sass-and-compass/28-Conclusion.mp4″]در این درس،[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]