آموزش وب دیزاین Web Design II

آموزش وب دیزاین Web Design II(web design 2)

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

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

آموزش وب دیزاین Bootstrap :Web Design II شامل توابع و دستورات HTML ،CSS و JavaScript (آموزش جاوا مقدماتی Java SE 8 Programming) است که توسط توییتر به صورت متن باز انتشار یافت. بوت استرپ دارای ابزار طراحی رسپانسیو یا واکنش گرا است تا صفحات وب را بهبود و استاندارد نمایید.(دوره وب دیزاین)

از جمله مزایای آن، افزایش سرعت در طراحی قالب است. Less مخفف Linear CSS است و با جاوا اسکریپت نوشته شده است. زمانی که حجم و تعداد کدهای نوشته شده زیاد شود، برای نگهداری و منظم کردن کدهای CSS از Less می توانید استفاده نمایید.Sass زبان سمت سرور است و روی Ruby اجرا می شود. Less و Sass برای افزایش قابلیت ها و سادگی CSS استفاده می شود.(web design 2)

سرفصلهای آموزش وب دیزاین Web Design II (web design 2)

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

پیش نیاز آموزش وب دیزاین Web Design II:(web design 2)

Web Design I (HTML5, CSS3 with Dreamweaver)

مخاطبین دوره وب دیزاین Web Design II:

• علاقمندان به طراحی سایت(web design 2)
• کارشناسان و پشتیبان کننده های سایت ها
• طراحان وب(دوره وب دیزاین)

مهارت های اکتسابی پس از طی کلاس وب دیزاین Web Design II:(دوره وب دیزاین)

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

انواع طراحی سایت

سایت های استاتیک

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

سایت های داینامیک 

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

بازار کار و موقعیت های شغلی آموزش پکیج وب دیزاین 

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

• گرافیست
• متخصص دیجیتال مارکتینگ
• متخصص تولید محتوا
• متخصص سئو 
• طراح رابط کاربری
• و …

معرفی مدارک پایان دوره آموزش وب دیزاین Web Design II:(دوره وب دیزاین)

web design 2: مدرک مجتمع فنی تهران قابل ترجمه رسمی مورد تایید قوه قضائیه و وزارت امور خارجه می باشد. این مدرک مورد تایید سازمان ها و شرکت های خصوصی و دولتی و به عنوان یک Skill Certificate می تواند به عنوان معرفی مهارت های شما و همچنین جز رزومه کاری و مهارتی دانشپذیر قرار گیرد. 

مزایای مجتمع فنی تهران(نمایندگی میرداماد)

• برترین نمایندگی مجتمع فنی تهران در ایران
• ارائه گواهی پایان دوره از مجتمع فنی تهران به عنوان معتبرترین برند آموزشی کشور
• ارائه گواهی پایان دوره از سازمان مدیریت و پژوهش استانداری تهران(کارکنان دولت)
• حضور اساتید به نام و برجسته در این مرکز
• دارای مشاوران مجرب و متخصص در حوزه آموزش
• فضای آموزشی مجهز به جدید ترین فناوری روز دنیا
• استفاده از متد آموزشی روز دنیا بر اساس آموزش عملی و شغل محور
• داشتن بالاترین ابزار و تجهیزات شبکه و مجهز بودن تمام سیستم های کامپیوتری به آخرین امکانات
• دارای ایزوی تخصصی آموزش IWA۲
• دارای ایزو ۹۰۰۱ و ایزو ۱۰۰۱۵ در خصوص کیفیت و خدمات به مشتریان

جوایز و گواهینامه های حرفه ای:

• دریافت جایزه “اصالت کیفیت و مشتری مداری” در سال ۹۴
• دریافت گواهینامه “مدیریت تداوم کسب و کار” از TUV آلمان
• دریافت تندیس “فناوری و مهارت” در همایش فناوری و مهارت
• دریافت تندیس و لوح تقدیر در جشنواره ستاره های برتر فناوری بعنوان “شخصیت محبوب”
• انتخاب سازمان نمونه از طرف مجله سروش