×
تعداد دانشجو
۱,۴۴۱ نفر
۲۵,۰۰۰ تومان ۱۵,۰۰۰ تومان

آموزش طراحی قالب​ واکنشگرا ​(Responsive)​ با بوت استرپBootstrap) ‎)

آموزش طراحی قالب​ واکنشگرا ​(Responsive)​ با بوت استرپBootstrap) ‎)

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

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۶ بازخورد (مشاهده نظرات)
آموزش طراحی قالب​ واکنشگرا ​(Responsive)​ با بوت استرپBootstrap) ‎)

چکیده

امروزه هر کسب و کار موفقی، نیازمند یک سایت برای ارائه محصولات و توضیحات آن کسب و کار است. یک سایت خوب باید از نظر UI و UX طوری طراحی شود که اولاً برای مخاطب لذت بخش باشد و دوماً سئو و امتیاز خوبی از نظر محتوا داشته باشد. یکی از این امتیازات خوب، واکنش گرا بودن یا ریسپانسیو بودن یک سایت است. به این معنا که بعد از انجام عملیات واکنش گرایی سایت، مخاطب می تواند سایت شما را به صورت صحیح روی تمامی وسایل با عرض های مختلف مثل تبلت و موبایل و لپ تاپ و … مشاهده کند و مشکلی با نمایش سایت نداشته باشد. ما در این آموزش، سعی داریم ریسپانسیو کردن را به وسیله فریمورک قدرتمند Bootstrap به شما آموزش دهیم تا بتوانید یک طراح وب حرفه ای باشید.

مدرس
مهران بهدوست

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

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

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

امروزه هر کسب و کار موفقی، نیازمند یک سایت برای ارائه محصولات و توضیحات آن کسب و کار است. یک سایت خوب باید از نظر UI و UX طوری طراحی شود که اولاً برای مخاطب لذت بخش باشد و دوماً سئو و امتیاز خوبی از نظر محتوا داشته باشد. یکی از این امتیازات خوب، واکنش گرا بودن یا ریسپانسیو بودن یک سایت است. به این معنا که بعد از انجام عملیات واکنش گرایی سایت، مخاطب می تواند سایت شما را به صورت صحیح روی تمامی وسایل با عرض های مختلف مثل تبلت و موبایل و لپ تاپ و … مشاهده کند و مشکلی با نمایش سایت نداشته باشد.

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

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: مقدمات و بررسی سیستم
    • درباره آموزش و مدرس
    • مقدمه ای بر بوت استرپ
    • بررسی کامل چارچوب شبکه بندی
    • بررسی کلاس های اختصاصی
    • بررسی آفست
  • درس دوم: CSS در بوت استرپ
    • فرم ها
    • دکمه ها
    • متون
    • تصاویر
    • منو و تب
  • درس سوم: جاوا اسکریپت در بوت استرپ
    • MODAL
    • Slider
    • Scroll
    • Hover
  • درس چهارم: پروژه نهایی با بوت استرپ
  • درس پنجم: پلاگین های بوت استرپ

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

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

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

نرم افزارهای مرتبط با آموزش

Sublime Text V3



پیش نمایش‌ها

۱. واکنشگرایی و مقدمات بوت استرپ

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

۲. سیستم شبکه بندی بوت استرپ (الف)

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

۳. سیستم شبکه بندی بوت استرپ (ب)

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

۴. CSS در بوت استرپ - نوار منو و دکمه ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵. CSS در بوت استرپ - فرم ها در بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. CSS در بوت استرپ - کامپوننت ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. جاوا اسکریپت در بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. پروژه نهایی با بوت استرپ (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. پروژه نهایی با بوت استرپ (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. پلاگین های بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

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

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

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

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


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

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


نظرات

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

با عرض سلام و خسته نباشید و تشکر ویژه بابت سایت پربارتون لازم به ذکر است كه آموزش هاي شما بسيار كامل و ارزشمند و ارزان قيمت هستش واقعا تحول بزرگی در زمینه انتقال دانش در سطح کشور ایجاد کردید. مطمئنم این حرکت شما می تواند جهانی شود. بسیار سپاسگزارم

ابوالفضل
ابوالفضل

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

فرادرس در ایران از نظر کیفیت نفر اول هستش ولی میتونه با یکسری کارها و آموزش ها رقیب نداشته باشه کلا.

سید
سید

تدریس خوبی داشتن ولی اگر پروژه بیس تر بود آموزش بهتر و کاربردی تر میشد آموزش.من قبلا کار کرده بودم ولی خب با دیدن این اموزش هم نکته های خوبی یاد گرفتم.

mojtaba
mojtaba

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

امین
امین

اين مقدار مطلب را به راحتي در عرض دو ساعت كار با امكانات سايت bootstrap مي توان آموخت. نكته اي بيشتر از آن نداشت.
باتشكر از فرادرس

تقیان
تقیان

از مهندس بهدوست تشکر میکنم بهتر از این نمیشد

دسته‌بندی موضوعی: طراحی سایت

برچسب‌ها:
Badage | Bootstrap | CSS | CSS در بوت استرپ | Design | Hover | Modal | Pager | Pagination | Popover | Responsive | responsiving | Scroll | Scrollsply | Site | Slider | Stacked-to-horizontal | Tooltip | Web | آیکون های استاندارد | بررسی آفست | بنرهای متحرک | بوت استرپ | بوت_استرپ | پلاگین Affix | تقسیم بندی صفحات | جاوا اسکریپت | چارچوب شبکه بندی | ریسپانسیو | سایت | سیستم شبکه بندی در Bootstrap | شبکه بندی | شبکه بندی در Bootstrap | طراحی | طراحی وب | فریمورک | واکنش گرایی | واکنشگرایی
مشاهده بیشتر مشاهده کمتر