Isotope.js: فیلترینگ پیشرفته

مدرس Morten Rand-Hendriksen

انتشار 2016/12/16

مدت زمان 2h 21m

سطح متوسط

فایل تمرینی دارد

آموزش Isotope.js: Advanced Filtering

Isotope.js ابزاری ساده است که به شما کمک می‌کند طرح‌بندی‌های پیشرفته مبتنی بر کاشی ایجاد کنید و مرتب‌سازی پویا و فیلتر کردن محتوا را مستقیماً در مرورگر فعال کنید. ممکن است /em>، در صفحه اول ناسا، و در سایر وب سایت های دارای گالری های کاشی کاری شده. این دوره نه تنها نحوه کار ایزوتوپ را نشان می دهد، بلکه نحوه ادغام آن با وردپرس و سایر سیستم های مدیریت محتوا را برای عملکرد فوق العاده پیشرفته نشان می دهد. با مربی Morten Rand-Hendriksen همراه باشید و دریابید که چگونه می توان از مشکلات رایج پیاده سازی عبور کرد، حالت های طرح بندی را پیکربندی کرد، Isotope.js را با ویژگی های اضافی اضافه کرد، با هش URL های پیشرفته و غیره، تجربه کاربری یکپارچه ایجاد کرد. امروز وقت بگذارید و ایزوتوپ را یاد بگیرید و فردای توسعه جاوا اسکریپت خود را به زحمت زیادی بکشید.

Front-end Development JavaScript

Introduction

Welcome ()

How to use the exercise files ()

1. Isotope.js: An Introduction

What is Isotope.js? ()

What are we going to build in this course? ()

2. Isotope Basics

Overview of a basic image gallery ()

Download and install Isotope and jQuery ()

Initialize Isotope ()

Configure layout modes ()

Gutter, widths, and other parameters ()

Display various-sized content ()

Make Isotope layouts responsive ()

Delay paint until images are loaded ()

3. Filtering and Sorting

How does Isotope.js filter and sort content? ()

Create a simple filter mechanism ()

Isotope sorting basics ()

Create a simple sort mechanism ()

Lay a plan for combination filters ()

Build a combination filter ()

4. Filtering and Sorting Based on the URL Hash

Use the URL hash to filter and sort Isotope ()

Create URL hashes ()

Trigger function on hash change ()

Get the current URL hash ()

Pass the hash filter to Isotope ()

Highlight the current active button ()

Lay a plan for hash-based combination filters ()

Run-through of the combination hash filter code ()

5. Filtering and Sorting in WordPress

Isotope and CMS ()

Initialize Isotope.js in WordPress ()

Add class names based on custom taxonomy terms ()

Create a filter menu using checkboxes ()

Filter Isotope based on checkbox selections ()

Clear checkbox selections ()

Conclusion

Going further with Isotope.js ()

Ex_Files_Filtering_IsotopeJS.zip (98.5 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.