آموزشگاه نگین دانش پایا طراحی گرافیک | طراحی صفحات وب
دوره آموزشی تخصصی و کلاس آموزش برنامه نویسی (Web Design II (Responsive Design with Bootstrap, Less & Sass، مجتمع فنی تهران نمایندگی سیدخندان
Bootstrapt شامل توابع و دستورات HTML ،CSS و JavaScript است که توسط توییتر به صورت متن باز انتشار یافت. بوت استرپ دارای ابزار طراحی ریسپانسیو یا واکنش گرا است تا صفحات وب را بهبود و استاندارد نمایید. از جمله مزایای آن، افزایش سرعت در طراحی قالب است. Less مخفف Linear CSS است و با جاوا اسکریپت نوشته شده است. زمانی که حجم و تعداد کدهای نوشته شده زیاد شود، برای نگهداری و منظم کردن کدهای CSS از Less می توانید استفاده نمایید. Sass زبان سمت سرور است و روی Ruby اجرا می شود. Less و Sass برای افزایش قابلیت ها و سادگی CSS استفاده می شود.
سرفصل دوره آموزش 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
پیش نیاز دوره آموزش Web Design II (Responsive Design with Bootstrap, Less & Sass)
Web Design I (HTML5, CSS3 with Dreamweaver)