🔶 تفاوت بین Authentication و Authorization

بخش Authentication : عملیاتی هست که در اون بررسی میشه آیا کاربری که میخواهد وارد سایت شود وجود دارد یا نه همون احراز هویت هست که بسته به نوع سایت میتونه چک کردن یوزرنیم پسورد یا ارسال کد به موبایل و ایمیل باشه و....

بخش Authorization : عملیاتی که در اون سطح دسترسی افراد مشخص میشه مثلا در یک سایت فقط ادمین میتواند به بخش لیست یوزر ها وارد شود و اطلاعات تمام افراد سایت راببیند و یک کاربر عادی نباید بتواند وارد چنین بخشی شود که این ایجاد محدودیت کار همین عملیات است.
مثلا در express با middleware ها این موضوع را هندل میکنیم یا در nest.js با AuthGuard Decoratores این کار را انجام میدهیم.

https://www.linkedin.com/posts/behzad-shafiee-436952245_nodejs-javascript-javascriptabrtoturial-activity-7115334452007849984-I_JE


@TheRaymondDev

🔶 نمایش مدت مطالعه متن با جاوا اسکریپت

HTML:

<p id="time"></p>

JavaScript:

// Get the article text
const articleText = document.getElementById('article').innerText;
const time = document.getElementById('time');

// Split the text into an array of words
const wordsArray = articleText.split(' ');

// Count the number of words in the array
const wordCount = wordsArray.length;

// Calculate the estimated reading time
const wordsPerMinute = 200;
const readingTime = Math.ceil(wordCount / wordsPerMinute);

// Display the estimated reading time
time.innerHTML = 'This will take ' + readingTime + ' minute(s) to read';

#javascript
@TheRaymondDev

🔶 برای کتابخانه Sliderable یه آپدیتی در بخش مستندات ثبت کردم.

برای حمایت ⭐️ دهید.

https://github.com/Rayiumir/Silderable

Error $ Function

If it is on jQuery:

From JavaScript:

13: $(document).ready(function () {});

To jQuery:

13: jQuery(document).ready(function ($) {});

#javascript
@TheRaymondDev

خیلی وقتا برای نمایش عددها، قیمت‌ها یا درصدها کمی دردسر داریم ( ویرگول، اعشار، واحد پول، زبان کاربر و...)
اما جاوااسکریپت خودش یه ابزار آماده داره که همه‌ی اینارو خودش انجام میده 👇🏾

چی هستش؟

این Intl.NumberFormat یه قابلیت Native و قدرتمنده
که اعداد رو بر اساس زبان و منطقه‌ی کاربر فرمت میکنه.
نه نیاز به کتابخونه داریم نه regex بنویسیم

یه مثال:

const num = 1234567.89;

new Intl.NumberFormat('en-US').format(num);
// 1,234,567.89 ✅

new Intl.NumberFormat('fa-IR').format(num);
// ۱٬۲۳۴٬۵۶۷٫۸۹ 🇮🇷

👆🏾 همون عدد، ولی متناسب با زبان کاربر نمایش داده میشه.

برای پول و درصد :

new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD'
}).format(4999.99);
// $4,999.99 💵

new Intl.NumberFormat('fa-IR', {
  style: 'percent',
  maximumFractionDigits: 1
}).format(0.853);
// ‎٪۸۵٫۳ 🔢

مزایاش؟

• داخلی و سریع (بدون نصب کتابخونه)
• پشتیبانی از تمام زبان‌ها و ارزها
• کنترل اعشار، جداکننده‌ها، و سبک نمایش
• ظاهر حرفه‌ای‌تر برای کاربر 👌🏾

خلاصه:
وقتی Intl.NumberFormat هست، دیگه نیازی به کدنویسی اضافی برای فرمت اعداد نیست.
#JS #JavaScript #جاوااسکرپیت

@GoldenCodeir 🔥

(به‌منبع و مثالش دقت کنید 👇🏾)
https://x.com/KaraBharat/status/1984635931832328388?t=nyibER_ZCoXfs8nLIFoy7g&s=19

گاهی یک رشته داریم که عناصرش با "," یا ";" جدا شدن. با استفاده از split() و یک Regex ساده میتونیم هر دو رو همزمان جدا کنیم.

مثال:

let text = "apple,banana;orange,grape;melon";
let parts = text.split(/[,;]/);

console.log(parts);
// ["apple", "banana", "orange", "grape", "melon"]

الگوی بالا میگه هرجا ", " یا ";" دیدی جداسازی انجام بده برامون

#Javascript #جاوااسکریپت
#جاوااسکریپت

@GoldenCodeir 🔥
(به‌منبع و مثالش دقت کنید 👇🏾)
https://x.com/Aurimas_Gr/status/1988972296262869238?t=U5EvBFU_GPcgmhSERH8ylg&s=35

یکی از قابلیت‌های کمتر استفاده‌شده‌ ی مرورگرها، Web Speech API است که به شما این امکان رو میده متن رو با صدای طبیعی برای کاربر پخش کنید.

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

const msg = new SpeechSynthesisUtterance("سلام! این متن در مرورگر خوانده میشه.");
speechSynthesis.speak(msg);

📌 چطوری کار میکنه؟

این SpeechSynthesisUtterance یک شیء (Object) هستش که متن، سرعت، زبان و ... نگه میداره.

متود speechSynthesis.speak() همین شی را به موتور گفتار مرورگر میده و متن رو برای کاربر میخواند.


📌 موارد استفادش:

ساخت نوتیفیکیشن‌ های صوتی در وب

دستیار های صوتی ساده

افزایش Accessibility

خواندن متن یا آموزش زبان برای کاربر

#Javascript #جاوااسکریپت #جاوا_اسکریپت

@GoldenCodeir 🔥
(به‌منبع و مثالش دقت کنید 👇🏾)
https://x.com/denicmarko/status/1989665993871036438?t=nr9Tyq5fblSYnQGZiR58mQ&s=19

دوره جامع و کاملا رایگان سوگر (Swagger) منتشر شد.

آموزش رو دقیقا طبق مستندات رسمی موجود در NestJs پیش بردم  و زحمت زیادی برای تهیه این دوره کشیدم تا یک منبع کامل و بدون نقص در دسترس داشته باشید که از طریق لینک های زیر میتونید دسترسی داشته باشید فقط کافیه در دوره ثبت نام کنید و از آموزش ها بهره ببرید.

ممنون میشم اگر دوست داشتید با دوستان خودتون به اشتراک بذارید تا همه بتونن از این آموزش بهره ببرند. ضمن اینکه اگر حین آموزش سوالی داشتید در قسمت نظرات ثبت کنید در اسرع وقت پاسخگو خواهم بود.

لینک دسترسی به دوره ها :
https://www.armincode.com
https://www.codehalic.ir

#nestjs
#javascript
#nodejs
#swagger
#جاوااسکریپت
#نود_جی_اس
#سوگر

@TheRaymondDev

قسمت های جدید پروژه تاکسی اینترنتی دوره NestJS منتشر شد (رایگان)

54_ Request otp
55_Handle response 1
56_Handle response 2
57_Verfiy Otp
58_Create first driver
59_Access token, Refresh token



لینک دسترسی به دوره:
https://www.armincode.com
https://www.codehalic.ir


ممنون که با حمایت و اشتراک گذاری کمک میکنین این مسیر سخت هموارتر بشه و علاقه مندان بتونن راحت تر یاد بگیرند.


#nestjs
#nodejs
#javascript
#جاوااسکریپت
#نود_جی_اس
#نست_جی_اس

@TheRaymondDev

🔶 موزیک پلیر با جاوا اسکریپت

#javascript

@TheRaymondDev