آموزش ایجاد یک چیدمان Responsive با Grid Bootstrap

Creating a Responsive Layout with Bootstrap Grid

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: ساخت اسکلت برای یک وب سایت برای هر توسعه دهنده وب چالشی است. استفاده از سیستم Bootstrap’s Grid کار شما و کاربرانتان را آسان تر خواهد کرد. ساختار وب سایت ها برای کار بر روی هر دستگاهی می تواند برای بسیاری از توسعه دهندگان وب کار سختی باشد. در این دوره ، ایجاد یک طرح پاسخگو با Bootstrap Grid ، شما توانایی ایجاد وب سایت های پاسخگو را خواهید داشت. ابتدا با استفاده از سیستم شبکه Bootstrap کاوش خواهید کرد. در مرحله بعدی ، با استفاده از grid و سایر برنامه های کاربردی Bootstrap پاسخگو خواهید یافت. سرانجام ، شما می آموزید که چگونه از Flexbox استفاده کنید تا در مورد چگونگی ساخت طرح بندی جالب و قابل استفاده در سیستم شبکه خلاق باشید. پس از پایان این دوره ، مهارت و دانش توسعه وب پاسخگو با استفاده از Bootstrap مورد نیاز برای ساخت وب سایت های جذاب و قابل دسترسی را خواهید داشت.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

شروع کار با سیستم شبکه Getting Started with the Grid System

  • مقدمه Introduction

  • سیستم Bootstrap Grid چیست؟ What Is Bootstrap Grid System?

  • وب سایت نمونه The Example Website

  • ظروف Containers

  • ستون های خودکار Auto Columns

  • سیستم شبکه ای Grid System

  • جریان ستون Column Flow

  • ردیف ها و ستون های تو در تو Rows and Nested Columns

  • آنچه ما آموخته ایم What We've Learned

استفاده از تکنیک های پاسخگو Applying Responsive Techniques

  • مقدمه Introduction

  • طراحی پاسخگو چیست؟ What is Responsive Design?

  • پیشرفت مترقی Progressive Enhancement

  • با استفاده از شبکه پاسخگو Using the Grid Responsively

  • کلاسهای نمایش پاسخگو Responsive Display Classes

  • شناورهای پاسخگو Responsive Floats

  • Padding و حاشیه های پاسخگو Responsive Padding and Margins

  • متن کلاس های کمکی Text Layout Utility Classes

  • ردیف های خودکار Auto Rows

  • آنچه ما آموخته ایم What We've Learned

طرح بندی پیشرفته با Flexbox Advanced Layout with the Flexbox

  • مقدمه Introduction

  • Flexbox چیست What is Flexbox

  • توجیه Flexbox Flexbox Justification

  • با استفاده از Flexbox Alignment Using Flexbox Alignment

  • استفاده از رشد ، کوچک شدن و پر کردن Using Growing, Shrinking and Filling

  • بسته بندی موارد Wrapping Items

  • سفارش موارد Ordering Items

  • آنچه ما آموخته ایم What We’ve Learned

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش ایجاد یک چیدمان Responsive با Grid Bootstrap
جزییات دوره
1h 28m
28
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
22
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shawn Wildermuth Shawn Wildermuth

شاون ویلدرموت از ابتدای دهه 80 که Vic-20 را به دست آورد ، با رایانه ها و نرم افزارها سر و صدا داشت. وی از سال 2002 به عنوان MVP مایکروسافت به عنوان ASP.NET Insider و ClientDev Insider با مایکروسافت درگیر است. وی هشت کتاب و مقاله بیشمار درباره توسعه نرم افزار تالیف کرده است. همچنین می توانید او را در یکی از کنفرانس های محلی و بین المللی که در آن سخنرانی کرده است ، از جمله TechEd ، Oredev ، SDC ، NDC ، VSLive ، DevIntersection ، MIX ، Devteach ، DevConnections و Dev Reach مشاهده کنید. او یکی از ذهن های وایلدر است.