آموزش Semantic UI 2.0

Semantic UI 2.0

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: در این دوره ، شما می توانید اطلاعات مربوط به UI معنایی را بیاموزید ، یک زبان طبیعی جایگزین Bootstrap. شما تمام م componentsلفه های UI معنایی از جمله نمونه های واقعی نحوه پیاده سازی آنها را در یک وب سایت مرور خواهید کرد. ساختن یک UI پاسخ می تواند گاهی اوقات مشکل باشد. اغلب اوقات ، پس از کامل شدن ، نشانه گذاری به سختی خوانده می شود. UI معنایی چارچوبی است که با استفاده از HTML دوستانه برای انسان ، طرح بندی های زیبا و پاسخگو را هدف قرار می دهد. در این دوره ، Semantic UI 2.0 ، شما می آموزید که چگونه HTML خود را با استفاده از مفاهیم زبان طبیعی مانند ترتیب کلمات ، یا روابط اسم/اصلاح کننده سبک کنید. ابتدا یاد می گیرید که چرا می خواهید از UI معنایی استفاده کنید ، اینکه چگونه به حالت دهی و پاسخگویی نزدیک می شود. در مرحله بعدی ، با 6 مجموعه "معنایی" (خرده نان ، فرم ها ، شبکه ها ، منوها ، پیام ها و جداول) آشنا می شوید و آنها را در برنامه آزمایشی خود ادغام می کنید. سرانجام ، شما در مورد API معنایی اطلاعات خواهید گرفت ، که به توسعه دهندگان اجازه می دهد تا از کنترل های خود برای تعامل با داده های موجود در سرور و نه فقط داده هایی که از قبل در سمت مشتری ذخیره شده اند ، استفاده کنند. پس از اتمام این دوره ، دانش استفاده از Semantic UI 2.0 را خواهید داشت تا به شما کمک کند یک سبک سازگارتر ، قابل خواندن تر برای HTML خود را توسعه دهید.

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

چرا 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

نمایش نظرات

نظری ارسال نشده است.

آموزش Semantic UI 2.0
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4h 10m
75
Pluralsight (پلورال سایت) pluralsight-small
27 خرداد 1395 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
36
4.5 از 5
دارد
دارد
دارد
Nate Taylor

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Nate Taylor Nate Taylor

اولین برنامه نیت در QBasic بر روی کلون 8086 ساخته شده توسط پدرش نوشته شد. از آن زمان او برنامه های کاربردی را در ++ C ، .NET و Node.js نوشت. وی 12 سال اول زندگی حرفه ای خود را قبل از انتقال به نوشتن برنامه های کاربردی برای وب ، به نوشتن برنامه های ویندوز پرداخت. صرف نظر از زبان یا نوع برنامه ای که نوشته است ، او برای نوشتن کدی تمیز ، قابل آزمایش و نگهداری تلاش می کند. علاوه بر کار روزانه خود به عنوان یک توسعه دهنده ، سخنرانی در کنفرانس های مختلف نیز لذت می برد. به طور معمول او پیدا می شود که در مورد موضوعاتی مانند TDD ، کد تمیز یا حرفه ای صحبت می کند.

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

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

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