چجوری میتونیم به پارامتر های ورودی مقدار دیفالت بدیم ؟

چون موضوع خیلی پیچیده ای نیست سعی میکنیم با یک مثال موضوع رو جمع کنیم

- ما یک تابع داریم که دوتا ورودی میگیره و ورودی اول به توان ورودی دوم رو به ما حروجی میده

function power(number , power)
{
  return number ** power;
}

- ما میخوایم به ورودی دوم (power) یک مقدار دیفالت بدیم اگر مقداری وارد نشده بود مقدار 2 لحاظ بشه این کار بسیار ساده هست کافیه فقط کد رو به این صورت تغییر بدیم :

function power(number , power = 2)
{
  return number ** power;
}

- در این حالت مقدار power در صورت عدم مقدار دهی برابر با 2 خواهد بود

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript

💢 یک منبع پر از تم‌های VS Code

اگر به دنبال تنوع و زیبایی در محیط کدنویسی Visual Studio Code هستید، این وبسایت بهترین گزینه است. این سایت با ارائه مجموعه‌ای عظیم از تم‌های جذاب و متنوع، امکان شخصی‌سازی کامل محیط کاری شما را فراهم می‌کند. از رنگ‌های روشن و شاداب گرفته تا تم‌های تاریک و حرفه‌ای، هر سلیقه‌ای که داشته باشید، می‌توانید تم مورد نظر خود را در این سایت پیدا کنید.

vscodethemes.com

#vscode

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Maryam

💎 Channel: @DevelopixJavascript

🧩 بهترین منابع برای تمرین JavaScript

سایت W3Schools:
-منبع معتبر برای یادگیری زبان‌ها و فریمورک‌ها و تکنولوژی‌های مختلف مثل JavaScript و Node.js و Vue.js
-شامل ۶۷ تمرین کوتاه برای آموزش Syntax و کارکرد متدهای Vanilla JS
-یک آزمون‌ جامع ساده + کوییزهایی در سطوح مختلف برای مرور مبانی
-فصل JS Examples شامل مثال‌های واقعی(Real life)

سایت Exercism:
-۱۴۸ تمرین مفید JS با قابلیت آنالیز دقیق کدها
-کمک به نوشتن برنامه‌های اصولی و بهینه‌تر
-کامیونیتی غنی + پشتیبانی قوی برای دیدن راه‌حل دیگران و دریافت بازخورد
-نقشه راه استاندارد

سایت JS Hero:
-داکیومنت مختصر برای یادگیری مبانی جاواسکریپت به زبان ساده
-مسئله‌های ساده در انتهای هر مبحث برای تمرین و درک بهتر

سایت Edabit:
-از گسترده‌ترین منابع برای تقویت مهارت حل مسئله
-بیش از ۲۵۰۰ تمرین در ۶ سطح
-امکان مشاهده بهترین راه‌حل‌ها

سایت W3resources:
-۱۰۰۰ مسئله برای سطح Beginner تا Intermediate
-تحلیل دقیق، ارائه چندین راه‌حل بر اساس پارادایم‌های مختلف و انتشارهای JS به همراه فلوچارت

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Soheil

💎 Channel: @DevelopixJavascript

Void(0) Company 😍
Next Generation Tooling


آقای Evan You خالق فریمورک vue.js و vite اومده یه کمپانی جدید زده به اسم Void-Zero و میخواد یه Tollchain برای JS بسازه و با کنار هم قراردادن بهترین ابزار ها یه چیز قوی بسازه.

برای بحث build از Vite برای بحث testing از Vitest و برای bundeler از Rolldown و برای langunage toolchain هم از Oxc بهره میبرند.

دارن یه ابزار خفن به جامعه جاوا اسکریپت اضافه میکنند و هدفشون اینه این ابزار یکپارچه و سریع باشه

و چون شخص Evan You شروع کننده هست یعنی جامعه ویو با این ابزار جلو میان و قراره یه ابزار خفن داشته باشیم که بتونیم همه جا استفاده کنیم هم سریع باشه هم خوب.

و چون جامعه ویو و ویت باهاش هست نیاز نیست از صفر بسازن.

برای اطلاعات بیشتر میتونید سایتشون رو بررسی کنید که اطلاعات دقیق تر و کامل تری داشته باشید:
🌐 سایت رسمی
⚜️ گیت هاب

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript

🔒🔑 انواع روش‌های احراز هویت در بک‌اند

توی پست امروزمون می‌خواهیم بپردازیم به مبحث احراز هویت (authentication) که یکی از مهم‌ترین مباحث در بک‌اند هست. ✅

چند نکته قبل از شروع:
به هیچ وجه رمز کاربر نباید به صورت خام داخل دیتابیس یا هر جای دیگر ذخیره شود. ❌
از متدهای هشینگ (hashing) قوی استفاده کنید، مثل SHA-256 یا SHA-512.
اگر از جاوااسکریپت برای پروژه‌تان استفاده می‌کنید، می‌توانید از کتابخانه bcrypt استفاده کنید.
تعداد دفعاتی که یک کاربر می‌تواند پشت سرهم درخواست ارسال کند را محدود کنید تا از حملات brute force جلوگیری شود.

1️⃣ Password-based authentication
در این روش، کاربر فقط باید یک رمز وارد کند تا لاگین کرده و به اندپوینت‌های محافظت‌شده دسترسی پیدا کند.
اینجا نه توکنی وجود دارد و نه چیزی که منقضی شود و از ادامه دسترسی کاربر جلوگیری کند.
این روش اصلاً مناسب نیست و فقط برای یادگیری یا پروژه‌های ساده مناسب است.

2️⃣ Token-based authentication
یکی از مفیدترین و مهم‌ترین روش‌های احراز هویت که همه با آن آشنایی داریم.
و البته، اسم JWT به گوش همه خورده است.

در این روش، وقتی کاربر وارد می‌شود، برای او دو توکن رمزنگاری‌شده ساخته می‌شود:

Access Token
Refresh Token
تفاوت‌ها:
مدت زمان انقضای Access Token کوتاه است (بین ۱۵ دقیقه تا ۱ ساعت).
مدت زمان انقضای Refresh Token طولانی‌تر است (بیش از ۷ روز).
هر وقت که Access Token منقضی می‌شود، با استفاده از Refresh Token، یک Access Token جدید دریافت می‌کنیم.

سوال مهم: توکن‌ها کجا ذخیره و ارسال می‌شوند؟
توکن‌ها می‌توانند:

در هدرها (Headers) ارسال شوند.
یا در کوکی‌ها ذخیره شوند.
نکته: اگر توکن در کوکی ذخیره می‌شود، باید حتماً نکات امنیتی خاصی رعایت شود.

نکته: اگر Refresh Token منقضی شود، کاربر باید مجدداً لاگین کند.

محتوای JWT:
توکن JWT معمولاً حاوی اطلاعات رمزنگاری‌شده مثل id، email و... است. (رمز عبور نباید ذخیره شود.)
این توکن از بخش‌های زیر تشکیل شده است:

Header
Payload
Signature
کاربرد:
این روش معمولاً همراه با احراز هویت دو مرحله‌ای (2FA) استفاده می‌شود.
علاوه بر رمز عبور، یک کد به ایمیل یا شماره تلفن ارسال می‌شود که باید وارد شود.

3️⃣ Biometric authentication
در این روش، احراز هویت با استفاده از صدا، اثر انگشت، چشم، یا ویدئو انجام می‌شود.
این روش بیشتر در سامانه‌های حساس مثل دولتی یا بانکی استفاده می‌شود و عمومیت چندانی ندارد.

4️⃣ Social media authentication
در این روش، کاربر از طریق اکانت شبکه‌های اجتماعی یا سرویس‌های معتبر، احراز هویت می‌کند.

ویژگی‌ها:
بسیار محبوب و کاربرپسند است.
معمولاً با اکانت‌های گوگل (جیمیل)، فیسبوک، گیت‌هاب و... انجام می‌شود.
سرعت بالایی دارد، چون اکثر کاربران اکانت جیمیل‌شان روی مرورگر فعال است و با یک کلیک، احراز هویت کامل می‌شود.


امیدوارم از این پست خوشتون اومده باشه 😊
هر سوالی هم داشتید می‌تونید در بخش نظرات بپرسید 🙏

🔖 #Javascript, #JS, #جاوااسکریپت

👤 soroushGH

💎 Channel: @DevelopixJavascript

Bun v 1.2

بان نسخه جدیدش رو منتشر کرده.

✅ اپدیت های جدید بان در این نسخه :

1. سازگاری بیشتری با nodejs داره.
2. به صورت built-in از s3 پشتیبانی میکنه.
3. به صورت built-in از Postgres پشتیبانی میکنه و به زودی قراره mysql هم اضافه بشه.
4. فایل bun.lock قبلا به صورت باینری بوده ولی با فیدبک‌هایی که از کامیونیتی دریافت کردند به فایل متنی تغییر دادند.
5. میتونید html به صورت خیلی ساده از طریق بان ایمپورت کنید ( خودش مینیفای میکنه باندل میکنه هم js رو هم css رو )

و به صورت کلی پرفرمنس بهتر شده ، سرعت بهتر شده و...

فیچر های دیگری هم در این نسخه عرضه شده که میتونید با مشاهده وبلاگ بان مطالعه کنید.

لینک وبلاگ :
https://bun.sh/blog/bun-v1.2

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript

یه ابزار خوب برای فرانت دولوپرها

این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )

❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.

⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.

📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.

https://orval.dev

🔖 #Javascript, #JS, #جاوااسکریپت

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript

🎉 معرفی Vue 3.6 (نسخه آلفا) — آغاز دوران Vapor

به‌تازگی Vue 3.6 به‌صورت آلفا منتشر شده و یکی از بزرگ‌ترین تحولات تاریخ این فریم‌ورک رو میبینیم: حالت Vapor.
در این نسخه، حالت جدیدی به نام Vapor Mode معرفی شده که به‌طور کامل بدون استفاده از Virtual DOM کار می‌کند! این یعنی عملکرد بسیار سریع‌تر، مصرف حافظه کمتر و...
برای استفاده از این قابلیت جدید، فقط کافیه در تگ <script setup> به صورت زیر از دستور vapor استفاده کنید

<script setup vapor>
  // کدهای شما اینجاست...
</script>

برای اینکه خودتون تفاوت رو حس کنید، برید به Vue Playground، نسخه 3.6-alpha2 رو انتخاب کنید و هم با حالت عادی و هم با vapor رو تست کنید.

🔖 #Javascript, #JS, #جاوااسکریپت #vue

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript

🎉 Nuxt V4
به تازگی نسخه جدید (V4) فریمورک ناکست منتشر شد...

🔥 تغییرات مهم در Nuxt 4:

🔹 ساختار جدید پروژه (پوشه app/)
ساختار پروژه حالا به صورت زیره و کدهای اپلیکیشن در app/ قرار می‌گیرن:

my-nuxt-app/
├─ app/
│  ├─ pages/
│  ├─ components/
│  ├─ layouts/
│  └─ app.vue
├─ server/
├─ shared/
├─ public/
└─ nuxt.config.ts

🔄 دیتا فچینگ بهینه تر شده
🔧 تجربه TypeScript بهبودیافته
⚡️ سرعت CLI بهتر شده
🎨 قالب‌های UI جدید اضافه شده

و Nuxt 3 تا پایان ژانویه 2026 آپدیت‌های نگه‌داری رو دریافت می‌کنه.

برای مطالعه بیشتر میتونید به وبلاگ ناکست سر بزنید.

🔖 #Javascript, #JS, #جاوااسکریپت, #nuxt, #vue

👤 Matin Soleymani

💎 Channel: @DevelopixJavascript