فعالیت کانال ما بزودی ادامه می یابد🌺

#کتابخانه 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

#آموزش استفاده از کتابخانه ی Sortable.js 🎯

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

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

🎲 @coderna_js

#سورس کد Drag & Drop🎈

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

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


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

🎲 @coderna_js

#کتابخانه 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

#آموزش استفاده از کتابخانه ی  Splide.js 🎯

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

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

🎲 @coderna_js

#سورس کد Slider with Splide.js🎈

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

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

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

🎲  @coderna_js

#سورس کد Photo Editor🎈

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

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

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

🎲  @coderna_js

مربوط به پست بالا👆
🎲  @coderna_js

#سورس کد Shopping Cart🎈

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

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

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

🎲 http://T.me/coderna_js

مربوط به پست بالا👆

✔️ استفاده از LocalStorage
✔️ کاملا ریسپانسیو
✔️ منوی باز شونده(SideBar)
✔️ قابلیت وارد کردن کد تخفیف
✔️ محاسبه مبلغ نهایی

⚠️ برای این سورس کد، ساعت ها زمان صرف شده پس لطفا اونهارو با ذکر منبع به اشتراک بزارید

🎲 T.me/coderna_js

کتابخانه Email js📘

➖➖➖➖➖

کتابخانه email.js یک کتابخانه جاوا اسکریپت است که برای ارسال ایمیل در برنامه های وب استفاده می شود. این کتابخانه امکاناتی را فراهم می کند که به برنامه نویسان اجازه می دهد با استفاده از کد جاوا اسکریپت ایمیل ها را به صورت خودکار ارسال کنند.

➖➖➖➖➖

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

1⃣ ارسال ایمیل ها به صورت خودکار با استفاده از کد جاوا اسکریپت

2⃣ تنظیم اطلاعات اتصال به سرویس ایمیل (نام کاربری و رمز عبور)

3⃣ تعریف قالب ایمیل با استفاده از متغیرهای داینامیک

4⃣ امکان استفاده از فایل های ضمیمه در ایمیل ها



Email.js Website🚀:
https://emailjs.com

Channel🚦: T.me/coderna_js

#آموزش کتابخانه ی  Email.js 🎯

✅ آموزش از وبسایت کتابخانه
✅ به همراه سورس کد اختصاصی

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

🎲 @coderna_js

#سورس کد Email Form🎈

🔸سورس فرم ایمیل
🔹شماره سورس: 5
🔸پلتفرم : Mobile / Web

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

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

🎲  @coderna_js