سرفصل دوره آموزشی WEB DESIGN 2

1397/07/17

سرفصل دوره آموزش Web Design II (Responsive Design with Bootstrap, Less & Sass)

  • بدیل صفحه غیر ریسپانسیو به ریسپانسیو
  • بررسی مفهوم Responsive
  • معرفی مفهوم CSS Framework
  • معرفی و بررسی تاریخچه BootStrap در یک سند HTML
  • معرفی Grid System
  • معرفی Media Query
  • معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیصResolution کاربر
  • معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
  • معرفی Fixed Layout
  • معرفی Responsive Layout
  • بررسی Typography با BootStrap
  • بررسی روش ایجاد فرم و کلاسهای مرتبط
  • بررسی روش پنهان سازی بخش هایی از سند
  • بررسی نکات و کلاسهای مرتبط با جدول
  • بررسی نکات و کلاسهای مرتبط با تصاویر
  • بررسی روش استفاده از Icon ها
  • بررسی روش استفاده از Helper ها
  • بررسی نکات. کلاسهای مرتبط با دکمه
  • بررسی ارائه مثال از موارد زیر:
    • Dropdowns
    • Button groups
    • Button Dropdowns
    • Input groups
    • Navs
    • Navbar
    • Breadcrumbs
    • Pagination
    • Labels
    • Badges
    • Jumbotron
    • Page header
    • Thumbnails
    • Alerts
    • Progress bars
    • Media object
    • List group
    • Panels
    • Wells
  • بررسی روش های سفارشی سازی BootStrap

آموزش Less & Sass

  • معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
  • بررسی روش نصب و راه اندازی SASS و COPASS
  • بررسی روش ایجاد پروژه و ابزارهای گرافیکی مورد استفاده در 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 و Mnimize کردن
  • بررسی متودولوژی های OOCSS و SMACSS و BEM
  • بررسی روش استفاده از متغیرها و MIXINS
  • بررسی Nested Rule ها
  • بررسی انواع عملگرها و توابع
  • بررسی روش استفاده از Parent Selector
  • بررسی عملیات روی رنگها
  • بررسی Media Query در LESS
  • بررسی روش استفاده از LESS در GRID
  • بررسی تعاملات LESS یا BOOTSTRAP