چهارشنبه 15 مرداد 1399

مشخصات دوره

  • عنوان دوره : Web Design II - Responsive Design with Bootstrap, Less & Sass
  • زبان دوره : فارسی

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

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

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

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

تمامی کسانی که میخواهد طراحی وبسایت را از صفر تا صد و با کیفیت بالا یاد بگیرد بدون اینکه نیازی به شرکت های مرتبط داشته باشد.

  • Web Design I (HTML,CSS,Javascript,JQuery,JQuery UI,Ajax)
  • Web Design II (Responsive Design with Bootstrap, Less & Sass)

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

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

تمامی کسانی که میخواهد طراحی وبسایت را از صفر تا صد و با کیفیت بالا یاد بگیرد بدون اینکه نیازی به شرکت های مرتبط داشته باشد.

  • وبلاگ نویسان و علاقمندان
  • طراحان حرفه ای وب سایت
  • نویسندگان محتوای وب
  • بازاریابان
  • توسعه دهندگان نرم افزار وب و برنامه نویسان
  • اهداف دوره آموزش طراحی سایت

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

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

    با توجه به اینکه این دوره آموزشی به صورت جامع می باشد و شما پس از پایان دوره میتوانید هر نوع وب سایتی و با هر امکاناتی را از ۰ تا ۱۰۰ طراحی کنید، و تمامی مباحث آموزش داده می شود، بنابراین آشنایی با کامپیوتر و اینترنت برای این دوره کفایت می نماید.

    بازار کار طراحی سایت

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

    • شرکت های طراحی وب سایت
    • بخش فناوری اطلاعات سازمانهای بزرگ دولتی و یا شرکت های خصوصی
    • اشتغال به صورت مستقل و پروژه ای
    • مدیریت تیم طراحی یا مدیر محتوای سایت
    • وب مستر شرکت های خصوصی و ….

    توجه داشته باشید طراحی وب سایت در زمینه اشتغال بسیار وسیع می باشد و روز به روز در حال گسترش می باشد.

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

  • آموزش 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
    طراحیResponsive صفحات وب
    • بررسی مفهوم 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