- از املای صحیح کلمات مطمئن شوید.
- از کلمات کمتری استفاده کنید.
- فقط کلمه کلیدی عبارت مورد نظر خود را جستجو کنید.
{{item.title}}
{{item.title}}
{{item.title}}
{{item.title}}
{{item.title}}
آموزش Web Design II (Responsive design with bootstrap , Less & Sass)Web Design II (Responsive design with bootstrap , Less & Sass)
دوره
در گذشته افراد برای اینکه محصولات خود را به فروش برسانند به مکان و فضایی نیاز داشتند تا محصولات خود را در آنجا به عرضه در بیاورند. برای مثال اگر کسی لباس فروشی را برای شغل خود انتخاب می‌کرد، باید یک مغازه به صورت اجاره در اختیار می‌گرفت تا بتواند لباس‌های خریداری شده را در آن مغازه به فروش برساند. این امر در تمامی مشاغل مانند فروش لوازم آرایشی، لوازم خانگی، سوپرمارکت، رستوران و غیره به یک نحو قابل اجرا بود و مشکلات و سختی‌های بسیاری را به همراه داشته است.
 |
 |
 |
امروزه مشتریان برای خرید و رفع نیاز های خود کمتر به مکان های فیزیکی مراجعه میکنند. اکثر آنها از طریق تلفن همراه خود به دنبال فروشگاه ها و شرکتهای ارائه دهنده خدمات لازم می گردند. به همین دلیل اکثر مشاغل سعی بر این دارند وارد دنیای اینترنت شوند و دارای یک سایت کاملا مفید برای مشتریانشان باشند. اما نکته قابل توجه این است که وب سایت باید ویژگی هایی داشته باشد. یکی از مهمترین این ویژگی ها واکنش گرا بودن آنها است. سایت ها باید در تمامی دیوایس ها مخصوصا در موبایل ها به خوبی طراحی شوند.به همین دلیل طراحان وب سایت به دنبال فریم ورک های لازم جهت سهولت در طراحی وب سایت واکنش گرا باشند، فریم ورک هایی همچون بوتسترپ که یکی از محبوب ترین آن ها است. شما در این دوره کاملا با نحوه ریسپانسیو کردن وب سایت با بوتسترپ آشنا می شوید.
برای شرکت در آموزش ریسپانسیو داشتن برخی پیش‌نیازها الزامی است. یعنی پیش از شرکت در این آموزش باید دوره Web Design 1 را گذرانده و به مفاهیمی چون HTML5 و Css3 تسلط کافی داشته باشید. زیرا این مفاهیم مقدمه‌ای برای ساخت صفحات وب‌سایت است که شما به‌عنوان طراح سایت باید به آنها مسلط باشید تا بتوانید صفحات را Responsive کنید.
پیش نیاز ها
- پیش نیاز این دوره، Web Design 1 است، که شامل موارد زیر است.
- HTML5
- Css3
سرفصل ها
- بررسی مفهوم 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
کسب توانایی ها
- یادگیر less
- یادگیری sass
- نحوه طراحی سایت واکنش گرا
- آموزش کامل فریم ورک بوتسترپ
بازار کار
- با ورود فروش آنلاین در ایران و استفاده از سایت‌ها و ایجاد کسب و کارهای غیر حضوری، شغل‌های جدیدی نیز ایجاد شدند. یکی از این شغل‌ها طراحی سایت است. شما با یادگیری طراحی سایت می توانید برای شرکت های طراحی وب یا در بخش های فناوری اطلاعات سازمانهای بزرگ دولتی و شرکت های خصوصی و یا به طور مستقل کار کنید. اگر در یک شرکت مشغول باشید، می توانید تا سمت های مدیریت تیم طراحی یا مدیر محتوای سایت پیشرفت کنید و با کسب تجربه بیشتر می توانید برای خود در این حوزه کسب و کاری راه اندازی کنید.
کلاس ها
همکاران ما آماده پاسخگویی به سوالات شما می باشند
سعادت آباد، بالاتر از ميدان كاج، خيابان دوم (شهيد عبقری)، بلوار بهزاد شمالی، نبش باغستان شماره ۱۲ | ۶-۲۲۰۹۰۰۰۱ ۰۲۱
