#استخدامی

تفاوت == و === در جاوااسکریپت چیه؟ بیاید کوتاه و کلیدی ببینیم:


⭕قبلش فقط بگم که این سوال آسونه خیلی ولی تو 5 تا آزمون فنی که دادم اکثرا همشون پرسیدن

== :(برابری با تبدیل نوع)

مقایسه مقدار انجام می‌ده، ولی قبلش نوع داده‌ها رو تبدیل می‌کنه (type coercion).
ممکنه نتایج غیرمنتظره بده!

مثلا :

5 == "5"; // true (چون رشته "5" به عدد تبدیل می‌شه)
null == undefined; // true

=== (برابری دقیق)

مقایسه مقدار و نوع داده با هم انجام می‌ده، بدون تبدیل نوع.
امن‌تر و قابل پیش‌بینی‌تره.

مثلا

5 === "5"; // false (چون نوع داده فرق داره: number ≠ string)
null === undefined; // false

⭕ کی از کدوم استفاده کنیم؟

همیشه از === استفاده کن مگر اینکه عمداً بخوای تبدیل نوع انجام بشه (که بنظرم خیلی کم پیش میاد).

== می‌تونه باگ‌های عجیب ایجاد کنه، چون رفتار تبدیل نوعش گنگه.

یه مثال باحال:

console.log(0 == "0"); // true
console.log(0 === "0"); // false

امیدوارم خوشتون بیاد . با ریکشنتون و حمایتتون انرژی مارو بالا میبرید 🔥
#جاوااسکریپت #برنامه‌نویسی

@developersubtitile
🌐devsub.ir

#استخدامی

1.Event bubbling , Event Capturing

آقا دارم مقاله جمع میکنم برای سوالایی که از خودم پرسیدن و احتمال زیاد از شما میپرسن
تا موقعی که تموم شه دونه دونه براتون اینجا پست میکنم 🌹

خب آقای x خانم y , شما راجب مفهوم event bubbling  میتونید به ما یه توضیحی بدید؟؟

قبل از توضیح بزارید با کد نشونتون بدم

<div >
    <p >Click Me</p>
</div>

حالا مثلا یه onclick به جفتشون میدم هم div هم بچش که p هستش

document.querySelector('div');
  .addEventListener('click', function() {
    Console.log("you click div");
  });

document.querySelector('p');
  .addEventListener('click', function() {
    Console.log("you click P!");
  });

اوکیه ؟؟؟

من الان اگه رو P بزنم ، یعنی رو Click Me
چه اتفاقی میفته بنظرتون ؟؟؟

✅اول p اجرا میشه ، بعد بلافاصله div اجرا میشه

یعنی از child رفت به parent ، رفتش بالا

به این مفهموم میگن bubbling

حالا capturing دقیقا برعکس اینه 😁


یه سوال خفن دیگه ، اومد پرسید برای مدیریت کردن این موضوع از چه متودی استفاده میکنی چی بگیم؟؟

یعنی اومد گقت که میخوام فقط رو هر چی کلیک کردی مثلا فقط p اجرا بشه !!

✅میگی closest()


فصل ۱۳ دوره جوناس 😄🌹


پستو سیو کنید ، اگه این کارم حمایت شه و ریکشن خوبی بگیره هر روز سعی میکنم یه سوال خفن بزارم براتون و از #استخدامی برای دسترسی سریع به سوالا استفاده کنید ❤️

🌎 devsub.ir
@developersubtitle

سلام رفقا

با اجازه تمامی دوستانم یه پست متفاوت میزارم براتون

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

منم گفتم اینجا میزارم باز هر کسی کمکی کرد به ایشون دمش گرم ❤️


۵۸۹۴۶۳۱۵۷۷۵۲۸۳۳۴


فاطمه دهقانیان

13 سپتامبر روز برنامه نویس مبارک❤️🔥

به افتخار همه کدهایی که نوشتیم، دیباگ‌ هایی که شکست دادیم و کدهایی که نصف شب به ذهنمون رسید😎💻

#استخدامی

خب آقای X، خانم Y، یه سوال React خفن!

سوال : useEffect  چی هستش اصلا کی به کار مون میادش  و چطور جلوی  (render) رندرای بی‌موردشو بگیریم؟ 

آقا  useEffect مثل یه دستیار باهوشه که می‌گه : «هی، اگه بخوای یه کار جانبی (side effect) تو کامپوننتت انجام بدی، من اینجام!» ✌🏻🌹

این کارای جانبی چی‌ان؟  دریافت داده از API
تغییر چیزی تو DOM (مثلاً تغییر title صفحه) 
تنظیم تایمر یا interval (مثلاً یه تایمر شمارش معکوس) 
اشتراک (subscribe) به یه سرویس (مثلاً WebSocket)

به عبارتی، هر چیزی که بخوای «خارج از رندر معمولی» کامپوننت انجام بدی، useEffect جای اونه!

مثال:

  useEffect(() => {
  fetch('https://api.example.com/users')
    .then(res => res.json())
    .then(data => setUsers(data));
})


مشکل کجاست؟😅🤏🏻

اگه حواست نباشه، useEffect هی رندر می‌کنه و اپ‌تو کند می‌کنه! 

راه‌حل: چطور جلوی رندر بی‌مورد رو بگیریم؟

اولی و اصلیش اینه که Dependency Array رو درست کن!


💥 همیشه یه آرایه به عنوان آرگومان دوم useEffect بده. این آرایه می‌گه useEffect کی باید اجرا بشه:

▫ [] → فقط یه بار موقع mount کامپوننت اجرا می‌شه (مثل componentDidMount).

▫ خالی نباشه یعنی  [variable] → هر وقت متغیر داخل آرایه تغییر کنه، useEffect اجرا می‌شه. 

▫ بدون آرایه → هر بار رندر، useEffect اجرا می‌شه (خطرناکه!).


⛔⛔⛔ پس کد بالا اصلا بهینه نیستش !!!


useEffect(() => {
  fetch('https://api.example.com/users')
    .then(res => res.json())
    .then(data => setUsers(data));
},[])


این درستشه ⚡


یه سوال خفن دیگه!

اومدن تو مصاحبه گفتن: «اگه بخوای useEffect فقط یه بار موقع لود کامپوننت اجرا بشه، چی کار می‌کنی؟»
جواب: یه آرایه خالی ([]) می‌ذاری!


سیو کن این پستو! اگه این سبک سوال و جواب به دلت نشست، یه 🔥 بذار و بگو بعدی چی باشه!   

🌐devsub.ir
@developersubtitle

هوک جدید Next.js که میتونه چند لول UX اپ شمارو بهتر کنه.

اسمش useLinkStatus هست و میاد و وضعیت لودینگ کامپوننت Link والدش رو مشخص میکنه و اگر درحال لودینگ بود pending رو true بر میگردونه.

به این صورت دغدغه بزرگ لودینگ پیج ها حل میشه و متونیم به راحتی در UI به کاربر نمایشش بدیم.


لینک رفرنس:

https://nextjs.org/docs/app/api-reference/functions/use-link-status



دیگه لازم نیست بیایم اقا یه useState برای لودینگمون بزاریم هر جا داره دیتا میاد true کنیم هر جام دیتا تموم شد فالسش کنیم

موفق باشید 🌹

@developersubtitle

رفقا سلام خوبید
رفقایی که دوره ریکتو تهیه میکنن
با یه لایسنس هم زیرنویس رو دارن هم دوبلرو
دیگه جدا نیست 👍

میتونید تماشا کنید و لذتشو ببرید ❤️

دوستان گلم آماده بشید

به شدت دوره خفنیه بالای ۲۰ ساعت

هیچ دوره ای در ایران وجود نداره که بتونه ماشین لرنینگو اینطوری تدریس کنه قطعا اون هایی که تخصص دارن تو این زمینه از این منابع + زبان انگلیسی استفاده کردند

حالا شما فکر. این رو کنید این دوره با ترجمه تخصصی و دوبله تخصصی

و از همه مهم تر رایگان بیاد بیرون


به شدت به حمایتتون نیازمندیم و با انرژی دادنتون انگیزه ی بیشتری به ما میدید برای ترجمه ی این دوره ها و حتی رایگان کردنشون ❤️

Ai دیگه الان داره روز به روز
قوی تر میشه ... خداییش به عنوان یه فرانت اند کار یا بک اند کار با cursor کار کردید؟؟

طرف console.log نمیدونه چیه داره سایت میاره بالا باهاش ادعاشم میشه من فرانت کارم!!!

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

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

به خاطر همین تصمیم گرفتم باهم دیگه بریم تو فاز هوش مصنوعی کنار فعالیت اصلیمون

چون قطعا اینده نیازمون میشه ...


پایتون رو رایگان دادم بیرون برای شروع این مسیر ولی بنظرم اصلا حمایت نشدم

دیگه تو این دوره نا امیدمون نکنید❤️

خب ترجمه بخش اولش آمادس

اگر برای دوره ی هوش مصنوعی آماده اید

و دوست دارید ماشین لرنینگو رایگان یاد بگیرید

لطفا به این پیام ریکشن بدید ببینم چقدر مشتاقید تا من زودتر دراختارتون قرارش بدم 🔥

بالای ۳۰۰ تا آتیش بیاد بخش اولو میزارم

چقدر خوووب
یعنی واقعا تعداد کسانی که دلشون میخواد هوش مصنوعی و رایگان اونم دوره کورسرا بهترین دوره دنیا ...
یاد بگیرن ۳۰۰ تا هم نمیشن ؟🥴

خب بریم برای بخش اول

صبور باشید ❤️

الان فصل میانترم و اراعه درسی برای دانشجوهاست

https://www.kimi.com/kimiplus/slides

این هوش مصنوعی خوراک پاور پوینت درست کردنه

بهش prompt میدی

قالب میاره برات انتخاب میکنی

خیلی حرفه ای پاور پوینتتو تحویل میگیری

موفق باشید

دوستان اکانت هک شده !! اصلا فایلی که فرستادن رو دانلود نکنید

من اومدم فایل پاک کردم ادمینمم ریموو کردم 😂 بعد میگید من خواستم هکتون کنم؟😐😂