×
۱۴۵,۰۰۰ تومان

آموزش بوت استرپ - طراحی صفحات وب با Bootstrap

آموزش بوت استرپ - طراحی صفحات وب با Bootstrap

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

تعداد دانشجو
۴,۴۹۸ نفر
مدت زمان
۶ ساعت و ۲۶ دقیقه
محتوای این آموزش
تضمین کیفیت
۲۴ بازخورد (مشاهده نظرات)
آموزش بوت استرپ - طراحی صفحات وب با Bootstrap

Bootstrap یک چارچوب نرم افزاری یا Framework است که شامل توابع و کتابخانه های از پیش آماده شده به زبان HTML و CSS و JavaScript می باشد که به ما این امکان را می دهد تا در صفحات وب خود، با استفاده از کتابخانه های از پیش آماده، المان هایی نظیر: فرم ها، دکمه ها، تب ها و … را ایجاد کرده و رابط کاربری وب سایت خود را توسعه دهیم. با توجه به امکانات ارائه شده توسط Bootstrap و همین طور سادگی استفاده از آن، روز به روز به تعداد وب سایت هایی که از آن استفاده می کنند، افزوده می شود. با توجه به تعداد استفاده کاربران و همین طور امکانات آن، به تازگی به روز رسانی جدیدی برای این ابزار ارائه شده است که با نام Bootstrap 4 شناخته می شود.

آموزش بوت استرپ - طراحی صفحات وب با Bootstrap

تعداد دانشجو
۴,۴۹۸ نفر
مدت زمان
۶ ساعت و ۲۶ دقیقه
هزینه آموزش
۱۴۵,۰۰۰ تومان
محتوای این آموزش
تضمین کیفیت
۲۴ بازخورد (مشاهده نظرات)

سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات (IT) - برنامه‌نویسی تحت وب

ایشان به عنوان برنامه‌نویس تحت وب فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسه‌های آموزشی مختلف به تدریس تکنولوژی‌ها و زبان‌های برنامه‌نویسی تحت وب می‌پردازند. 

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

Bootstrap، چارچوبی قدرتمند

Bootstrap یک چارچوب نرم افزاری یا Framework است که شامل توابع و کتابخانه های از پیش آماده شده به زبان HTML و CSS و JavaScript می باشد که به ما این امکان را می دهد تا در صفحات وب خود، با استفاده از کتابخانه های از پیش آماده، المان هایی نظیر: فرم ها، دکمه ها، تب ها و … را ایجاد کرده و رابط کاربری وب سایت خود را توسعه دهیم.

با توجه به امکانات ارائه شده توسط Bootstrap و همین طور سادگی استفاده از آن، روز به روز به تعداد وب سایت هایی که از آن استفاده می کنند، افزوده می شود. با توجه به تعداد استفاده کاربران و همین طور امکانات آن، به تازگی به روز رسانی جدیدی برای این ابزار ارائه شده است که با نام Bootstrap 4 شناخته می شود.

به روز رسانی انجام شده در نسخه چهارم Bootstrap را می توان بزرگ ترین به روز رسانی که تاکنون برای Bootstrap ارائه شده است، دانست. در این به روز رسانی، تغییرات عمده ای در Bootstrap ارائه شده است که از جمله این تغییرات می توان به موارد زیر اشاره کرد:

  • انتقال از Less به Sass
  • بهبود شبکه Grid و استفاده از R.E.M
  • تغییر المان های Panel و Wells و انتقال به Reset Component
  • به روز رسانی Print style ها
  • اضافه شدن کلاس های Responsive جدید
  • اضافه شدن نمونه های جدید

 

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: شروع به کار با Bootstrap
  • درس دوم: کار با شبکه Grid در بوت استرپ
  • درس سوم: کار با Flex Box در بوت استرپ
  • درس چهارم: کار با Typography در Bootstrap
  • درس پنجم: کار با رنگ ها
  • درس ششم: کار با جدول ها
  • درس هفتم: کار با تصاویر
  • درس هشتم: کار با Jumbotron در Bootstrap
  • درس نهم: کار با اعلان ها
  • درس دهم: کار با دکمه ها
  • درس یازدهم: کار با دکمه های گروهی
  • درس دوازدهم: کار با نشان Badge ها در بوت استرپ
  • درس سیزدهم: کار با نوارهای پیشرفت
  • درس چهاردهم: کار با صفحه بندی در Bootstrap
  • درس پانزدهم: کار با لیست ها در بوت استرپ
  • درس شانزدهم: کار با Card ها
  • درس هفدهم: کار با لیست های کشویی
  • درس هجدهم: کار با Collapse
  • درس نوزدهم: کار با منوها در بوت استرپ
  • درس بیستم: کار با فرم ها
  • درس بیست و یکم: کار با ورودی ها در Bootstrap
  • درس بیست و دوم: کار با Carousel
  • درس بیست و سوم: کار با Modal ها در Bootstrap
  • درس بیست و چهارم: کار با Tooltip ها
  • درس بیست و پنجم: کار با Popover بوت استرپ
  • درس بیست و ششم: کار با Scrollspy
  • درس بیست و هفتم: کار با کلاس های کمکی در Bootstrap
  • درس بیست و هشتم: پروژه نهایی پیاده سازی قالب وبلاگ

 

مفید برای
  • مهندسی کامپیوتر
  • مهندسی فناوری اطلاعات (IT)

پیش نیاز


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

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

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

ویرایشگر متن ++Notepad

پیش نمایش‌ها

۱. شروع به کار با Bootstrap
۲. کار با شبکه Grid در بوت استرپ
۳. کار با Flex Box در بوت استرپ
۴. کار با Typography در Bootstrap
۵. کار با رنگ ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. کار با جدول ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. کار با تصاویر
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. کار با Jumbotron در Bootstrap
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. کار با اعلان ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. کار با دکمه ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱. کار با دکمه های گروهی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲. کار با نشان Badge ها در بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳. کار با نوارهای پیشرفت
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴. کار با صفحه بندی در Bootstrap
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۵. کار با لیست ها در بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۶. کار با Card ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۷. کار با لیست های کشویی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۸. کار با Collapse
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۹. کار با منوها در بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۰. کار با فرم ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۱. کار با ورودی ها در Bootstrap
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۲. کار با Carousel
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۳. کار با Modal ها در Bootstrap
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۴. کار با Tooltip ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۵. کار با Popover بوت استرپ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۶. کار با Scrollspy
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۷. کار با کلاس های کمکی در Bootstrap
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۸. پروژه نهایی پیاده سازی قالب وبلاگ
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۲۸ جلسه ویدئویی با مجموع ۶ ساعت و ۲۶ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

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

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

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

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


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

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


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




نظرات

تا کنون ۴,۴۹۸ نفر از این آموزش استفاده کرده‌اند و ۲۴ نظر ثبت شده است.
محمد
محمد
۱۴۰۱/۰۳/۲۵
من این آموزش رو دیدم، کلی آموزش ازتون تهیه کردم و راضی بودم.
بابک
بابک
۱۴۰۰/۰۷/۱۷
به نظرم مثال ها میتونست بیشتر باشه و مدرس فقط کدهاشو توضیح دادن ولی در کل مفید بود.
محمد
محمد
۱۴۰۰/۰۴/۰۱
برای من راضی کننده بود و مطالب خیلی دقیق و شفاف گفتن.
مهناز سرباز
مهناز سرباز
۱۳۹۹/۱۲/۱۲
عالی بود
علی احمدی
علی احمدی
۱۳۹۹/۱۲/۱۰
سلام
خیلی خوب و مفید توسط استاد توضیح داده شد ممنون از زحماتتون
مهدی مهدی زاده
مهدی مهدی زاده
۱۳۹۹/۱۲/۰۵
عالی بود ممنون
آرین تقی بیگلو
آرین تقی بیگلو
۱۳۹۹/۱۱/۱۶
با سلام بسیار عالی بود
فروغ
فروغ
۱۳۹۹/۰۸/۰۷
سلام استاد مهربانم
از اموزش عالی تون واقعا ممنونم
زهرا
زهرا
۱۳۹۹/۰۳/۲۱
دوره از نظر مطالب گفته شده خیلی خوب بود اما محتوای مطالب گفته شده کم بود و نیاز به ارائه توضیحات بیشتری هست.
آرمان
آرمان
۱۳۹۹/۰۳/۱۵
فکر می کنم تمام آموزش های آقای هاشمیان رو گرفتم، ایشون خیلی مسلط حرف می زنند، انگار قبل از اینکه درسو ضبط کنند، چند بار تمرین کرده بودند.
سرفصلای کامل و مثال های خوبی هم ارائه دادند.
برچسب‌ها:
Bootstrap | بوت استرپ | شروع به کار با Bootstrap | طراحی صفحات وب با Bootstrap | طراحی صفحات وب با بوت استرپ | کار با Card ها | کار با Collapse | کار با Jumbotron در Bootstrap | کار با Modal ها در Bootstrap | کار با Popover بوت استرپ | کار با Scrollspy در Bootstrap | کار با Tooltip ها در Bootstrap | کار با Typography در Bootstrap | کار با دکمه های گروهی در Bootstrap | کار با رنگ ها در Bootstrap | کار با شبکه Grid در Bootstrap | کار با صفحه بندی در Bootstrap | کار با فرم ها در Bootstrap | کار با کلاس های کمکی در Bootstrap | کار با لیست ها در بوت استرپ | کار با لیست های کشویی در Bootstrap | کار با منوها در Bootstrap | کار با نشان Badge ها در بوت استرپ | کار با ورودی ها در Bootstrap | نسخه 4 فریمورک Bootstrap
مشاهده بیشتر مشاهده کمتر
×
فهرست جلسات ۲۸ جلسه ویدئویی
×