Golden Code

Forwarded from LearnPOV | لرن پی او وی (Mohammad hossein)

#javascript #geolocation

💎 گرفتن لوکیشن کاربر با جاوااسکریپت 💎

با استفاده از Geolocation API در جاوااسکریپت می‌تونید به سادگی موقعیت جغرافیایی کاربر رو دست بیارید و توی بخش های مختلف ازش استفاده کنید.

این API به شما اجازه می‌ده با دریافت اجازه از کاربر، عرض و طول جغرافیایی دقیقش رو به دست بیارید.

نمونه کد 🚀

navigator.geolocation.getCurrentPosition((position) => {
console.log(`
Lat:${position.coords.latitude},
Long:${position.coords.longitude}
`);
});

🌐 مثال استفاده در پروژه واقعی

🆔 Channel | Group | YouTube

👍4

364 views@lix, 17:37

Golden Code

Forwarded from Code Lab (𝘮𝘰𝘯𝘪𝘣 𝘴𝘢𝘭𝘦𝘩𝘪)

🔥 تفاوت جاوااسکریپت و تایپ‌اسکریپت

جاوااسکریپت یه زبان Dynamic هست یعنی تایپ داده‌ها رو موقع اجرا مشخص می‌کنه و این باعث میشه گاهی با خطاهای عجیب روبرو بشی
تایپ‌اسکریپت اومده تا این مشکل رو حل کنه و به جاوااسکریپت قدرت Static Typing بده یعنی از همون اول تایپ متغیرها رو مشخص کنی و قبل از اجرا خطاها رو ببینی
در واقع تایپ‌اسکریپت مثل یه لایه امن روی جاوااسکریپت عمل می‌کنه و کدتو تمیزتر و قابل پیش‌بینی‌تر می‌کنه
یه نکته مهم بدون تایپ‌اسکریپت تبدیل به جاوااسکریپت میشه پس برای اجرا همیشه به JS برمی‌گرده

#TypeScript #JavaScript

CODELAB | GpCodeLab

👍5🔥1

544 views@lix, 10:32

Golden Code

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

چی هستش؟

این 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

X (formerly Twitter)

Bharat Kara (@KaraBharat) on X

Intl.NumberFormat makes it so easy to format numbers and it's native 👇

#JavaScript

👍7❤3

1.26K viewsعلی 🇨🇴, edited 19:51

Golden Code

گاهی یک رشته داریم که عناصرش با "," یا ";" جدا شدن. با استفاده از 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/Shefali__J/status/1988564436559249609?t=3KBELet8DL6rU_-xqTFCDA&s=35

X (formerly Twitter)

Shefali (@Shefali__J) on X

JavaScript Tip💡

You can split a string at both commas and semicolons and create an array of individual elements.

👍6🔥4

1.69K viewsعلی 🇨🇴, edited 19:20

Golden Code

یکی از قابلیت‌های کمتر استفاده‌شده‌ ی مرورگرها، 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

X (formerly Twitter)

Marko Denic (@denicmarko) on X

JavaScript tip:

Use the `speechSynthesis.speak()` method to add voice to your web applications:

👍5🔥2❤1🥱1

1.3K viewsعلی 🇨🇴, edited 19:26

Golden Code

نمایش داده‌ها به شکل جدول با console.table()

وقتی میخوای آرایه‌ها یا آبجکت‌های متعدد رو دیباگ کنی، console.log() همیشه خوانا نیست.
اما با console.table() میتونی داده‌ها رو مرتب، جدولی و بسیار خوانا ببینی. (در عکس قابل مشاهدست)

📌 مثال:

const users = [
  { name: "Ali", age: 25 },
  { name: "Sara", age: 30 }
];

console.table(users);

خروجی:
یک جدول تمیز شامل ستون های name و age.

کاربردهاش :

دیباگ سریع‌تر

مشاهده نتایج API

بررسی state در React/Vue

اگه تا حالا استفاده نکردی، حتما امتحانش کن :)

#JavaScript #js #جاوا_اسکریپت

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

X (formerly Twitter)

Marko Denic (@denicmarko) on X

JavaScript tip:

You can use the `console.table()` method to display tabular data as a table.

👍7🔥3❤1

522 viewsعلی 🇨🇴, edited 19:24

About

Blog

Apps

Platform