Coderna | کُدرنا – Telegram
Coderna | کُدرنا
578 subscribers
8 photos
8 videos
11 files
17 links
Telegram Id 📞: @DevArshia
Instagram ☎️: https://instagram.com/im_arshiajr
Download Telegram
Channel created
فعالیت کانال ما بزودی ادامه می یابد🌺
#کتابخانه Sortable.js📒


کتابخانه Sortable.js
یک کتابخانه جاوااسکریپت متن باز است که به برنامه نویسان اجازه می‌دهد عناصر را به سادگی مرتب کنند و جابجا کنند. این کتابخانه توسط RubaXa توسعه داده شده است.


ویژگی‌های Sortable.js🎈:

1️⃣ سادگی در استفاده:
استفاده از Sortable.js بسیار ساده است.
با اضافه کردن کلاس‌های مشخص به عناصر HTML، می‌توانید آن‌ها را قابل مرتب‌سازی و جابجایی کنید.

2️⃣ قابلیت جابجایی بین لیست‌ها:
با استفاده از Sortable.js، می‌توانید عناصر را بین لیست‌های مختلف جابجا کنید.

3️⃣ پشتیبانی از لمسی:
کتابخانه Sortable.js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه می‌دهد عناصر را با حرکات لمسی روی صفحه مرتب کنند.

4️⃣ قابلیت تنظیمات پیشرفته:
برنامه نویسان می‌توانند روند مرتب‌سازی را با استفاده از رویدادها(event) و توابع(function) مختلف تغییر دهند.

5️⃣ سبک بودن:
کتابخانه Sortable.js کتابخانه‌ای سبک است و به طور کامل با سایر کتابخانه‌ها و فریمورک‌ها سازگار است.



Sortable.js Page🚀:
https://sortablejs.github.io/Sortable

Channel🚦: T.me/coderna_js
👍11
Media is too big
VIEW IN TELEGRAM
#آموزش استفاده از کتابخانه ی Sortable.js 🎯

بررسی کاربرد کتابخانه
بررسی ویژگی های مهم
درک مفهوم چند آپشن مهم

اگر که این نوع محتوا برای شما مفید بود، مطالب رو به اشتراک بزارید⚠️

🎲 @coderna_js
👍6
Drag & Drop.zip
15.1 KB
#سورس کد Drag & Drop🎈

🔸سورس مرتب سازی عناصر || Drag & Drop
🔹شماره سورس: 1
🔸پلتفرم : Mobile / Web

♦️تکنولوژی استفاده شده :
Html — Css — Sortable.js Library


این سورس کد به صورت مستقیم از گیت هاب BedimCode دانلود و در اختیار شما قرار داده شده

🎲 @coderna_js
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
#کتابخانه Splide js📗



کتابخانه Splide.js یک کتابخانه جاوااسکریپت متن باز برای ساخت اسلایدرهای قدرتمند و جذاب است. این کتابخانه توسط Naotoshi Fujita توسعه داده شده است



ویژگی‌های Splide js🎈:

1️⃣ انعطاف پذیری:
از تنظیمات متنوعی برای شخصی‌سازی اسلایدر پشتیبانی می‌کند. می‌توانید شکل، رنگ، افکت‌ها و خصوصیات دیگر اسلایدر را به دلخواه خود تغییر دهید.

2️⃣ آپشن های زیاد:
این کتابخانه به شما آپشن های زیادی برای طراحی اسلایدر مورد نظر ارائه می‌کند.

3️⃣ پشتیبانی از لمسی:
کتابخانه Splide js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه می‌دهد اسلایدر هارا بدون نیاز به دکمه جلو و عقب نیز طراحی کنیم.

5️⃣ سبک بودن:
کتابخانه Splide js کتابخانه‌ای سبک است و به طور کامل با سایر کتابخانه‌ها و فریمورک‌ها سازگار است.



Splide.js Website🚀:
https://splidejs.com/

Channel🚦: T.me/coderna_js
👍8
Media is too big
VIEW IN TELEGRAM
#آموزش استفاده از کتابخانه ی  Splide.js 🎯

اعداد فارسی در js
ترفند استفاده به صورت rtl
درک مفهوم چند آپشن مهم
توضیحات کامل

اگر که این نوع محتوا برای شما مفید بود، مطالب رو  به اشتراک بزارید⚠️

🎲 @coderna_js
👍13👎3
Splide.js.zip
589.2 KB
#سورس کد Slider with Splide.js🎈

🔸سورس اسلایدر با کتابخانه Splide
🔹شماره سورس: 2
🔸پلتفرم : Mobile / Web

♦️تکنولوژی استفاده شده :
Html — Css — js — Splide.js

این سورس کد توسط کانال کُدرنا (@DevArshia) نوشته و منتشر شده است

🎲  @coderna_js
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
#سورس کد Photo Editor🎈

🔸سورس ویرایشگر عکس
🔹شماره سورس: 3
🔸پلتفرم : Mobile / Web

♦️تکنولوژی استفاده شده :
Html — Css —  js

این سورس کد توسط کانال کُدرنا (@DevArshia) ادیت و منتشر شده است.

🎲  @coderna_js
👍11
photo-editor.zip
651.7 KB
مربوط به پست بالا👆
🎲  @coderna_js
👍7
This media is not supported in your browser
VIEW IN TELEGRAM