آموزش طراحی رابط کاربری با فریمورک W3.CSS – پیش ثبت نام

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

درباره ناشر

فرادرس
فرادرس

فرادرس بزرگ‌ترین ناشر دیجیتال آموزش‌های تخصصی، دانشگاهی و مهندسی است.

درباره مدرس

مهندس سید رضا هاشمیان
مهندس سید رضا هاشمیان

عضو گروه مدرسین فرادرس

کارشناسی فناوری اطلاعات


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



در طراحی رابط کاربری، HTML ساختار را ایجاد می کند و CSS به این ساختار شکل داده و ظاهر و نحوه نمایش آن ها را مشخص می کند. ما در این فرادرس، قصد داریم تا به بررسی یکی از فریمورک های ارائه شده برای CSS با نام W3.CSS را بررسی کنیم. فریمورک W3.CSS فریمورکی است که توسط وب سایت W3Schools برنامه نویسی شده و به صورت رایگان در اختیار افراد قرار گرفته است. از مزایای فریمورک W3.CSS می توان به واکنش گرا بودن این فریمورک اشاره کرد. همچنین، این فریمورک، تنها از دستورات استاندارد CSS استفاده می کند و مانند سایر فریمورک ها نظیر Bootstrap و یاFoundation، نیازی به استفاده از جاوا اسکریپت و یا jQuery ندارد.

👤 مدرس: مهندس سید رضا هاشمیان
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

وضعیت انتشار در مرحله انتشار
زمان تقریبی انتشار ۱ تا ۴ هفته

درخواست اطلاع رسانی انتشار این آموزش

این آموزش در آخرین مراحل انتشار است و به زودی در فرادرس ارائه عمومی آن آغاز خواهد شد. شما می توانید با وارد کردن ایمیل خود، در اولین زمان، از انتشار نهایی این آموزش مطلع شوید.

مزایای درخواست اطلاع رسانی انتشار:

  • مطلع شدن از انتشار آموزش در اولین زمان پس از انتشار
  • دادن بیشترین اولویت انتشار به آموزش های مورد نظر خود (آموزش های با بیشترین پیش ثبت نام، با اولویت بیشتری منتشر می شوند)
  • دریافت تخفیف ویژه به هنگام انتشار، مختص افرادی که درخواست اطلاع رسانی در یک آموزش داشته اند.




    توضیحات

    هر وب سایت آنلاین را می توان در دو بخش اصلی خلاصه کرد، Front End و Back End. به بیان ساده، بخش Front End، هر چیزی که توسط کاربر مشاهده می شود را شامل می شود. فرم ها، منوها، شکل المان ها، نحوه چیدمان صفحه و شکل ظاهری المان های صفحه وب سایت اما Back End در پشت وب سایت فعال بوده و تمامی عملیات مرتبط با بخش های مختلف سایت توسط این بخش انجام شده و نتیجه اجرای این عملیات، به صورت کدهای مفهومی HTML و CSS برای مرورگر ارسال شده و مرورگر نتیجه را به کاربر نمایش می دهد، اما بحث اصلی ما، در مورد رابط کاربری وب سایت و یا همان Front End است.

    همان قدر که کدنویسی صحیح و مناسب بودن عملیات Back End یک وب سایت مطرح است، رابط کاربری سایت نیز از اهمیت بالایی برخورد است زیرا کاربر، از طریق رابط کاربری با وب سایت ما در ارتباط بوده و هر چه رابط کاربری شکیل تر و دسترسی به المان ها ساده تر باشد، رضایت کاربران از وب سایت بالاتر بوده و احتمال بازگشت کاربر به وب سایت بالاتر خواهد بود. به منظور طراحی رابط کاربری، تاکنون ابزارها و فریمورک ها و نرم افزارهای متعددی ارائه شده است. از کتابخانه ها و فریمورک های برنامه نویسی مانند بوت استرپ گرفته تا نرم افزارهایی همچون Adobe Muse و…

    در طراحی رابط کاربری، HTML ساختار را ایجاد می کند و CSS به این ساختار شکل داده و ظاهر و نحوه نمایش آن ها را مشخص می کند. ما در این فرادرس، قصد داریم تا به بررسی یکی از فریمورک های ارائه شده برای CSS با نام W3.CSS را بررسی کنیم. فریمورک W3.CSS فریمورکی است که توسط وب سایت W3Schools برنامه نویسی شده و به صورت رایگان در اختیار افراد قرار گرفته است. از مزایای فریمورک W3.CSS می توان به واکنش گرا بودن این فریمورک اشاره کرد. همچنین، این فریمورک، تنها از دستورات استاندارد CSS استفاده می کند و مانند سایر فریمورک ها نظیر Bootstrap و یاFoundation، نیازی به استفاده از جاوا اسکریپت و یا jQuery ندارد.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: شروع به کار
    • درس دوم: شبکه Grid
    • درس سوم: سایزدهی به المان ها
      • کار با Container
      • کار با Padding
      • کار با Margin
      • کلاس های موقعیت دهی محتوا
      • کار با Layout های آماده
      • قابلیت Responsive
    • درس چهارم: تایپوگرافی در W3.CSS
      • کار با Font ها
      • کار با متن ها
      • کلاس های ایجاد یادداشت
      • کلاس های ایجاد نقل قول
      • کلاس های Tag
    • درس پنجم: کار با رنگ ها
    • درس ششم: کار با حاشیه ها
      • درج حاشیه
      • ایجاد انحنا در حاشیه ها
    • درس هفتم: ایجاد Alert
    • درس هشتم: ایجاد کادرهای محتوا
      • کار با Panel
      • کار با Card
    • درس نهم: کار با Modal
    • درس دهم: ایجاد نوارهای رنگی
    • درس یازدهم: ایجاد نوارهای پیشرفت
    • درس دوازدهم: کار با دکمه ها
    • درس سیزدهم: کار با جداول
    • درس چهاردهم: کار با لیست ها
    • درس پانزدهم: کار با تصاویر
    • درس شانزدهم: کار با Badge
    • درس هفدهم: کار با آیکون ها
    • درس هجدهم: کار با فرم ها و کنترل های ورودی گیری
    • درس نوزدهم: افکت های نمایشی
      • کار با انیمیشن ها
      • کار با افکت های نمایشی
    • درس بیستم: ایجاد منوهای کشویی
    • درس بیست و یکم: ایجاد آکوردئون
    • درس بیست و دوم: ایجاد منوها
    • درس بیست و سوم: کلاس های ستون کناری
    • درس بیست و چهارم: کار با Tab ها
    • درس بیست و پنجم: کلاس های ایجاد صفحه بندی
    • درس بیست و ششم: ایجاد Slideshow
    • درس بیست و هفتم: کار با Tooltip ها
    • درس بیست و هشتم: کلاس ایجاد کادر Filter

     

    مفید برای رشته های
    • مهندسی کامپیوتر
    • مهندسی فناوری اطلاعات (IT)


    اطلاعات تکمیلی

    نام آموزش آموزش طراحی رابط کاربری با فریمورک W3.CSS – پیش ثبت نام
    ناشر فرادرس
    کد آموزش FVH4C9704
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)



    سایر آموزش های مهندس سید رضا هاشمیان




    دیدگاه ها

    نظر شما در مورد این فرادرس چیست؟

    امتیاز شما به این آموزش:

    *




درخواست اطلاع رسانی انتشار این آموزش

این آموزش در آخرین مراحل انتشار است و به زودی در فرادرس ارائه عمومی آن آغاز خواهد شد. شما می توانید با وارد کردن ایمیل خود، در اولین زمان، از انتشار نهایی این آموزش مطلع شوید.

مزایای درخواست اطلاع رسانی انتشار:

  • مطلع شدن از انتشار آموزش در اولین زمان پس از انتشار
  • دادن بیشترین اولویت انتشار به آموزش های مورد نظر خود (آموزش های با بیشترین پیش ثبت نام، با اولویت بیشتری منتشر می شوند)
  • دریافت تخفیف ویژه به هنگام انتشار، مختص افرادی که درخواست اطلاع رسانی در یک آموزش داشته اند.



برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , ,




فرادرس در رسانه ها و جشنواره ها

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

عضویت در خبرنامه فرادرس

برای دریافت اخبار مربوط به آخرین فرادرس های منتشر شده، ایمیل خود را در کادر زیر وارد نمایید.


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

فرادرس مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی logo-samandehi پرداخت آنلاین -  بانک ملت پرداخت آنلاین - بانک پارسیان پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان