آموزش Semantic UI 2.0

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

چرا UI معنایی؟ Why Semantic UI?

• چرا UI معنایی؟ Why Semantic UI?

• زبان طبیعی Natural Language

• جاوا اسکریپت JavaScript

• اجزاء Components

• کجا میروی Where You're Going

شروع شدن Getting Started

• اصطلاحات و تعاریف Terms and Definitions

• درخواست ویژگی: تغییر سبک ها Feature Request: Change Styles

• نصب: CDN Installation: CDN

• نصب: NPM Installation: NPM

• ادغام ها Integrations

• خلاصه Summary

عناصر UI معنایی Semantic UI Elements

• مقدمه Introduction

• ظروف Containers

• بخشها Segments

• درخواست ویژگی: دکمه ها Feature Request: Buttons

• دکمه ها Buttons

• نمادها Icons

• پرچم ها Flags

• درخواست ویژگی: تصاویر Feature Request: Images

• تصاویر Images

• درخواست ویژگی: ورودی ها Feature Request: Inputs

• ورودی ها Inputs

• برچسب ها Labels

• لیست ها Lists

• درخواست ویژگی: تقسیم کننده ها Feature Request: Dividers

• تقسیم کننده Dividers

• سرصفحه ها Headers

• لودرها Loaders

• ریل Rails

• آشکار می کند Reveals

• مراحل Steps

• نتیجه Conclusion

مجموعه های UI معنایی Semantic UI Collections

• معرفی Intro

• پیام ها Messages

• درخواست ویژگی: فرم ها Feature Request: Forms

• تشکیل می دهد Forms

• درخواست ویژگی: منوها Feature Request: Menus

• منوها Menus

• شبکه ها Grids

• پودرهای سوخاری Breadcrumbs

• جداول Tables

• نتیجه Conclusion

نمایش UI معنایی Semantic UI Views

• معرفی Intro

• درخواست ویژگی: نظرات Feature Request: Comments

• نظرات Comments

• درخواست ویژگی: کارتها Feature Request: Cards

• کارتها Cards

• تغذیه Feeds

• آگهی ها Advertisements

• موارد Items

• آمار Statistics

• نتیجه Conclusion

ماژول UI معنایی Semantic UI Modules

• معرفی Intro

• آکاردئون Accordions

• تنظیمات جهانی Global Settings

• کادرهای تأیید Checkboxes

• کم نور Dimmers

• درخواست ویژگی: کشویی Feature Request: Dropdown

• کرکره ای Dropdowns

• جاسازی می کند Embeds

• مدالها Modals

• پنجره های باز شو Popups

• پیش رفتن Progress

• درخواست ویژگی: رتبه بندی Feature Request: Ratings

• رتبه بندی Ratings

• شکل ها Shapes

• ستون های کناری Sidebars

• چسبناک Sticky

• زبانه ها Tabs

• انتقال Transitions

• جستجو کردن Search

• نتیجه Conclusion

Semantic API Semantic API

• چرا باید از API استفاده کرد؟ Why Use the API?

• API با مثال API by Example

• جمع بندی دوره Course Wrap-up