دوره آموزشی طراحی وب: ایجاد یک جدول قابل مرتب سازی
33 دقیقهمبتدی2018-04-27
مدرسین

Chris Converse
Applies design and UX principles to technology
جزئیات دوره
جدولهای HTML نیازی به ثابت بودن و فقط برای خواندن ندارند. در این دوره، یاد خواهید گرفت چگونه جدولهایی ایجاد کنید که به کاربران این امکان را میدهند تا آنها را به هر طریقی که میخواهند مرتب کنند. کریس کونورس توضیح میدهد چگونه با استفاده از jQuery و یک افزونه رایگان به نام tablesorter، جدولی قابل مرتبسازی و تعاملی با تنها چند خط کد بسازید. او همچنین نشان میدهد چگونه با استفاده از CSS، فلشهای نشانگر و رنگها را اضافه کنید و یک تجزیهکننده سفارشی بسازید تا تاریخها را به شیوهای هوشمندانهتر مرتب کند. همانند تمام قسمتهای دوره Design the Web، فایلهای تمرینی این دوره (شامل افزونه tablesorter) برای همه اعضا رایگان است.
اهداف یادگیری:
ایجاد جداول قابل مرتبسازی با jQuery و افزونه tablesorter.
افزودن فلشها و رنگها با CSS برای بهبود تعاملات کاربر.
ایجاد تجزیهکنندههای سفارشی برای مرتبسازی تاریخها به شیوهای هوشمند.
استفاده از افزونهها و فایلهای تمرینی رایگان برای بهبود کدنویسی و طراحی وب.
اهداف یادگیری:
ایجاد جداول قابل مرتبسازی با jQuery و افزونه tablesorter.
افزودن فلشها و رنگها با CSS برای بهبود تعاملات کاربر.
ایجاد تجزیهکنندههای سفارشی برای مرتبسازی تاریخها به شیوهای هوشمند.
استفاده از افزونهها و فایلهای تمرینی رایگان برای بهبود کدنویسی و طراحی وب.
مهارت ها
Interactive Web ContentWeb DesignLimited Series
سرفصل ها
0. مقدمه
- 01 - مقدمه
- 02 - در مورد فایلهای تمرین
1. ساخت جدول مرتب سازی HTML
- 03 - آماده سازی فایل HTML
- 04 - فعال سازی افزونه
- 05 - تنظیم مرتب سازی پیش فرض در بارگذاری صفحه
- 06 - برجسته کردن ستون مرتب شده
- 07 - ایجاد مثلثهای CSS برای نشان دادن ترتیب مرتب سازی
- 08 - ایجاد خصوصیات مرتب سازی سفارشی
- 09 - از اینجا به کجا بروید
دوره های مرتبط
- دوره آموزشی پروژه های نمونه کار وب: جدول و آرایه های قابل مرتب سازی
- دوره آموزشی طراحی وب: ایجاد گرافیک های کوچکتر با PNG-8
- دوره آموزشی ایجاد یک انجمن آنلاین خلاق
- دوره آموزشی هوش مصنوعی عملی: ساخت پایگاه داده تولید نقد فیلم تحت وب با استفاده از هوش مصنوعی مولد، HTML، CSS و PHP
- دوره آموزشی ساخت وب سایت با Statamic
- دوره آموزشی طراحی وب: اشیاء هوشمند
- دوره آموزشی طراحی وب: گردش کار کارآمد
- دوره آموزشی پشتصحنه تولید یک آگهی تلویزیونی واقعی
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی آماده شدن برای آزمون Developing Solutions in Microsoft Azure (AZ-204)
- مسیر آموزشی تبدیل شدن به یک استاد فوتوشاپ برای طراحی وب
- مسیر آموزشی مهارت های طراحی لوگو و برند خود را ارتقا دهید
- مسیر آموزشی تبدیل شدن به یک طراح تجربه کاربری
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی بهبود بخشیدن مهارت های نمونه سازی UX
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده MEAN Javascript