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

۰ رای ۰.۰

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

قیمت : ۷۹ هزار تومان

دوره Sass
schedule هر هفته 2 تا 3 جلسه 30 تا 60 دقیقه ای - (بیش از 15 ساعت آموزش تخصصی) شروع دوره : 17 مهرماه
list جلسات description توضیحات دوره speaker_notes دیدگاه ها
description توضیحات کوتاه دوره

امروز توسعه دهندگان و برنامه نویسان همواره به دنبال ابزار ها و راهکارهایی برای هر چه سریعتر کردن روند کدنویسی در کنار حفظ کیفیت و بهینه بودن آن هستند.این مهم در پروژه های بزرگ جایی که تیم های برنامه نویسی درگیر هزاران خط از کدهای یک سیستم هستند نمود دو چندان پیدا کرده و صرفه جویی هر چه بیشتر در زمان برای آنها از اهمیت بسیار بالایی برخوردار است. از این رو در تمام زمینه های برنامه نویسی چه سمت سرور و چه کلاینت روز به روز بر اینگونه ابزار ها افزوده می شود که تعدادی از آنها به دلیل توانایی ها ,قابلیت ها و امکاناتی که در اختیار توسعه دهندگان قرار می دهد از درجه محبوبیت بالایی برخوردار می گردند.
یکی از این ابزارها که در سال های اخیر نزد برنامه نویسان سمت کلاینت و یا به عبارتی طراحان وب به سرعت محبوب شده و برای آنها از اهمیت بالایی برخوردار شده است پیش پردازنده ای بنام 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
ARASH MOKHTARI

سلام آقای صالحی
من حدود 3ماهی میشه که شروع به یادگیری طراحی وب کردم
میخواستم بپرسم که فرق بین less و sass چیه؟و اینکه ضروریت داره که هر دوشونو یادگرفت؟

وحید صالحی

سلام کارایشون مشابه هست اما sass الان محبوب تره و بیشتر استفاده میشه البته بستگی به خودتون داره که بخواید زمینه کاریتون گسترده تر باشه و دوتاش رو یاد بگیرید اما فراگیری دوتاش الزامی نیست و یکیشون کافیه که sass رو پیشنهاد می کنم

بسیار اموزنده بود

خوب بود

عالی بود

امیر فاطمی

سلام استاد چرا وقتی فایل sass کامپایل میشه و auto-prefixer روش اعمال میشه فقط پیشوند -webkit-به فایل css اضافه میشه و پیشوند های دیگه اضافه نمیشن(moz-o-ms-) چه کار باید کرد

وحید صالحی

سلام خودش خودکار تشخیص میده اگر نیاز باشه اعمال میشه بعضی از ورژن های جدید مرورگرها دیگه نیازی به prefix ندارن برای اطلاعات بیشتر به وب سایت caniuse.com مراجعه کنید و انجا می تونید پراپرتی مورد نظرتون رو وارد کنید و ببنید در چه مرورگرهایی و با چه شرایطی ساپورت می شن و آیا به prefix نیاز دارن یا نه

عالی بود

وحید صالحی

خوشحالیم که مورد توجهتون قرار گرفته موفق باشید

hossein shabani

سلام
من در حال یادگیری htmlوcss هستم بعد از یادگیری کامل
چه نیازی به یادگیری sass است؟
لطفا توضیح دهید
باتشکر

وحید صالحی

sass یه ابزار برای توسعه css هست خیلی از قابلیت هایی که css نداره رو میشه با sass بهش اضافه کرد و توسعه و بهینه سازی css رو افزایش میده با sass میشه خیلی از قابلتیت های که زبان های برنامه نویسی مثل تعریف متغییر ها حلقه ها و دستورات شرطی … رو که دارن به css که به تنهایی این قابلیت ها رو نداره اضافه کرد و خیلی موارد کاربردی دیگه

امیر فاطمی

سلام استاد و خدا قوت جلسات رو خیلی دیر به دیر قرار میدید لطفا سریعتر پیش ببرید دوره رو که زود تر تموم شه.با تشکر از شما

وحید صالحی

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

ابراهیم عابدی

به نام خدا سلام علیکم ارادتمندم استاد اگر امکان داره جلسات منظم تر برگزار بشه قرار بر این بود هفته ای 2-3 جلسه این هفته هنوز هیچ جلسه ای منتر نشده لطفا ساعت جلسات هم بیشتر کنید که دوره سریعتر تموم بشه . با تشکر یا علی

وحید صالحی

سلام دوست عزیز جلسات منظم منتشر خواهد شد اگر به تاریخ انتشار جلسات گذشته دقت کنید متوجه میشد که بطور میانگین هر 4 روز یکبار جلسات منتشر شده فقط در انتشار جلسه جدید یه تاخیر ایجاد شده که بنده عذرخواهی می کنم و سعی می کنم جبران کنیم و 2 جلسه آینده رو تقریبا همزمان منتشر خواهیم کرد
در مورد ساعات جلسات هم اگر منظورتون مدت زمان هر قسمت هست درخواست کاربران بوده که زمان هر جلسه زیر 40 دقیقه باشه تا باعث خستگی دوستان نشه بخاطر همین طول جلسات رو کم در نظر گرفتیم…
پایدار باشید

امیر فاطمی

سلام استاد من وقتی وارد پوشه پروژم میشم و npm init رو میزنم که فایل package.json ایجاد بشه بعد از اینکه نام پکیج رو ازم پرسید من یه اسمی انتخاب کردم و بعد رسید به ورژن و همون طوری موند و به مرحله ی بعدی دیگه نمیره.

وحید صالحی

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

امیر فاطمی

سلام استاد جلسه دوم رو کی قرار میدید؟

وحید صالحی

سلام انشاالله تا 3 شنبه منتشر میشه

سلام بله مناسب هست دوست عزیز دوره غیر حضوری هستش

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۴۲۰ مقاله تخصصی
school
۷ دوره برگزار شده
۱۹۷۷ علاقمندfavorite
۱۷۹۸ دانشجوpeople
۷۰۰ رایstar
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در سامانه پشتیبانی مخصوص دانشجویان (برای دوره های حضوری)، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود. همچنین پس از خرید هر کدام از دوره های حضوری و یا مجازی سون لرن، شماره تماس و ایمیل مدرس در اختیار دانشجویان دوره قرار خواهد گرفت تا به سرعت پاسخ سوالات خود را دریافت نمایند.

contact_phone اطلاعات تماس با مدرس :
email va.s********@*****.***
phone ۰۹۱۰*******
access_time شنبه تا پنجشنبه، ۱۲ الی ۲۱ عصر
info اطلاعات کامل تماس با مدرس، برای دانشجویان دوره در دسترس می باشد.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۶۶۴۵۲۴۶۹
email ایمیل : support@7Learn.com