دوره های یک دپارتمان

دوره: Web Design II (Responsive Design With Bootstrap Less&Sass) - گروه 5

دپارتمان: کامپیوتر و ICT

توضیحات دوره:

پیش نیاز

  • پیش نیاز این دوره، Web Design 1 است، که شامل موارد زیر است.
  • HTML5
  • Css3

 

کسب توانایی

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

 

سرفصل ها

  • بررسی مفهوم Responsive
  • معرفی مفهوم CSS Framework
  • معرفی و بررسی تاریخچه BootStrap
  • بررسی روش استفاده از BootStrap در یک سند HTML
  • معرفی Grid System
  • معرفی Media Query
  • معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
  • معرفی انواع 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

بازار کار

  • با ورود فروش آنلاین در ایران و استفاده از سایت‌ها و ایجاد کسب و کارهای غیر حضوری، شغل‌های جدیدی نیز ایجاد شدند. یکی از این شغل‌ها طراحی سایت است. شما با یادگیری طراحی سایت می توانید برای شرکت های طراحی وب یا در بخش های فناوری اطلاعات سازمانهای بزرگ دولتی و شرکت های خصوصی و یا به طور مستقل کار کنید. اگر در یک شرکت مشغول باشید، می توانید تا سمت های مدیریت تیم طراحی یا مدیر محتوای سایت پیشرفت کنید و با کسب تجربه بیشتر می توانید برای خود در این حوزه کسب و کاری راه اندازی کنید.

 

توضیحات

  • در گذشته افراد برای اینکه محصولات خود را به فروش برسانند به مکان و فضایی نیاز داشتند تا محصولات خود را در آنجا به عرضه در بیاورند. برای مثال اگر کسی لباس فروشی را برای شغل خود انتخاب می‌کرد، باید یک مغازه به صورت اجاره در اختیار می‌گرفت تا بتواند لباس‌های خریداری شده را در آن مغازه به فروش برساند. این امر در تمامی مشاغل مانند فروش لوازم آرایشی، لوازم خانگی، سوپرمارکت، رستوران و غیره به یک نحو قابل اجرا بود و مشکلات و سختی‌های بسیاری را به همراه داشته است.
  • امروزه مشتریان برای خرید و رفع نیاز های خود کمتر به مکان های فیزیکی مراجعه میکنند. اکثر آنها از طریق تلفن همراه خود به دنبال فروشگاه ها و شرکتهای ارائه دهنده خدمات لازم می گردند. به همین دلیل اکثر مشاغل سعی بر این دارند وارد دنیای اینترنت شوند و دارای یک سایت کاملا مفید برای مشتریانشان باشند. اما نکته قابل توجه این است که وب سایت باید ویژگی هایی داشته باشد. یکی از مهمترین این ویژگی ها واکنش گرا بودن آنها است. سایت ها باید در تمامی دیوایس ها مخصوصا در موبایل ها به خوبی طراحی شوند.به همین دلیل طراحان وب سایت به دنبال فریم ورک های لازم جهت سهولت در طراحی وب سایت واکنش گرا باشند، فریم ورک هایی همچون بوتسترپ که یکی از محبوب ترین آن ها است. شما در این دوره کاملا با نحوه ریسپانسیو کردن وب سایت با بوتسترپ آشنا می شوید.