Faradars Discount
x عدم نمایش ۴۰٪ تخفیف جشنواره کتاب و کتابخوانی فرادرس کد تخفیف: ABAN98 .
فرصت باقیمانده

آموزش طراحی واکنش گرا با Grid و Flexbox – پیش ثبت نام

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

درباره ناشر

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

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

درباره مدرس

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

فرادرس از جهت فرصت آموختن، یک محیط کاملا باز (بدون هیچ مرز و شرط برای ورود) برای همه است. اما از جهت فرصت آموزش دادن، یک محیط به شدت بسته است و مدرسین آن با عبور از سخت ترین ضوابط علمی و فیلترهای مهارت آموزشی برگزیده و دستچین می شوند. در چندین سال گذشته کمتر از ۵ درصد متقاضیان تدریس در فرادرس توانسته اند به مرحله نهایی ارائه آموزش در آن برسند. ارائه یک آموزش توسط «گروه مدرسین فرادرس» تضمینی برای کیفیت آن می باشد. (+)



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

👤 مدرس: گروه مدرسین فرادرس
روش دریافت: صرفا از طریق لینک دانلود (بدون بسته فیزیکی)

وضعیت انتشار در حال برنامه ریزی
زمان تقریبی انتشار بر حسب تعداد درخواست های دانشجویان و اولویت زمانی و آموزشی اعضای هیات علمی فرادرس، انتشار این آموزش در واحد نشر فرادرس اولویت سنجی می شود. انتشار یک آموزش پس از شروع به ضبط معمولا ۴ تا ۱۲ هفته زمان می برد.

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

این آموزش در حال برنامه ریزی برای ارائه در فرادرس است و انتشار سریع تر آن، بستگی به تعداد متقاضیان این آموزش دارد. چنانچه شما نیز تمایل به انتشار سریع این آموزش دارید در کادر زیر ایمیل خود را درج نمایید.

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

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




    توضیحات

    در آخرین ماه سال ۲۰۱۷ تعداد کاربران تلفن همراه از تعداد کاربران دسکتاپ گذر کرد. همین امر باعث شد که طراحی سایت های واکنش گرا از یک توصیه اکید، به یک ضرورت تبدیل شد. پس از گذشت سال ها، طراحان وب دیگر می دانند که باید وب سایت های خود را برای نمایش در صفحات کوچک تر تلفن های همراه بهینه کنند. امروزه به لطف فناوری های جدیدی نظیر CSS3 این امر نه تنها دیگر یک فرایند پیچیده خشک و خسته کننده نیست، بلکه به کاری لذت بخش و منعطف تبدیل شده است.

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

    اولین قدم ما طرح بندی کلی HTML با استفاده از Grid و بهینه کردن آن برای صفحه نمایش های کوچک تر است. در ادامه ساخت منوی واکنش گرا با فناوری Flexbox آشنا می شویم. ضمن اینکه در حین اجرای پروژه با نکات کوچک بی شماری نظیر: استفاده از انواع فونت ها و آیکون های تحت وب، تغییر اندازه عکس ها براساس اندازه صفحه نمایش، مفهوم سایه و شفافیت و همین طور واحدهای اندازه گیری em و vh آشنا می شویم.

    در این آموزش تلاش بر این است که تا حد امکان همه مباحث به صورت کامل پوشش داده شود. اما برای درک راحت تر مطالب توصیه می شود یک آشنایی اولیه با HTML و CSS داشته باشید.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: طرح اولیه
      • معرفی دوره و نمایش پروژه پایانی
      • قالب Holy Grail در دسکتاپ و موبایل
      • ساخت چهارچوب اولیه در HTML
      • افزودن CSS و استایل دهی اولیه
    • درس دوم: Grid
      • معرفی Grid
      • گریدبندی HTML
      • اندازه ها، درصد در مقابل vh
      • نامگذاری عناصر برای جاگذاری در ساختار Grid
      • ترتیب چینش عناصر در موبایل
    • درس سوم: جزئیات مهم اند
      • چهارچوب اصلی Header
      • پس زمینه Header
      • جلوه شیشه ای
      • ساخت منو سایت
      • فونت تحت وب
    • درس چهارم: Flexbox
      • معرفی Flexbox
      • اعمال Flex به منو
      • موقعیت دهی آیتم های منو
      • واکنش گرایی منو
    • درس پنجم: واکنش گرایی در هر ذره
      • ساخت Sidebar
      • ساخت Footer
      • استفاده از آیکون های Font Awesome
      • واکنش گرایی تصاویر
      • واکنش گرایی اندازه فونت
      • واکنش گرایی آیکون ها

     

    مفید برای رشته های
    • مهندسی کامپیوتر


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

    نام آموزش آموزش طراحی واکنش گرا با Grid و Flexbox – پیش ثبت نام
    ناشر فرادرس
    کد آموزش FVH4C9808
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)



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




    دیدگاه ها

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

    پاسخ دهید

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

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




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

این آموزش در حال برنامه ریزی برای ارائه در فرادرس است و انتشار سریع تر آن، بستگی به تعداد متقاضیان این آموزش دارد. چنانچه شما نیز تمایل به انتشار سریع این آموزش دارید در کادر زیر ایمیل خود را درج نمایید.

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

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



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



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

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