آموزش ضروری Bootstrap 5
Bootstrap 5 Essential Training
بوت استرپ - یک چارچوب جلویی با استفاده از HTML ، CSS و JavaScript - برای کمک به توسعه دهندگان ساخته شده است که به سرعت و به آسانی وب سایت هایی آماده و آماده برای موبایل آماده می کنند که از طریق مرورگر سازگار باشند. بوت استرپ که یک چارچوب منبع باز است ، دارای یک شبکه 12 ستونی و م componentsلفه هایی است که آماده استفاده هستند. در این دوره ، Ray Villalobos به شما کمک می کند تا با Bootstrap 5 شروع به کار کنید ، و یک نمای کلی از تمام ویژگی های این چارچوب محبوب را ارائه می دهد. Ray گزینه های نصب را پوشش می دهد ، و سبک های اساسی را مرور می کند که نحوه نمایش محتوای شما را در سیستم عامل ها و مرورگرهای مختلف عادی می کند ، قبل از اینکه به پوشش دقیق جزئیات ویژگی های پیشرفته تر ، از جمله تایپوگرافی و طرح های flexbox بپردازد. بیاموزید که چگونه از م componentsلفه های طرح بندی برای ایجاد یک وب سایت با امکانات کامل استفاده کنید و آن را با م componentsلفه هایی مانند چرخ فلک ، آکاردئون ، هشدارها و راهنمای ابزار تعاملی کنید. بعلاوه ، بیاموزید که چگونه فرمهای زیبا و قابل استفاده ای ایجاد کنید که ورودی کاربر را تأیید می کنند.
معرفی Introduction
-
محبوب ترین چارچوب The most popular framework
-
نحوه استفاده از پرونده های تمرینی How to use the exercise files
1. شروع کار 1. Getting Started
-
گزینه های نصب Installation options
-
نصب و راه اندازی Installation
-
نمادهای راه انداز Bootstrap Icons
-
راه اندازی مجدد Reboot
-
فصلنامه Chapter Quiz
2. کلاسهای ضروری 2. Essential Classes
-
ظروف Containers
-
رنگها Colors
-
فاصله Spacing
-
نمایش دادن Display
-
موقعیت Position
-
مسابقه فصل Chapter Quiz
3. استفاده از عناصر 3. Using Elements
-
سبک های تایپوگرافی Typography styles
-
عناصر تایپوگرافی Typography elements
-
نقل قول ها و لیست های ساده Blockquotes and simple lists
-
گروه ها را لیست کنید List groups
-
جداول Tables
-
تصاویر و ارقام Images and figures
-
مرز ها Borders
-
مسابقه فصل Chapter Quiz
4. اصلاح عناصر 4. Modifying Elements
-
اصلاحات جعبه Box modifications
-
اندازه ها و نسبت ها Sizes and ratios
-
کلاسهای تعاملی Interactivity classes
-
مسابقه فصل Chapter Quiz
5. طرح بندی با ستون ها و Flexbox 5. Layouts with Columns and Flexbox
-
طرح اولیه شبکه Basic grid layout
-
ردیف ها Rows
-
ستون های پاسخگو Responsive columns
-
معیارهای Flexbox Flexbox metrics
-
محتوای Flexbox Flexbox content
-
سازمان Flexbox Flexbox organization
-
مسابقه فصل Chapter Quiz
6. اجزای طرح بندی 6. Layout Components
-
دکمه ها Buttons
-
ناوها Navs
-
نوار Navbar
-
کارتها Cards
-
صفحه بندی Pagination
-
پیش رفتن Progress
-
چرخنده Spinner
-
نشان و آرد سوخاری Badges and breadcrumbs
-
مسابقه فصل Chapter Quiz
7. م Intلفه های تعاملی 7. Interactive Components
-
چرخ فلک Carousel
-
آکاردئون Accordions
-
هشدارها Alerts
-
نان تست Toasts
-
مودال Modal
-
سقوط - فروپاشی Collapse
-
کرکره ای Dropdowns
-
نکات راهنما Tooltips
-
پوپاور Popovers
-
اسکرول اسپی Scrollspy
-
مسابقه فصل Chapter Quiz
8. فرم ها 8. Forms
-
ورودی های اساسی Basic inputs
-
را انتخاب کرده و دامنه را انتخاب می کند Selects and range
-
برچسب های شناور Floating labels
-
چک و رادیو Checks and radios
-
گروه های ورودی Input groups
-
اعتبار سنجی فرم Form validation
-
مسابقه فصل Chapter Quiz
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/8a7e
Ray Villalobos
مربی کارکنان ارشد در LinkedIn Learning
دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.
پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.
نمایش نظرات