campaign-off40

subscriptions دوره مجازی پیش پردازنده Sass + ابزار Gulp

۰ رای ۰.۰

access_time طول دوره ۱۵ ساعت
event_seat تعداد جلسات ۲۰ جلسه
people دانشجویان ۱۲۳ نفر
headset_mic پشتیبانی دوره۳ ماه

قیمت : ۷۹ ۴۸ هزار تومان ٪ ۴۰ تخفیف

دوره Sass
notifications_active ضمن تبریک عید سعید فطر، بدلیل افزایش قیمت ها از ابتدای تابستان، تا ۱ تیر می توانید تمام محصولات مجازی را با قیمت فعلی و ۴۰ درصد تخفیف ویژه خرید کنید.
schedule هر هفته 2 تا 3 جلسه 30 تا 60 دقیقه ای - (بیش از 15 ساعت آموزش تخصصی)
7Learn Experts
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی SASS : جلسه اول play_circle_outlined
  2. دوره مجازی SASS : جلسه دوم play_circle_outlined
  3. دوره مجازی SASS : جلسه سوم play_circle_outlined
  4. دوره مجازی SASS : جلسه چهارم - ابزار گالپ - بخش اول play_circle_outlined
  5. دوره مجازی SASS : جلسه پنچم - ابزار گالپ - بخش دوم play_circle_outlined
  6. دوره مجازی SASS : جلسه ششم - متغییرها در sass play_circle_outlined
  7. دوره مجازی SASS : جلسه هفتم - partials و import در sass play_circle_outlined
  8. دوره مجازی SASS : جلسه هشتم - nesting در sass play_circle_outlined
  9. دوره مجازی SASS : جلسه نهم - mixin در sass - بخش اول play_circle_outlined
  10. دوره مجازی SASS : جلسه دهم - mixin در sass - بخش دوم play_circle_outlined
  11. دوره مجازی SASS : جلسه یازدهم - media query در sass play_circle_outlined
  12. دوره مجازی SASS : جلسه دوازدهم - operators و color functions در sass play_circle_outlined
  13. دوره مجازی SASS : جلسه سیزدهم - custom functions در sass play_circle_outlined
  14. دوره مجازی SASS : جلسه چهاردهم - inheritance در sass play_circle_outlined
  15. دوره مجازی SASS : جلسه پانزدهم - conditional directives در sass play_circle_outlined
  16. دوره مجازی SASS : جلسه شانزدهم - loops در sass play_circle_outlined
  17. دوره مجازی SASS : جلسه هفدهم - پروژه - بخش اول - پیاده سازی سیستم شبکه بندی بوتسترپ توسط SASS play_circle_outlined
  18. دوره مجازی SASS : جلسه هجدهم - پروژه - بخش دوم - طراحی قالب play_circle_outlined
  19. دوره مجازی SASS : جلسه نوزدهم - پروژه - بخش سوم - طراحی قالب play_circle_outlined
  20. دوره مجازی SASS : جلسه بیستم (پایانی) - پروژه - بخش آخر - طراحی قالب play_circle_outlined

دوره Sass

امروز توسعه دهندگان و برنامه نویسان همواره به دنبال ابزار ها و راهکارهایی برای هر چه سریعتر کردن روند کدنویسی در کنار حفظ کیفیت و بهینه بودن آن هستند.این مهم در پروژه های بزرگ جایی که تیم های برنامه نویسی درگیر هزاران خط از کدهای یک سیستم هستند نمود دو چندان پیدا کرده و صرفه جویی هر چه بیشتر در زمان برای آنها از اهمیت بسیار بالایی برخوردار است. از این رو در تمام زمینه های برنامه نویسی چه سمت سرور و چه کلاینت روز به روز بر اینگونه ابزار ها افزوده می شود که تعدادی از آنها به دلیل توانایی ها ,قابلیت ها و امکاناتی که در اختیار توسعه دهندگان قرار می دهد از درجه محبوبیت بالایی برخوردار می گردند. یکی از این ابزارها که در سال های اخیر نزد برنامه نویسان سمت کلاینت و یا به عبارتی طراحان وب به سرعت محبوب شده و برای آنها از اهمیت بالایی برخوردار شده است پیش پردازنده ای بنام SASS می باشد که امکانات بسیار زیادی را به زبان شیوه نامه ای CSS می افزاید و به توسعه دهنده این امکان را می دهد تا از این زبان همانند زبانهای سمت سرور استفاده نمایید و برای آن به تعریف متغییر ها، توابع، دستورات شرطی، انواع حلقه ها و سایر موارد بپردازد. مواردی که CSS به تنهایی و بدون استفاده از این ابزار قادر به پشتیبانی از آن نیست. از دیگر مزیت های استفاده از پیش پردازنده ای مانند SASS در کنار مواردی که ذکر شده افزایش سرعت کدنویسی CSS ، کاهش چشمگیر حجم کدها و مدیریت و توسعه آسان تر پروژه در آینده می باشد. پیش پردازنده SASS بواسطه داشتن انعطاف پذیری بالا در کنار توانایی ها و آزادی عمل های فراوانی که در اختیار توسعه دهندگان و طراحان رابط کاربری قرار می دهد بقدری محبوب شده که فریم ورک های بسیار قدرتمند و محبوب CSS همانند بوت استرپ و فاندیشن نیز در هسته خود از آن پشتیبانی کرده و آن را بر پایه SASS نیز طراحی کرده اند تا توسعه دهندگان بتوانند با خیال آسوده تحت پیش پردازنده SASS نیز از فریم ورک های ذکر شده استفاده کرده و به توسعه پروژه های خود بپردازند. لذا تیم سون لرن با توجه به اهمیت این پیش پردازنده برای طراحان رابط کاربری و تهیه آموزشی جامع و کاربردی برای علاقه مندان به مباحث روز دنیای برنامه نویسی تحت وب تصمیم به برگزاری جامع ترین دوره در زمینه پیش پردازنده SASS گرفته است. امیدواریم که این دوره نیز مانند سایر دوره های جامع و کاربردی ســـون لــرن مورد توجه و استقبال شما عزیزان قرار بگیرد.
فصل اول معرفی پیش پردازنده SASS و مفاهیم اولیه
  • مفاهیم پیش پردازنده های CSS
  • بررسی دلایل و مزیت استفاده از پیش پردازنده های CSS
  • بررسی انواع ساختار نوشتاری در SASS
  • بررسی تفاوت ساختار SASS و SCSS
  • بررسی مزایا و معایب SASS  وSCSS   با یکدیگر
  • توضیح نحوه کدنویسی تحت CSS ,SASS و SCSS در قالب چند مثال کاربردی برای
  • مقایسه هر کدام بایکدیگر و دربهتر از دلایل استفاده از پیش پردازنده SASS
  • نصب نرم افزار های مورد نیاز
فصل دوم پیش نیازها
  • بررسی پیش نیازها قبل از استفاده از SASS
  • نصب RUBY
  • دانلود و نحوه نصب SASS توسط Package Manager gem و خط فرمان Command Prompt ویندوز
  • بررسی انواع روش های کامپایل فایل های SASS توسط ابزاهای پیشنهاد شده توسط وب سایت رسمی SASS
  • بررسی روش های بهینه تر بدون وابستگی به ابزارهای جانبی برای کامپایل فایل های SASS
  • کامپایل فایل های (Watch) SASS توسط نرم افزار PhpStorm
  • کامپایل فایل های SASS (Watch)   توسط Command Prompt  ویندوز
  فصل سوم Gulp Task Runner
  • بررسی مفهوم Task Runner ها و دلایل استفاده از آنها
  • مروری بر Task Runner Gulp
  • بررسی فایل json
  • نحوه تعریف یک Task در Gulp
  • بررسی تعدادی از دستورات کاربردی Gulp
  • نحوه آدرس دهی فایل های مورد نظر پروژه برای اعمال تغییرات از جمله Update در Gulp
  • ایجاد Watch Task برای کامپایل فایل های SASS  توسط Gulp
  • ایجاد Browser Sync Task برای Refresh خودکار مرورگر برای نمایش تغییرات اعمال شده در پروژه توسط Gulp
  • پوشه بندی فایل های مورد نیاز
فصل چهارم  متغییر ها (Variables)
  • بررسی متغیرها در SASS
  • نحوه ایجاد متغییر ها در SASS
  • دلایل استفاده از متغیرها در SASS
  • نحوه کامنت گذاری در SASS
  • نحوه ایجاد متغییر های تو در تو
فصل پنجم  بخش بندی (Partials)
  • بررسی مبحث Partials
  • نحوه ایجاد فایل های خارجی
  • نحوه استفاده از جندین فایل خارجی در یک فایل
  • بررسی مبحث Import
  • آدرس دهیurl و Http
  • فصل ششم – تو در تو نویسی ( Nesting )
  • مفهوم Nesting ها در SASS و دلایل استفاده از آنها
  • نحوه تو در تو نویسی توسط Nesting
فصل هفتم ( Mixins )
  • مفهوم Mixin ها در SASS و دلایل استفاده از آنها
  • نحوه ارسال پارامتر به یک Mixin
  • نحوه ارسال محتوا به یک Mixin
فصل هشتم (Media Query)
  • مدیا کوئری ها و بررسی مبحث طراحی واکنشگرا در SASS
  • نحوه ایجاد و استفاده از Mixin ها در مدیا کوئری ها
  • نحوه ارسال پارامتر در مدیا کوئری ها
  • نحوه اجرای دستورات متفاوت در مدیا کوئری ها متفاوت برای ابعاد مختلف سند در مرورگرها
  • نحوه استفاده از مبحث Nesting در مدیا کوئری ها
فصل نهم- عملگرهای محاسباتی و توابع (Operators & Functions)
  • بررسی عملگرهای ریاضی برای انجام محاسبات بروی اندازه ها
  • بررسی نحوه عملکرد توابع رنگ ها
  • ایجاد و تعریف توابع دلخواه برای انجام عملیات محاسباتی
فصل دهم   - وراثت (Inheritance)
  • بررسی مبحث Extend و ارث بری در SASS
  • جلوگیری از خطا در کدها در صورت عدم ارث بری یک عنصر
  • Extend در برابر  Mixin ! کدامیک بهتر است؟
فصل یازدهم -   conditional statement ( دستوارت شرطی  )
  • بررسی دستوارت شرطی (if & else) , نحوه و زمان استفاده از آنها
  • کنترل رفتار سند و صفحات HTML توسط دستورات شرطی (مانند تغییر رنگ پس زمینه در حالات متفاوت)
  • مباحث تکمیلی در مورد Mixin ها و دستوارت شرطی
فصل دوازدهم  - حلقه ها و دستوارت تکرار
  • بررسی دستور For , نحوه و زمان استفاده از آنها
  • بررسی دستور Each , نحوه و زمان استفاده از آنها
  • بررسی دستور While , نحوه و زمان استفاده از آنها
  • نحوه کنترل و جلوگیری از کدنویسی تکراری و مشابه, مثل کلاس های شبکه بندی فریم ورک هایی مثل بوت استرپ,فاندیشن و ... توسط حلقه ها در SASS
  • ایجاد یک سیستم شبکه بندی (Grid System) همانند فریم ورک بوت استرپ
فصل سیزدهم  - پروژه
  • پروژه جامع (Sass در عمل) :
    • طراحی یک قالب کاربردی و استفاده واقعی از  پیش پردازنده SASS
پرویز مقیمی replyپاسخ

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

وحید صالحی

سلام ruby یه زبان برنامه نویسی هست .

alireza seif replyپاسخ

سلام . وقت بخیر.
من دستور gem install sass را که در خط فرمان ویندوز وارد میکنم.کار نمیکنه . فکر کنم تحریم کردن ما رو.راهی به نظر شما می رسه؟مرسی

وحید صالحی

سلام بصورت GLOBAL نصب کنید ببنید حل میشه مشکل از دستور زیر استفاده کنید:

npm install -g sass

محمدامین عطائی replyپاسخ

سلام هزینه ی این دوره نسبت به بقیه ی دوره های 7Learn بالاس. فقط 15 ساعته ولی 70 تومنه..

Pedram Zolfaghari replyپاسخ

سلام لطفا یه دمو از دوره بزارین
باتشکر

حامد replyپاسخ

اقای صالحی میشه خواهش کنم تو دلتون صحبت نکنید ؟؟؟؟؟؟
صدا رو 100% میکنم اینقدر صداتون خسته و آرومه خوابم میگیره انتهای جلسه و مجبور میشم کلا بیخیال اون درس بشم .
خواهش میکنم یا آموزشی تولید نکنید یا اگر تولید می کنید روی کیفیت صداتون کار کنید تا آدم زورش نیاد فیلمای شما رو نگاه کنه .

ARASH replyپاسخ

بعد از وارد کردن دستورالت تو cmd با این ارور مواجه میشم

>gulp
E:\Public_html\Root\CSS\sass with gulp\node_modules\gulp-sass\index.js:66
    let sassMap;
    ^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:404:25)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous> (E:\Public_html\Root\CSS\sass with gulp\gulpfile.js:2:12)
    at Module._compile (module.js:425:26)
    at Object.Module._extensions..js (module.js:432:10)
سعید ریحانی replyپاسخ

سلام وقت بخیر
فیلم مشکل داره، حالا نمیدونم مشکل از فیلم هاست یا سرور سون لرن چون دقیقا همین مشکل رو برای یکی دیگه از جلسات یکی دیگه از دوره های دیگه داشت
فیلم تقریبا 20 دقیقه آخرش نیست
http://s8.picofile.com/file/8323808818/54466.png

وحید صالحی

سلام برطرف شد دوست عزیز ممنون از اطلاع رسانیتون

mahdi98 replyپاسخ

با عرض سلام و خسته نباشید ، ببخشید لینک دانلود کار نمیکنه …

وحید صالحی

سلام بررسی شد مشکلی نداره

امیر فاطمی replyپاسخ

سلام فیلم این جلسه مشکل داره

امیر فاطمی

ناقصه 20 دقیقه آخر پخش نمیشه و از دوباره شروع میشه

وحید صالحی

!!! بررسی شد و مشکلی نداره یه بار کش مرورگرتون رو خالی کنید مجددا دانلود یا مشاهده کنید

وحید صالحی

سلام مشکلش چیه دوست عزیز ؟

ARASH replyپاسخ

سلام لینک فایل این جلسه(17هُم)، با جلسه 16یکیه!

وحید صالحی

سلام ممنون اصلاح شد

mahdi98 replyپاسخ

با سلام ، ببخشید این دوره کی تموم میشه ؟ من میخوام این دوره را با سی دی سفارش بدم اما به خاطر تکمیل نبودن دوره نمیتونم .

وحید صالحی

این دوره به علت حجم کم dvd نداره باید دانلود کنید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۵۰۸ مقاله تخصصی
school
۹ دوره برگزار شده
۳۵۷۶ علاقمندfavorite
۳۲۵۱ دانشجوpeople
۷۰۰ رایstar
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com