#javascript

ساخت شناسه Id یونیک با جاوااسکریپت پیور


Channel | Group | YouTube

#javascript

📣 لایبرری های محبوب برای انیمیشن سازی در جاوااسکریپت 📣

Channel | Group | YouTube

#javascript


در جاوااسکریپت، میتوانید با استفاده از عملگر || برای تنظیم مقدار دیفالت برای یه متغیر استفاده کنید



Channel | Group | YouTube

#javascript

کوکی‌ها یه جور فایل‌های کوچیک متنی هستن که یه وب‌سایت وقتی ازش بازدید می‌کنید، روی کامپیوتر یا موبایلتون ذخیره می‌شه. این فایل‌ها اطلاعاتی مثل نام کاربری، رمز عبور، تنظیمات دلخواه و فعالیت‌های شما توی اون وب‌سایت رو ذخیره می‌کنن.

مزایای کوکی:

راحتی: دیگه لازم نیست هر بار که به یه وب‌سایت می‌رید، اطلاعات ورودیتون رو وارد کنید.
شخصی‌سازی: وب‌سایت‌ها می‌تونن با استفاده از کوکی‌ها، تجربه کاربری رو برای شما شخصی‌سازی کنن. مثلا می‌تونن پیشنهاداتی بر اساس علایق و سابقه بازدیدهاتون بهتون بدن.
بهبود عملکرد: کوکی‌ها می‌تونن به وب‌سایت‌ها کمک کنن تا سریع‌تر بارگیری بشن و عملکرد بهتری داشته باشن.
انواع کوکی:

کوکی‌های موقت: این کوکی‌ها بعد از بستن مرورگر پاک می‌شن.
کوکی‌های دائمی: این کوکی‌ها تا زمانی که شما پاکشون کنید، روی کامپیوتر یا موبایلتون باقی می‌مونن.
کوکی‌های اول شخص: این کوکی‌ها توسط وب‌سایتی که ازش بازدید می‌کنید، تنظیم می‌شن.
کوکی‌های شخص ثالث: این کوکی‌ها توسط وب‌سایت‌های دیگه، به غیر از وب‌سایتی که ازش بازدید می‌کنید، تنظیم می‌شن.

Channel | Group | YouTube

#javascript


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


Channel | Group | YouTube

#javascript


تو عکس بالا لیستی از تمام متد های MATH اورده شده و میتونید استفاده کنید



Channel | Group | YouTube

#javascript

توی سایت MDN میگشتم که دیدم یه هفته پیش یه مقاله منتشر شده که در مورد آپدیت جدید جاوا اسکریپت در مورد Set ها گفتم بذارم شاید برای شما هم جالب باشه 💚


Channel | Group | YouTube

‌‎‌‏#javascript

آپدیت جدید جاوا اسکریپت در مورد متدهای Set . گفتم بذارم شاید برای شما هم جالب باشه 💚


Channel | Group | YouTube

#javascript

جاوااسکریپت در اصل یک زبان مفسری (interpreted) هستش این به این معنیه که کد جاوااسکریپت توسط مفسر در زمان اجرا خونده و اجرا میشه، برخلاف زبان‌های کامپایلری که کد قبل از اجرا به زبان ماشین تبدیل میشه.

با این حال، موتورهای جاوااسکریپت مدرن مثل V8 (موتور جاوااسکریپت مورد استفاده در مرورگر گوگل کروم و Node.js) تکنیک‌هایی مانند Just-In-Time (JIT) Compilation را به کار گرفته میشه. JIT یک تکنیکه که تو اون کد جاوااسکریپت در زمان اجرا کامپایل شده و سپس اجرا میشه. به این صورت که موتور جاوااسکریپت ابتدا کد رو تفسیر می‌کنه و سپس بخش‌هایی از کد که چندین بار اجرا میشن رو به کد ماشین کامپایل میکنه تا عملکرد بهتری داشته باشه.

بنابراین، جاوااسکریپت به طور سنتی یک زبان مفسری است، اما موتورهای مدرن آن از تکنیک‌های کامپایل به صورت JIT استفاده می‌کنند تا عملکرد را بهبود بخشند.

Channel | Group | YouTube

#javascript


اپراتور ?? یکی از ویژگی‌های جدیدیه که تو ورژن‌های جدید جاوااسکریپت (JavaScript) اضافه شده. این اپراتور برای بررسی و بازگرداندن یک مقدار پیش‌فرض استفاده میشه، به ویژه زمانی که باید یک مقدار را از یک متغیری برگردانید که null یا undefined باشد.


مثال :

Const num = null;

num = num ?? 10

Console.log(num)

خروجی کد بالا ۱۰ میباشد زیرا متغیر num مقدارش null است


Channel | Group | YouTube

تو این ویدیو بهتون کلیت استفاده از تمام درگاهای پرداخت رو توضیح دادم و انحصاری درگاه پرداخت زیبال رو موشکافی کردم 🙌 و با ابزار پستمن براتون درخواستاشو دونه دونه تست کردم و حتی یه خرید فیک هم برای تست زدم که شما بهتر متوجه بشید ❤️


https://youtu.be/nyHDaYnI34s?si=jBgoc_m1d5nobDrJ

#javascript

خروجی کد بالا چیست ؟

سلام به همه دوستان✋🏻

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

اول از همه باید بگم که کاملا یک چیز عادی هست و حتی برنامه نویس های ارشد هم بسیاری از موارد رو یادشون میره🫡

فقط نباید ناامید بشید و مسیر رو ادامه بدید💪🏻

در ادامه یک چیت شیت بامزه از جاوااسکریپت براتون میزارم تا بتونم اکثر موارد مهم جاوااسکریپت رو یکجا داشته باشید تا اگر مطلبی رو یادتون رفت بتونید سریع مرور کنید
#javascript

Channel | Group | YouTube

📊 دوست جدیدت برای ساخت نمودارهای جذاب و تعاملی! ApexCharts.js

📌برای نمایش داده‌ها، ApexCharts.js دقیقاً همون چیزیه که نیاز داری! این کتابخانه جاوا اسکریپت بهت کمک می‌کنه بدون دردسر، نمودارهای شیک و داینامیک بسازی.

🔹 چرا ApexCharts رو امتحان کنیم؟

✅ انواع نمودارهای متنوع مثل خطی، ستونی، دایره‌ای، پراکندگی و…
✅ طراحی واکنش‌گرا، بدون مشکل در موبایل و دسکتاپ
✅ تنظیمات گسترده برای شخصی‌سازی نمودارها
✅ امکان ترکیب چندین نمودار برای نمایش بهتر داده‌ها
✅ کاملاً رایگان و متن‌باز – راحت ازش استفاده کن!

🔹 چند ابزار مکمل که تجربه کار با نمودارها رو بهتر می‌کنن:

✨ یه گزینه عالی برای نمودارهای سبک و سریع Chart.js
✨ برای نمودارهای پیچیده و سفارشی‌سازی‌شده D3.js
✨ ابزار قدرتمند با قابلیت‌های متنوع Google Charts

🔗آدرس وب سایت
تجربه و پیشنهاد شما چیه؟🤔
#charts #Frontend
#JavaScript_library

Channel | Group | YouTube

#React #Form #Survey #WebDevelopment #JavaScript #ReactHookForm #SurveyJS

💡 کتابخانه‌های React برای ساخت فرم و نظرسنجی ها:
📌اگر تو هم از ساخت فرم‌ها و نظرسنجی‌ها توی React خسته شدی، باید بدونی که تنها نیستی! 😅

🔰اما خبر خوب اینه که کتابخانه‌هایی مثل SurveyJS وReact Hook Form به راحتی می‌تونن این کار رو برات ساده کنن. 🚀

🔗از مدیریت استیت گرفته تا ولیدیشن و حتی طراحی پویا این کتابخانه‌ها تمام مشکلاتت رو با فرم‌ها حل می‌کنن. 💪

🔍 روی این لینک بزن تا مقاله اش رو بخونی😉

Channel | Group | YouTube

🚀 چرا #ESLint انقلابی در کیفیت کدهای شما ایجاد می‌کند؟

📌ابزار قدرتمندESLint یه لینتر برای JavaScript هست که کمک می‌کنه کدهای تمیز، خوانا و بدون خطا بنویسی.

💠چرا باید از ESLint استفاده کنیم؟

1⃣کد تمیز و استاندارد: باعث می‌شه کدهای شما قابل فهم‌تر و بدون خطا باشن.
2⃣همکاری بهتر در تیم‌ها: وقتی همه از یه استاندارد مشخص پیروی کنن، کار تیمی راحت‌تر می‌شه.

🔗ویژگی‌های جدید در نسخه ۹:

🔰تنظیمات پیش‌فرضFlat Config
🔰بهینه‌سازی عملکرد، بررسی کد سریع‌تر و دقیق‌تر.

💡چطور شروع کنیم؟

npm init @eslint/config@latest

🛠 یادت باشه: کد خوب، کدیه که بعداً خودت هم بتونی تغییرش بدی! 😉

#ESLint #JavaScript

Channel | Group | YouTube

سرعت بی نظیر در کامپایل کد با #SWC 🚀

🔍 میدونیSWC یه کامپایلر مبتنی بر Rust هستش که سرعتش بی‌نظیره و اینکه جایگزین قدرتمندی برای Babel شده!؟

♻️ دیگه نیازی نیست وقت زیادی برای Build Time صرف کنی، چون SWC با بهینه‌سازی عالی، فرایند کامپایل رو تا چندین برابر سریع‌تر می‌کنه! ⚡

💡 چرا SWC انتخاب بهتریه؟

✅ سرعت بالا – چون با Rust نوشته شده، کامپایل و تبدیل کد رو خیلی سریع انجام می‌ده! 🚀
✅ مصرف کمتر منابع – با بهینه‌سازی فوق‌العاده، نیاز به پردازش سنگین رو کاهش می‌ده. 🎯
✅ سازگاری عالی / از JavaScript و TypeScript پشتیبانی می‌کنه و توی پروژه‌های فرانت‌اند قابل استفاده‌ست! 💻

مقایسه با Babel:

❎میدونی کهBabel به‌خاطر اینکه با JavaScript نوشته شده، سرعتش کمتره.
✅خب SWC با Rust توسعه داده شده؛بهینه و سبکه .
✅راستش SWC تقریباً ۲۰ برابر سریع‌تر از Babel عمل می‌کنه، که یه تفاوت خیلی خوبه! 🔥

🌐اگه دنبال یه راه حل سریع‌تر برای کامپایل جاوااسکریپت هستی، SWC رو امتحان کن و از تجربه‌ی بی‌نظیر سرعت بالا لذت ببر! ⚡🎯


#SWC #Compiler #JavaScript #Frontend

Channel | Group | YouTube

💡چطور از State Loss فرار کنیم؟ الگوی Memento پاسخ می‌دهد!

📱وقتی اپلیکیشن می‌سازی، حفظ وضعیت برنامه (State) خیلی مهمه. مخصوصا برای اینکه قابلیت‌های مثل undo/redo درست کار کنن و کاربر بتونه به راحتی به حالت قبلی برگرده.

🔰الگوی Memento توی جاوااسکریپت بهت این امکان رو میده که حالت شی‌هات رو بدون اینکه جزییات داخلی‌ش رو منتشر کنی، ذخیره و بازیابی کنی. با این روش می‌تونی تاریخچه تغییرات رو مدیریت کنی و ساختار مطمئن بهتری برای اپلیکیشن داشته باشی.

📌این الگو باعث میشه برنامه‌هات قابل اعتمادتر و حرفه‌ای‌تر بشن و تجربه کاربر رو بالاتر ببرن. اگه می‌خوای از دست دادن داده‌ها و وضعیت برنامه جلوگیری کنی، یادگیری و به‌کارگیری Memento یک قدم روبه جلوئه😉

🔗اینجا رو ببین👈 لینک

#JavaScript #Memento

Channel | Group | YouTube