آموزش مبانی بوت استرپ (Bootstrap Foundations) - آخرین آپدیت

دانلود Bootstrap Foundations

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: بوت‌استرپ ابزاری ضروری در مجموعه ابزارهای تقریباً هر توسعه‌دهنده وب است که ایجاد وب‌سایت‌های ریسپانسیو (واکنش‌گرا) و موبایل‌اول (Mobile-First) را آسان می‌کند. در این دوره آموزشی، مبانی بوت‌استرپ را به صورت عملی و کاربردی خواهید آموخت. تمرکز این دوره بر روی نسخه ۵ این فریم‌ورک است. در ابتدا با بررسی بخش‌های کلیدی بوت‌استرپ شروع می‌کنید تا درک کنید چگونه این ابزار به شما کمک می‌کند وب‌سایت‌های بهتر را با سرعت بیشتر بسازید. سپس، وارد دنیای طراحی لایه‌های ریسپانسیو با استفاده از سیستم گرید (Grid) و کلاس‌های کمکی (Utility Classes) بوت‌استرپ می‌شوید. در نهایت، نحوه افزودن کامپوننت‌های تعاملی برای بهبود تجربه کاربری (UX) در سایت خود را خواهید آموخت. در پایان این دوره، مهارت‌ها و اعتماد به نفس لازم برای ساخت وب‌سایت‌های مدرن و واکنش‌گرا با استفاده از بوت‌استرپ را به دست خواهید آورد.

سرفصل ها و درس ها

شروع کار با بوت‌استرپ Getting Started with Bootstrap

  • معرفی دوره Course Introduction

  • دمو: بررسی وب‌سایت نهایی Demo: Looking at the Finished Website

  • سلام بوت‌استرپ Hello Bootstrap

  • افزودن بوت‌استرپ به سایت Adding Bootstrap to the Site

  • دمو: بررسی فایل‌های بوت‌استرپ Demo: Exploring the Bootstrap Files

طراحی لایه‌بندی صفحه با سیستم گرید بوت‌استرپ Creating a Page Layout with the Bootstrap Grid System

  • درک سیستم گرید بوت‌استرپ Understanding the Bootstrap Grid System

  • دمو: درک مفهوم گرید Demo: Understanding the Grid

  • کار با ترتیب و فاصله‌گذاری در گرید Working with Order and Spacing in the Grid

  • دمو: کار با ستون‌ها Demo: Working with Columns

  • دمو: ریسپانسیو کردن صفحه جزئیات Demo: Making the Detail Page Responsive

استایل‌دهی با بوت‌استرپ Adding Style with Bootstrap

  • کار با متن و تایپوگرافی Working with Text and Typography

  • دمو: کار با فونت و متن Demo: Working with Type and Text

  • دمو: اعمال استایل‌ها روی جداول Demo: Applying Styles on Tables

  • دمو: کار با تصاویر Demo: Working with Images

  • افزودن کلاس‌های استایل لایه‌بندی Adding Layout Style Classes

  • دمو: افزودن کلاس‌های استایل Demo: Adding Style Classes

  • استفاده از آیکون‌های بوت‌استرپ Using Bootstrap Icons

  • دمو: استفاده از آیکون‌های بوت‌استرپ Demo: Using Bootstrap Icons

  • کار با رنگ‌های بوت‌استرپ Working with Bootstrap Colors

  • دمو: کار با رنگ‌های بوت‌استرپ Demo: Working with Bootstrap Colors

توسعه سایت با استفاده از کامپوننت‌های بوت‌استرپ Extending the Site Using Bootstrap Components

  • درک کامپوننت‌های بوت‌استرپ Understanding Bootstrap Components

  • دمو: استفاده از کامپوننت Progress Demo: Using the Progress Component

  • افزودن کامپوننت‌ها به صفحه Adding Components to Our Page

  • دمو: افزودن منوی ناوبری به سایت Demo: Adding Navigation to the Site

  • دمو: پیاده‌سازی کامپوننت Breadcrumb Demo: Bringing in a Breadcrumb Component

  • دمو: ساخت صفحه اصلی Demo: Creating the Home Page

  • استفاده از کامپوننت Card بوت‌استرپ Using the Bootstrap Card Component

  • دمو: استفاده از کارت در صفحه لیست Demo: Using the Card in the List Page

  • استفاده از کامپوننت‌های تعاملی Using Interactive Components

  • دمو: افزودن Dropdown در نوار ناوبری Demo: Adding the Dropdown in the navbar

  • دمو: افزودن کامپوننت Collapse Demo: Adding the Collapse Component

ساخت فرم‌ها با کامپوننت‌های بوت‌استرپ Creating Forms with Bootstrap Components

  • بررسی فرم‌ها در بوت‌استرپ Exploring Forms with Bootstrap

  • دمو: ساخت اولین فرم Demo: Creating a First Form

  • استفاده از لایه‌بندی فرم Using a Form Layout

  • دمو: اعمال لایه‌بندی‌های مختلف فرم Demo: Applying Different Form Layouts

  • استفاده از کامپوننت‌های فرم بوت‌استرپ Using the Bootstrap Form Components

  • دمو: آشنایی با کامپوننت‌های فرم Demo: Discovering the Form Components

  • دمو: ساخت فرم کامل Demo: Creating the Complete Form

  • افزودن اعتبارسنجی فرم Adding Form Validation

  • دمو: افزودن اعتبارسنجی فرم Demo: Adding Form Validation

  • جمع‌بندی و پایان دوره Course Closing

نمایش نظرات

آموزش مبانی بوت استرپ (Bootstrap Foundations)
جزییات دوره
2h 36m
41
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
11
4.1 از 5
دارد
دارد
دارد
Gill Cleeren
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gill Cleeren Gill Cleeren

گیل کلیرن مدیر منطقه ای مایکروسافت ، نویسنده MVP و Pluralsight است. گیل یک معمار مستقل راه حل است که در بلژیک زندگی می کند. او روی توسعه وب و موبایل تمرکز دارد و عاشق Xamarin است. وی همچنین سخنران مکرر بسیاری از کنفرانس های بین المللی است. گیل همچنین بزرگترین کنفرانس IT در بلژیک و هلند را Techorama تأسیس کرد. می توانید وب سایت وی را به آدرس www.snowball.be بیابید.