دسترسی سریع:

مسیر:

صفحه اصلی

🔔 با توجه به بهبود نسبی اینترنت، آماده‌سازی دوره‌ها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دوره‌ها ممکن است با کمی تأخیر انجام شود. مدت اشتراک‌های تهیه‌شده محفوظ است.

لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در کانال تلگرام عضو شوید.

آموزش طراحی وب: ایجاد یک جدول قابل مرتب سازی - آخرین آپدیت

Design the Web: Creating a Sortable Table

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: جداول HTML لازم نیست که فقط یک حالت فقط خواندنی داشته باشند. بیاموزید که چگونه جداولی ایجاد کنید که به کاربران امکان مرتب سازی آنها را به هر شکلی که صلاح می دانند ، بیاموزید. Chris Converse نحوه استفاده از jQuery و یک افزونه رایگان به نام tableorter برای ایجاد یک جدول قابل تعویض و قابل تعامل با فقط چند خط کد را توضیح می دهد. وی همچنین نشان می دهد که چگونه می توان فلش ها و رنگ های نشانگر را با CSS اضافه کرد و یک تجزیه کننده سفارشی برای مرتب سازی هوشمندانه تاریخ ها ایجاد کرد. همانند تمام قسمت های طراحی وب ، پرونده های تمرینی این دوره (از جمله پلاگین جدا کننده) برای همه اعضا رایگان است.

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

مقدمه Introduction

مقدمه Introduction
درباره پرونده های تمرینی About the exercise files

1. ساخت جدول HTML قابل مرتب سازی 1. Making an HTML Table Sortable

تهیه فایل HTML Preparing the HTML file
فعال کردن افزونه Activating the plugin
مرتب سازی مرتب سازی مرتب بر بار صفحه Setting a default sort on page load
ستون مرتب شده را برجسته کنید Highlighting the sorted column
ایجاد مثلث های CSS برای نشان دادن ترتیب مرتب سازی Creating CSS triangles to indicate sort order
ایجاد ویژگی های مرتب سازی سفارشی Creating custom sort properties
از اینجا به کجا بروم Where to go from here