×
۲۷,۰۰۰ تومان ۱۶,۲۰۰ تومان

آموزش طراحی واکنش گرا (Responsive)

آموزش طراحی واکنش گرا (Responsive)

تعداد دانشجو
۲,۱۴۳ نفر
مدت زمان
۱ ساعت و ۶ دقیقه
هزینه عادی آموزش
۲۷,۰۰۰ تومان
در طرح تخفیف
۱۶,۲۰۰ تومان (کسب اطلاعات بیشتر +)
محتوای این آموزش
تضمین کیفیت
۸ بازخورد (مشاهده نظرات)
آموزش طراحی واکنش گرا (Responsive)

امروزه یک صفحه وب ممکن است از روی هر وسیله ای مورد دستیابی قرار گیرد و نمایش یابد مانند: یک کامپیوتر شخصی، تبلت، موبایل، یک مانیتور عریض و…. پس لزوم نمایش درست و شکیل صفحه وب بر روی همه این وسایل یک حقیقت انکار ناپذیر است. صفحه وبی که بتواند بر روی تمامی ابزارها به شکل مناسب نمایش یابد، Responsive و یا واکنش گرا نامیده می‌ شود. در این فرادرس کاربران یاد خواهند گرفت که چگونه صفحه وبی را بدون کمک گرفتن از هیچ یک از پلتفرم ها و فریم ورک های موجود به صورت واکنش گرا طراحی کنند.

آموزش طراحی واکنش گرا (Responsive)

مدت زمان
۱ ساعت و ۶ دقیقه
هزینه عادی آموزش
۲۷,۰۰۰ تومان
در طرح تخفیف
۱۶,۲۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۸ بازخورد (مشاهده نظرات)
مدرس
محمد عبداللهی

کارشناسی مهندسی نرم افزار

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

چکیده آموزش


توضیحات تکمیلی

امروزه یک صفحه وب ممکن است از روی هر وسیله ای مورد دستیابی قرار گیرد و نمایش یابد مانند: یک کامپیوتر شخصی، تبلت، موبایل، یک مانیتور عریض و…. پس لزوم نمایش درست و شکیل صفحه وب بر روی همه این وسایل یک حقیقت انکار ناپذیر است. صفحه وبی که بتواند بر روی تمامی ابزارها به شکل مناسب نمایش یابد، Responsive و یا واکنش گرا نامیده می‌ شود. در این فرادرس کاربران یاد خواهند گرفت که چگونه صفحه وبی را بدون کمک گرفتن از هیچ یک از پلتفرم ها و فریم ورک های موجود به صورت واکنش گرا طراحی کنند.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • معرفی و مفهوم طراحی واکنش گرا
  • مفهوم Viewport یا دید
  • مفهوم Grid View یا نمایش جدولی
  • مفهوم Media Queries یا پرس و جوهای وابسته به رسانه
  • تصاویر در طراحی واکنش گرا
  • ویدئوها در طراحی واکنش گرا
  • معرفی چارچوب های طراحی واکنش گرا
مفید برای رشته های
  • علاقمندان به طراحی وب

آنچه در این آموزش خواهید دید:

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




پیش نمایش‌ها

۱. آموزش طراحی واکنش گرا (Responsive) درس یکم

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۷ مگابایت -- (کلیک کنید +))

۲. آموزش طراحی واکنش گرا (Responsive) درس دوم

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۸ مگابایت -- (کلیک کنید +))

۳. آموزش طراحی واکنش گرا (Responsive) درس سوم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۴ جلسه ویدئویی با مجموع ۱ ساعت و ۶ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

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

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

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

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


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

نام آموزش آموزش طراحی واکنش گرا (Responsive)
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۵۳۴۰۷ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVWB94111
مدت زمان ۱ ساعت و ۶ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۱۲۵ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)


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





نظرات

تا کنون ۲,۱۴۳ نفر از این آموزش استفاده کرده اند و ۸ نظر ثبت شده است.
فریبرز
فریبرز

خیلی خوب و ساده بود

علیرضا
علیرضا

خیلی خیلی خوب بود. عالی بود. حتما ببینید.

رامین
رامین

خوب، مفيد و کاربردي بود.

ابراهیم
ابراهیم

خیلی عالی بود. کامل بود و من رضایت داشتم. اگر فلکس هم داخلش می گفتند، بهتر میشد. در کل راضی بودم.

اکبر گرامی
اکبر گرامی

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

مهرداد
مهرداد

سلام من هر چی از دستوmedia query استفاده میکنم اجرا نمیشه , مشکل از چی هست؟؟؟؟؟

فرشاد
فرشاد

سلام
خیلی خوب بود به دیگران هم توصیه می کنم

رسول
رسول

خیلی خوب بود.

دسته‌بندی موضوعی: طراحی سایت
برچسب‌ها:
Grid View | Media Queries | Responsive | Viewport | Web Design | پرس و جوهای وابسته | تبلت | تصاویر در طراحی واکنش گرا | چارچوب های طراحی واکنش گرا | دیوایس | ریسپانسیو | صفحه وب | طراحی واکنش گرا | طراحی واکنشگرا | طراحی وب | فریمورک | مانیتور عریض | معرفی چارچوب های طراحی واکنش گرا | مفهوم Grid View | مفهوم Grid View یا نمایش جدولی | مفهوم Media Queries | مفهوم Media Queries یا پرس و جوهای وابسته به رسانه | مفهوم Viewport | مفهوم Viewport یا دید | مفهوم طراحی واکنشگرا | موبایل | نمایش جدولی | واکنش گرا | ویدیوها در طراحی واکنش گرا
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۴ جلسه ویدئویی