Web Design II (Responsive Design with Bootstrap, Less & Sass)

۹۶۰،۰۰۰ تومان

معرفی این دوره

هدف آموزشی:

طراحی وب سایت رسپانسیو با HTML/ CSS  با تکنیک های Less & Sass  

Bootstrap  شامل توابع و دستورات HTML ،CSS  و JavaScript است که توسط توییتر به صورت متن باز انتشار یافت. بوت استرپ دارای ابزار طراحی رسپانسیو یا واکنش گرا است تا صفحات وب را بهبود و استاندارد نمایید. از جمله مزایای آن، افزایش سرعت در طراحی قالب است. Less مخفف Linear CSS است و با جاوا اسکریپت نوشته شده است. زمانی که حجم و تعداد کدهای نوشته شده زیاد شود، برای نگهداری و منظم کردن کدهای CSS از Less می توانید استفاده نمایید.Sass زبان سمت سرور است و روی Ruby اجرا می شود. Less و Sass برای افزایش قابلیت ها و سادگی CSS استفاده می شود.

پیش نیاز:

Web Design I (HTML5, CSS3 with Dreamweaver)

مدت دوره: ۴۴ ساعت

مخاطبین دوره:

  • علاقمندان به طراحی سایت
  • کارشناسان و پشتیبان کننده های سایت ها
  • طراحان وب

 

سرفصل

  • بررسی مفهوم Responsive و CSS Framework
  • بررسی روش استفاده از BootStrap در یک سند HTML
  • معرفی Grid System- Media Query
  • معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
  • معرفی Fixed Layout
  • معرفی Responsive Layout
  • بررسی Typography با BootStrap
  • بررسی روش ایجاد فرم و کلاسهای مرتبط
  • بررسی نکات و کلاسهای مرتبط با جدول و تصاویر
  • بررسی روش استفاده از Icon ها
  • بررسی روش استفاده از Helper ها
  • بررسی نکات . کلاسهای مرتبط با دکمه
  • بررسی روش سفارشی سازی BootStrap
  • معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
  • بررسی روش نصب و راه اندازی SASS و COMPASS
  • بررسی روش ایجاد پروژه و ابزار های گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و LiveReload
  • بررسی روش ایجاد و فشرده سازی یک StyleSheet
  • بررسی روش ایجاد متغیر های در SASS
  • بررسی روش ایجاد و استفاده از فایل های Partial
  • بررسی الگوهای نوشتاری Nesting
  • بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
  • بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
  • بررسی الگوهای نوشتاری Mixins
  • بررسی روش های اعمال تغییرات روی رنگ ها
  • معرفی پلاگین Susy و نکات مربوطه
  • بررسی روش ایجاد Media Query های پیشرفته تر با SASS و MIXINS
  • پیاده سازی منطق با SASS
  • بررسی روش نگارش و کامپایل LESS
  • بررسی روش حل مشکل CROSS BROWSER در LESS
  • بررسی  Server Side Compilation
  • بررسی روش استفاده از Source Map
  • بررسی روش Compress و Minimize کردن
  • بررسی متودولوژی های OOCSS و SMACSS و BEM
  • بررسی روش استفاده از متغیر ها و MIXINS
  • بررسی Nested Rule ها
  • بررسی انواع عملگرها و توابع
  • بررسی روش استفاده از Parent Selector
  • بررسی عملیات روی رنگها
  • بررسی Media Query ها در LESS
  • بررسی روش استفاده از LESS در GRID
  • بررسی تعاملات LESS با BOOTSTRAP

 

مهارت های اکتسابی پس از طی دوره:

آماده سازی یک قالب سایت رسپانسیو و بالا بردن یک صفحه استاتیک