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

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

آموزش طراحی رابط کاربری وب سایت با فریم ورک 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 (فاندِیشن) نیز یک فریم ورک کامل، ریسپانسیو و حرفه ای برای بکارگیری در طراحی وب سایت میباشد؛ این فریم ورک مانند Bootstrap تمام آنچه برای طراحی و راه اندازی قالب و طرح وب سایت نیاز میباشد دارا است و امکان شخصی سازی و حذف قسمت های اضافی که مورد نیاز نیستند نیز وجود دارد. سینتکس این فریم ورک واضح و گویا میباشد و یادگیری فریم ورک Foundation به دلیل دارا بودن راهنما و Documentation کامل بنظر میاد کمتر از یک هفته زمان نیاز دارد.
امیدوارم با تدریس این استاد توانا و با دانش دوره ای خوب و مفیدی از آب در اومده باشه.
با تشکر از تمامی زحمات شما برای تهیه این دوره و همچنین بابت سایت پربارتون برای تهیه دوره های پربارتر در آینده.

پاسخ به نظر



برچسب‌ها: Accordion | Badge | Bootstrap | Bootstrap Foundation | Card | Carousel | Container | Flex | FlexBox | Float | foundation framework | Modal | Progress bar | Semantic UI | Slider | Table | Tabs | Thumbnail | Tooltip | Typography | W3.CSS | XY | zurb | zurb foundation | المان | المان های بصری در Foudation | بلاک | بهینه سازی | تایپوگرافی | تایپوگرافی در Foundation | جداول | رابط کاربری | رابط کاربری وب سایت | شبکه Grid | شبکه Grid در Foundation | شبکه Grid طرح Flex | شبکه Grid طرح Float | شبکه Grid طرح XY | شرکت Zurb | طراحی رابط کاربری | طراحی رابط کاربری وب سایت | طراحی فرم در Foundation | طراحی منوهای کشویی | طراحی منوی هدایتگر | طراحی موقعیت نما | فریم ورک Foundation | فریم ورک های آماده | کدنویسی | کلاس های CSS | کلاس های کمکی | کلاس های کمکی کنترل شناوری المان ها | کلاس های کمکی کنترل نمایش | کلاس های کمکی موجود در Foundation | منوهای کشویی | منوی آکاردئون | منوی ساده | منوی هدایتگر | واکنش گرایی منوها