Faradars Discount
x عدم نمایش ۵۰٪ تخفیف بزرگترین تخفیف سال ۹۸ ویژه روز دانشجو کد تخفیف: AZAR98 .
Faradars Discount
فرصت باقیمانده

آموزش طراحی رابط کاربری وب سایت با فریم ورک Foundation

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

درباره ناشر

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

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

درباره مدرس

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

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

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


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



یکی از فریم ورک های مطرح در زمینه طراحی رابط کاربری، فریم ورک Foundation نام دارد که توسط شرکت Zurb ارائه شده است و به طراحان کمک می کند تا به سادگی، رابط کاربری صفحه وب خود را طراحی نمایند. این فریم ورک که تاکنون به روز رسانی های مرتبط و بهینه سازی های مشخصی داشته است، به کاربران کمک می کند تا برای تنظیم موقعیت المان ها از شبکه Grid موجود استفاده نموده که این شبکه Grid براساس سه طرح متفاوت XY و Float, Flex ارائه شده است. همچنین با استفاده از کلاس های موجود در این فریم ورک می توان نسبت به طراحی المان های مختلفی از جمله: دکمه ها، منوها، جداول، نوارهای پیشرفت و… اقدام کرد.

👤 مدرس: مهندس سید رضا هاشمیان
🕓 مدت زمان: ۵ ساعت و ۴۷ دقیقه
🎓 تعداد دانشجو: ۳۱ نفر این آموزش را تهیه کرده اند.

هزینه آموزش: ۲۱,۰۰۰ تومان


آنچه شما در این فرادرس خواهید دید:
آموزش ویدئویی مورد تایید فرادرس
فایل برنامه ها و پروژه های اجرا شده در حین آموزش

تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • به صورت رایگان یک یا چند آموزش معادل دیگر دریافت می کنید.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می شود.
    (توضیحات بیشتر +)
دانلود آنی
فعال‌سازی آنی لینک دانلود، بلافاصله پس از ثبت سفارش


    توضیحات

    چکیده آموزش


    امروزه، یکی از راه حل های طراحی رابط کاربری وب سایت، استفاده از فریم ورک های آماده است که تاکنون فریم ورک های متعددی از جمله: W3.CSS, Semantic UI, Bootstrap Foundation و… ارائه شده است. مزیت استفاده از فریم ورک های آماده این است که نیازی نیست تا تمامی خاصیت های مربوط به شکل دهی به المان ها را از ابتدا پیاده سازی کرده و می توان از قابلیت های موجود در فریم ورک، بهره برد. همچنین می توان استایل های مشخص شده برای هر یک از فریم ورک ها را شخصی سازی کرده، قابلیت های مورد نظر خود را به فریم ورک اضافه نمود و نیز کلاس های موجود در فریم ورک را شخصی سازی کرد.

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

    یکی از فریم ورک های مطرح در زمینه طراحی رابط کاربری، فریم ورک Foundation نام دارد که توسط شرکت Zurb ارائه شده است و به طراحان کمک می کند تا به سادگی، رابط کاربری صفحه وب خود را طراحی نمایند. این فریم ورک که تاکنون به روز رسانی های مرتبط و بهینه سازی های مشخصی داشته است، به کاربران کمک می کند تا برای تنظیم موقعیت المان ها از شبکه Grid موجود استفاده نموده که این شبکه Grid براساس سه طرح متفاوت XY و Float, Flex ارائه شده است. همچنین با استفاده از کلاس های موجود در این فریم ورک می توان نسبت به طراحی المان های مختلفی از جمله: دکمه ها، منوها، جداول، نوارهای پیشرفت و… اقدام کرد.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: آشنایی با فریم ورک Foundation
      • دانلود
      • شروع به کار
    • درس دوم: آشنایی با شبکه Grid در Foundation
      • آشنایی با شبکه Grid طرح XY
      • آشنایی با شبکه Grid طرح Float
      • آشنایی با شبکه Grid طرح Flex
      • آشنایی با بلاک ها
      • آشنایی با حالت های Small, Medium و Large
    • درس سوم: آشنایی با تایپوگرافی در Foundation
    • درس چهارم: طراحی فرم در Foundation
    • درس پنجم: طراحی منوی هدایتگر در Foundation
      • طراحی منوهای کشویی
      • طراحی منوی ساده
      • طراحی منوی آکاردئون
      • طراحی موقعیت نما
    • درس ششم: آشنایی با Card در Foundation
    • درس هفتم: آشنایی با Dropdown در Foundation
    • درس هشتم: آشنایی با Table در Foundation
    • درس نهم: آشنایی با Tabs در Foundation
    • درس دهم: آشنایی با Badge در Foundation
    • درس یازدهم: آشنایی با Progress Bar در Foundation
    • درس دوازدهم: آشنایی با Thumbnail در Foundation
    • درس سیزدهم: آشنایی با Tooltip در Foundation
    • درس چهاردهم: آشنایی با Carousel در Foundation
    • درس پانزدهم: آشنایی با Modal در Foundation
    • درس شانزدهم: آشنایی با Slider در Foundation
    • درس هفدهم: کار با کلاس های کمکی موجود در Foundation
      • کلاس های کمکی FlexBox
      • کلاس های کمکی کنترل نمایش
      • کلاس های کمکی کنترل شناوری المان ها
    • درس هجدهم: جمع بندی و پروژه نهایی

     

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


    پیش نیاز

    پیش نمایش

    پیش نمایش ۱ : آشنایی با فریم‌ ورک Foundation - ۳ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۹ مگابایت (کلیک کنید +)


    بخش ۲ : آشنایی با شبکه Grid در Foundation - ۳۷ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم - حجم دانلود ۷۰ مگابایت (کلیک کنید +)


    پیش نمایش ۳ : آشنایی با تایپوگرافی در Foundation - ۶ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۱۲ مگابایت (کلیک کنید +)


    بخش ۴ : طراحی فرم در Foundation - ۵۲ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم - حجم دانلود ۱۱۳ مگابایت (کلیک کنید +)


    پیش نمایش ۵ : طراحی منوی هدایتگر در Foundation - ۹ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۶ : آشنایی با Card در Foundation - ۲ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۷ : آشنایی با Dropdown در Foundation - ۲ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۸ : آشنایی با Table در Foundation - ۲ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۹ : آشنایی با Tabs در Foundation - ۴ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    بخش ۱۰ : آشنایی با Badge در Foundation - ۳ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۱ : آشنایی با Progress Bar در Foundation - ۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۲ : آشنایی با Thumbnail در Foundation - ۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۳ : آشنایی با Tooltip در Foundation - ۳ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۴ : آشنایی با Carousel در Foundation - ۶ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    بخش ۱۵ : آشنایی با Modal در Foundation - ۷ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۶ : آشنایی با Slider در Foundation - ۳ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۷ : کار با کلاس‌ های کمکی موجود در Foundation - ۵ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۸ : جمع‌ بندی و پروژه نهایی - ۱۲ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.


    آموزش‌های پیشنهادی و مرتبط




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

    نام آموزش آموزش طراحی رابط کاربری وب سایت با فریم ورک Foundation
    ناشر فرادرس
    کد آموزش FVWEB9710
    مدت زمان ۵ ساعت و ۴۷ دقیقه
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    حجم دانلود ۸۳۵ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


    ​راهنمای تهیه آموزش ها

    آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

    راهنمایی بیشتر ( +)

    در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟ 
    • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
    • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه

    با شروع یادگیری، یک کلیک فاصله دارید. همین حالا شروع کنید.

    آموزش طراحی رابط کاربری وب سایت با فریم ورک Foundation

    هزینه آموزش: ۲۱,۰۰۰ تومان



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




    دیدگاه ها

    تا کنون ۳۱ نفراز این آموزش استفاده کرده اند.

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

    پاسخ دهید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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



​همین امروز شروع به آموختن کنید​

آموزش طراحی رابط کاربری وب سایت با فریم ورک Foundation

هزینه آموزش: ۲۱,۰۰۰ تومان


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



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

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