آموزش بوت استرپ (Bootstrap) برای طراحی صفحات وب – دانلود رایگان
آموزش طراحی صفحات وب با بوت استرپ دانلود رایگان

آموزش بوت استرپ (Bootstrap) برای طراحی صفحات وب – دانلود رایگان

با دوستانتون به اشتراک بگذارید

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

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

رابط کاربری سایت، همه آنچه کاربر می بیند

صفحات وب در دو قسمت Back end و همین طور Front end تقسیم می شوند. قسمت Back end شامل قطعه کدهایی است که در پس زمینه اجرا می شوند، مانند: قطعه کدهای PHP و یا ASP.Net و کاربر از اجرای آن ها و همین طور نحوه کارکرد آن ها، چیزی مشاهده نمی کند. تنها چیزی که از قسمت Back end در اختیار کاربر قرار می گیرد، نتیجه اجرای کدها می باشد.

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

طراحی رابط کاربری یا Front end، یکی از مشکلات اساسی برنامه نویسان وب می باشد. زیرا طراحی رابط کاربری که زیبا باشد و مورد پسند کاربران واقع شود، کمی سخت می باشد. در حال حاضر وب سایت هایی هستند که به دلیل عدم ارائه رابط کاربری مناسب، کاربران خود را از دست می دهند.

به منظور طراحی رابط کاربری وب سایت، زبان ها و همین طور ابزارهای مختلفی ارائه شده است تا برنامه نویسان بتوانند با استفاده از آن ها، امکانات مورد نظر خود را در صفحات وب، پیاده سازی کرده و رابط کاربری زیبایی را ایجاد کنند. از جمله این ابزارها، ابزار Bootstrap می باشد.

 

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)

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

با دوستانتون به اشتراک بگذارید

دیدگاهتان را بنویسید