عیدانه دانشجویار، فرصت بی نظیر یادگیری با ۵۵٪ تخفیف بی نظیر

جشنواره نوروزی دانشجویار عیدی دانشجویار به شما!

چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

۴۸۱۳ ساعت فیلم تدریس شده است

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش پروژه محور فریم ورک بوتسترپ (Bootstrap) – بخش اول
۲۰ نظر
بازدید : 7,398 بازدید
آموزش پروژه محور فریم ورک بوتسترپ (Bootstrap) – بخش اول

با سلام خدمت دانشجویاری های عزیز

در خدمت شما هستیم با آموزش پروژه محور فریم ورک بوتسترپ (Bootstrap)

Bootstrap چیست؟

Bootstrap مجموعه‌ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم‌ها، دکمه‌ها، تب‌ها، ستون‌ها و سایر المان‌های مورد نیاز طراحی وب می‌باشد.

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

سرفصل‌های دوره بوتسترپ

قسمت اول: معرفی دوره

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

 8

قسمت دوم: ایجاد منو در بوتسترپ

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

قسمت سوم: تایپو گرافی در بوتسترپ

در این بخش با کلاس‌های مختلفی که بوتسترپ برای نوشتن متن معرفی کرده آشنا خواهیم شد. در ادامه نیز با کادرهای جذاب بوتسترپی کار خواهیم کرد.

قسمت چهارم: دکمه‌ها در بوتسترپ

در این بخش کلاس‌های که برای استایل دهی به دکمه‌ها ایجاد شده‌اند را معرفی خواهیم کرد. همچنین نحوه ایجاد دگمه‌های گروهی را مرور خواهیم کرد.

قسمت پنجم: جداول در بوتسترپ

در این بخش به آموزش چگونگی ایجاد جداول در بوتسترپ خواهیم پرداخت.

قسمت ششم: تصاویر و لیست‌ها در بوتسترپ

در این ابتدا با کلاس‌های مربوط به تصاویر کار خواهیم کردو سپس لیست‌های بوتسترپی را مرور خواهیم کرد.

قسمت هفتم: فرم‌ها در بوتسترپ

در این بخش با چگونگی ایجاد فرم‌های جذاب در بوتسترپ آشنا خواهیم شد.

قسمت هشتم: کادرهای اعلان، شمارنده صفحات و پیجر در بوتسترپ

در این بخش ابتدا با کادرهای اعلان و یا الرت ها کار خواهیم کرد سپس با استفاده از کلاس‌های مختلف شمارنده صفحات و پیجرها را طراحی خواهیم کرد.

قسمت نهم: اسلایدر در بوتسترپ

در این بخش با چگونگی ایجاد اسلایدر در بوتسترپ آشنا خواهیم شد.

قسمت دهم: عناصر جاوا اسکریپتی بوتسترپ ۱

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

قسمت یازدهم: قسمت دهم: عناصر جاوا اسکریپتی بوتسترپ ۲

در این بخش با پنجره‌های modal آشنا خواهیم شد.

قسمت دوازدهم: شروع پروژه نهایی

معرفی پروژه و پیش نمایش صفحات. طراحی صفحه ایندکس

 9

قسمت سیزدهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۱

قسمت چهاردهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۲

قسمت پانزدهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۳

قسمت شانزدهم: پروژه نهایی

طراحی صفحه تماس با ما

قسمت هفدهم: پروژه نهایی

طراحی صفحه نمونه کار

قسمت هجدهم: پروژه نهایی

طراحی صفحه ادامه مطلب و آشنایی با کلاس media

قسمت نوزدهم: پروژه نهایی

طراحی صفحه فروشگاه محصولات و مرور خواص جاوا اسکریپتی

قسمت بیستم: پروژه نهایی

طراحی صفحه سؤالات متداول و جمع بندی نهایی

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

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

کیفیت تصویر

کیفیت صوت

فن بیان

جامعیت(پوشش کامل سرفصل)

استفاده مفید از زمان

اشراف مدرس

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

دریافت کنید

نیاز به پشتیبانی تخصصی در این دوره دارم(هزینه پشتیبانی:17500)

35000 تومان
شرکت در در این دوره آموزشی
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۲۰
    • حسین بدوی
      دوشنبه ۳۰ اسفند ۱۳۹۵ - ۱۸:۲۰

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

      • مدرس سهولی
        سه شنبه ۱ فروردین ۱۳۹۶ - ۱۰:۳۵

        سلام یعنی چی تطابق نداره لطفا کامل تر توضیح بدین

    • حسین
      چهارشنبه ۲۵ اسفند ۱۳۹۵ - ۱۲:۴۸

      سلام ببخشید تو این اموزش مسئله راست چین نبودن bootstrap و اینکه چجوری راست چینش کنیم توضیح داده شده؟میخواستم قبل از تهیه دوره اینو بدونم

    • مهراد
      چهارشنبه ۲۹ دی ۱۳۹۵ - ۱۵:۴۴

      سلام
      آموزش عالی بود
      در آموزش از یک استایل دیگری در بوت استرپ استفاده میکنید
      لطف میکنید این استایل رو به اشتراک بگذارید؟یا برای من ایمیل کنید!
      منتظر جوابتان هستم
      باتشکر

    • keyvanmoeini
      جمعه ۱۴ آبان ۱۳۹۵ - ۰۳:۳۵

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

      (خطاب به بعضی از مدرسان : متاسفانه در هنگام ضبط صحیح و خطا راه حل پیدا میکنن که برای یک دوره اموزشی اصلا خوب نیست ، لطفا قبل ضبط وقت بزارین و مطالب رو اماده کنین و مسلط باشین )

    • محمد
      دوشنبه ۲۶ مهر ۱۳۹۵ - ۱۷:۲۸

      من سفارش دادم، آموزش خیلی عالیه ، و استاد مسلط به مباحث.
      آموزش مشابهی در سطح نت وجود نداره (حداقل من ندیدم) و به جرات میگم در کلاس های آموزشی با هزینه بیش از ۱۵۰ هزار تومان هم به این اندازه آموزش نخواهند داد.

      با تشکر از مدیریت و خصوصا استاد داودفر

    • موسوی
      دوشنبه ۹ فروردین ۱۳۹۵ - ۱۳:۵۲

      سلام من این آموزش رو خریداری کردم.

      لازم دونستم به دوستان عزیز نظرم رو بگم.

      بدون اغراق عرض میکنم صدای مدرس شبیه دوبلاژور ها هستش و بنده بیشتر از لحن و صدای مدرس خوشم اومد.

      کیفیت آموزش هم فوق العادس و لذت بخش.

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

      بنده چون در زمینه تقلیدصدا و غیره وارد هستم خدمت شما این پیشنهاد رو دادم.

      موفق و پیروز باشید.

    • shahab
      سه شنبه ۲۵ اسفند ۱۳۹۴ - ۰۳:۳۸

      سلام به عزیزان
      دوستانی که اموزش رو خریداری کردن، کیفیت اموزش رو در چه حدی میبینید؟
      کیفیت ویدیو توی دموی اموزش قابل قبوله اما ایا توی بقیه قسمت ها هم بی مشکل هست؟
      از اونجایی که مدرس هنوز پاسخ گو نیستن ، میخوام با خیال راحت خریداری کنم
      ممنون از دوستان و از مسئولین دانشجویار :) :gol:

      • مشاور 7
        چهارشنبه ۲۶ اسفند ۱۳۹۴ - ۰۸:۵۴

        سلام
        از لحاظ کیفیت صدا و تصویر این آموزش تایید شده و بسیار عالی است.
        از لحاظ محتوا هم سر فصل کاملا مشخص هست.

    • مهدی
      جمعه ۱۴ اسفند ۱۳۹۴ - ۲۰:۵۱

      سلام
      من اموزش تمام کردم خیلی خوب بود
      فقط بوت استرپ فارسی اگه در اختیارمون قرار میدادین بهتر میشد اگر هم نه طوری نیست سایت من خیلی زیبا شد
      فقط اسلایدرش یه ذره مشکل داره و دکمه های pre و nav جای مناسبی قرار ندارند
      من بیصبرانه منتظر دوره دوم بوت استرپ هستم

    • saeed
      یکشنبه ۹ اسفند ۱۳۹۴ - ۱۷:۵۶

      با سلام
      این آموزش بصورت راست چین نیست برای راست چین کردن بوت استرپ چکاری باید انجام داد؟

    • تیموری
      یکشنبه ۹ اسفند ۱۳۹۴ - ۱۰:۴۳

      سلام دوستان اگه لطف کنند پاسخ کامننت ها رو بزارن ممنون میشم

    • مهدی
      یکشنبه ۹ اسفند ۱۳۹۴ - ۰۸:۱۳

      من دو قسمتش دیدم بنظر من فن بیان استاد خیلی عالیه
      می خواستم خواهش کنم دوره دوم تهیه کنند چون تا سه روز آینده من این دوره را تموم میکنم
      پیشنهاد میکنم یه قالب html تک صفحه ای را ریسپانسیو کنید در یک اموزش
      ممنونننننن استاد

      • تیموری
        یکشنبه ۹ اسفند ۱۳۹۴ - ۱۳:۰۶

        با دوره دوم موافقم . ولی مبحث رسپانسیو شدن که تو همین اموزش هست!

    • تیموری
      شنبه ۸ اسفند ۱۳۹۴ - ۱۴:۳۴

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

    • مهدی
      شنبه ۸ اسفند ۱۳۹۴ - ۰۵:۰۸

      مرسی من دانلود کردم بنظر من دوره کامل و عالی است نظیر این دوره تو نت نیست چون پروژه محور هست و نیاز کاربر رفع میکنه
      فقط من دارم طبق فیلمها پیش میرم ادیتور استاد چی هست بعد پلاگین Emet رو میشه چه جوری میشه نصب کرد؟

    • نت ملت
      سه شنبه ۴ اسفند ۱۳۹۴ - ۱۲:۵۳

      سلام
      از سرفصل ها معلومه دوره کاملی آماده کردین
      اگه میشه زودتر یه کد تخفیف بدین که بتونیم خریدش کنیم

    • موسوی
      دوشنبه ۳ اسفند ۱۳۹۴ - ۲۳:۴۲

      همیشه منتظر این آموزش بودم…

      خیلی ممنون…

      در تخفیفی مناسب تهیه میکنم…ان شالله

    • سجاد
      دوشنبه ۳ اسفند ۱۳۹۴ - ۲۳:۲۱

      با سلام. پروژه به صورت responsive آموزش داده شده؟

      • مدیر- تقی زاده
        دوشنبه ۳ اسفند ۱۳۹۴ - ۲۳:۴۱

        سلام
        بله

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      noruz

      عیدانه دانشجویار
      55 درصد تخفیف
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,Network)
      60 درصد تخفیف

    دوره های آنلاین دانشجویار

    مطالب سایت بر اساس

    جدیدترین ها
    محبوب ترین ها
    بطور تصادفی
    دانشجویار مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت logo-samandehi دانشجویار