نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
بوت استرپ محبوب ترین فریم ورک CSS برای ایجاد وب سایت های واکنش گرا با اولین موبایل است. این دوره به شما یاد می دهد که چگونه اولین صفحات یک وب سایت خود را با استفاده از چارچوب Bootstrap v5 ایجاد کنید. Bootstrap یک ابزار حیاتی در جعبه ابزار یک توسعه دهنده وب است. این کلید برای ایجاد وب سایت های واکنش گرا برای تلفن همراه است. در این دوره آموزشی، Bootstrap 5: Fundamentals، یاد خواهید گرفت که از فریم ورک بوت استرپ به صورت عملی استفاده کنید و نسخه 5 فریم ورک را پوشش دهید. ابتدا، بخشهای کلیدی چارچوب Bootstrap 5 را بررسی میکنید تا متوجه شوید که Bootstrap میتواند به شما در دستیابی به چه چیزی کمک کند. در مرحله بعد، نحوه ایجاد یک طرحبندی پاسخگو بر اساس Grid و سایر کلاسهای Bootstrap را خواهید یافت. در نهایت، یاد خواهید گرفت که چگونه اجزایی را برای افزایش تجربه کاربران در سایت خود اضافه کنید. پس از اتمام این دوره، مهارتها و دانش Bootstrap v5 مورد نیاز برای ساخت وبسایتهای مدرن و مبتنی بر موبایل را خواهید داشت.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
شروع کار با بوت استرپ 5
Getting Started with Bootstrap 5
-
بررسی نسخه
Version Check
-
معرفی ماژول
Module Introduction
-
سلام بوت استرپ
Hello Bootstrap
-
آنچه در این دوره خواهید آموخت
What You'll Learn in This Course
-
نسخه ی نمایشی: نگاهی به فروشگاه پای Bethany's Pie
Demo: Looking at Bethany's Pie Shop
-
افزودن بوت استرپ به سایت
Adding Bootstrap to a Site
-
نسخه ی نمایشی: اضافه کردن کلاس های بوت استرپ
Demo: Adding Bootstrap Classes
-
نسخه ی نمایشی: کاوش نمونه های بوت استرپ
Demo: Exploring Bootstrap Samples
-
خلاصه
Summary
ایجاد طرح بندی صفحه با سیستم Bootstrap Grid
Creating a Page Layout with the Bootstrap Grid System
-
معرفی ماژول
Module Introduction
-
آشنایی با سیستم Bootstrap Grid
Understanding the Bootstrap Grid System
-
نسخه ی نمایشی: درک سیستم شبکه bootstrap
Demo: Understanding the Bootstrap Grid System
-
کار با ستون ها
Working with Columns
-
نسخه ی نمایشی: کار با ستون ها
Demo: Working with Columns
-
نسخه ی نمایشی: افزودن یک چیدمان پاسخگو به صفحه جزئیات
Demo: Adding a Responsive Layout to the Detail Page
-
خلاصه
Summary
اضافه کردن سبک با بوت استرپ
Adding Style with Bootstrap
-
معرفی ماژول
Module Introduction
-
کار با متن و تایپوگرافی
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 to Our Site
-
خلاصه
Summary
گسترش سایت با استفاده از کامپوننت های بوت استرپ
Extending the Site Using Bootstrap Components
-
معرفی ماژول
Module Introduction
-
آشنایی با اجزای بوت استرپ
Understanding Bootstrap Components
-
نسخه ی نمایشی: اضافه کردن اولین جزء: پیشرفت
Demo: Adding a First Component: Progress
-
افزودن اجزا به صفحات ما
Adding Components to Our Pages
-
نسخه ی نمایشی: با استفاده از کامپوننت های نوار ناوبری و ناوبری
Demo: Using the nav and navbar Components
-
نسخه ی نمایشی: اضافه کردن کامپوننت Breadcrumb
Demo: Adding the Breadcrumb Component
-
استفاده از کامپوننت کارت
Using a Card Component
-
نسخه ی نمایشی: استفاده از کارت در صفحه فهرست
Demo: Using the Card in the List Page
-
خلاصه
Summary
ایجاد فرم ها با کامپوننت های بوت استرپ
Creating Forms with Bootstrap Components
-
معرفی ماژول
Module Introduction
-
کاوش فرم ها با بوت استرپ
Exploring Forms with Bootstrap
-
نسخه ی نمایشی: ایجاد اولین فرم
Demo: Creating a First Form
-
طرح بندی فرم
Form Layout
-
نسخه ی نمایشی: اعمال طرح بندی های مختلف فرم
Demo: Applying Different Form Layouts
-
استفاده از اجزای فرم بوت استرپ
Using the Bootstrap Form Components
-
نسخه ی نمایشی: کشف اجزای فرم
Demo: Discovering Form Components
-
دمو: ایجاد فرم سفارش و پرداخت
Demo: Creating the Order and Payment Form
-
نسخه ی نمایشی: کار با گروه های ورودی
Demo: Working with Input Groups
-
افزودن اعتبار سنجی فرم
Adding Form Validation
-
نسخه ی نمایشی: افزودن اعتبار سنجی فرم
Demo: Adding Form Validation
-
خلاصه
Summary
تعاملی کردن صفحات با اجزای دارای جاوا اسکریپت
Making Pages Interactive with JavaScript-enabled Components
-
معرفی ماژول
Module Introduction
-
استفاده از اجزای تعاملی
Using Interactive Components
-
افزودن اجزای تعاملی به سایت ما
Adding Interactive Components to Our Site
-
نسخه ی نمایشی: افزودن چرخ فلک به صفحه اصلی
Demo: Adding the Carousel to the Home Page
-
نسخه ی نمایشی: اضافه کردن Offcanvas به عنوان سبد خرید
Demo: Adding the Offcanvas as the Shopping Basket
-
نسخه ی نمایشی: افزودن مولفه Modal
Demo: Adding the Modal Component
-
نسخه ی نمایشی: استفاده از نان تست
Demo: Using a Toast
-
نسخه ی نمایشی: اضافه کردن یک کشویی
Demo: Adding a Dropdown
-
نسخه ی نمایشی: اضافه کردن Collapse
Demo: Adding the Collapse
-
خلاصه
Summary
بهبود صفحات سایت
Improving the Site Pages
-
معرفی ماژول
Module Introduction
-
با استفاده از آیکون های بوت استرپ
Using the Bootstrap Icons
-
نسخه ی نمایشی: افزودن آیکون های بوت استرپ به سایت
Demo: Adding Bootstrap Icons to the Site
-
نسخه ی نمایشی: بازسازی کامپوننت Jumbotron
Demo: Recreating the Jumbotron Component
-
نسخه ی نمایشی: آوردن طرح سنگ تراشی
Demo: Bringing in the Masonry Layout
-
نسخه ی نمایشی: استفاده از آیتم های بر اساس گروه
Demo: Using the According to Group Items
-
نسخه ی نمایشی: کار با Bootstrap Colors
Demo: Working with Bootstrap Colors
-
نسخه ی نمایشی: آوردن تعاملات بوت استرپ
Demo: Bringing in Bootstrap Interactions
-
خلاصه و پایان دوره
Summary and Course Closing
Pluralsight (پلورال سایت)
Pluralsight یکی از پرطرفدارترین پلتفرمهای آموزش آنلاین است که به میلیونها کاربر در سراسر جهان کمک میکند تا مهارتهای خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دورههای آموزشی در زمینههای فناوری اطلاعات، توسعه نرمافزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه میدهد.
یکی از ویژگیهای برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعهدهندگان و کارشناسان معتبر، دورههایی را ارائه میدهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژیها نگه میدارد. این امر به کاربران این اطمینان را میدهد که دورههایی که در Pluralsight میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات