Web Design Part II

Web Design Part II
طراحی صفحات وب سایت یکی از حرفه های پرطرفدار با بازار کاری گسترده بوده که نیازمند آموزش های عملی و کاربردی در این زمینه می باشد. شرکت ایده پردازان نسل آریا به منظور رفع نیاز علاقه مندان این حوزه، اقدام به برگزاری دوره آموزش طراحی سایت با سرفصل های عملی و به روز نموده است. دانشجویان در دوره جامع آموزش طراحی سایت یا آموزش طراحی وب استاتیک با زبان های پایه برنامه نویسی وب به صورت عملی آشنا خواهند شد. این دوره ی آموزشی که دانشی پایه و پیش نیاز تمامی دوره های طراحی وب از جمله دوره برنامه نویسی وب داینامیک، آموزش طراحی وب سایت پیشرفته می باشد، می تواند به صورت مهارتی مستقل برای علاقه مندان و نیز یک تخصص تکمیلی برای طراحان گرافیک، فرصت های شغلی بسیاری را به همراه داشته باشد. کسانی که از طراحی وب سایت اطلاعی ندارند و می خواهند طراحی وب سایت را از ابتدا و به صورت کاملا حرفه ای و در محیطی کاملا عملی و پروژه ای یاد بگیرند می توانند در دوره آموزش طراحی سایت شرکت کنند. به افراد شرکت کننده در این دوره نرم افزار فتوشاپ جهت طراحی نمونه اولیه مربوط به وب سایت هم آموزش داده می شود.

دوره آموزش جامع طراحی سایت شامل آموزش تمامی موارد زیر می باشد که در دو سطح به دانشجویان آموزش داده می شود:

  1. Web Design I (HTML, CSS, JavaScript, JQuery, JQuery UI, Ajax)
  2. Web Design II (Responsive Design with Bootstrap, Less & Sass)

در این دوره ها علاوه بر این مهارت ها با نرم افزار Photoshop آشنا خواهید شد و نحوه تنظیم نمونه اولیه یک وب سایت را در فتوشاپ فرا خواهید گرفت.

پس از اتمام این دوره آموزشی طراحی وب سایت، شما قادر خواهید بود به:

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

  • وبلاگ نویسان و علاقمندان
  • طراحان حرفه ای وب سایت
  • نویسندگان محتوای وب
  • بازاریابان
  • توسعه دهندگان نرم افزار وب و برنامه نویسان
Web Design Part I
  • معرفی 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
  • بررسی مفهوم Responsive
  • معرفی مفهوم CSS Framework
  • معرفی و بررسی تاریخچه BootStrap در یک سند HTML
  • معرفی Grid System
  • معرفی Media Query
  • معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیصResolution کاربر
  • معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
  • معرفی Fixed Layout
  • معرفی Responsive Layout
  • معرفی Bootstrap
  • بررسی 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

نوشتن دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.