🔵 کوییز #React_js

🟣 موضوع : ‏Hook‌ پایه: `useState`

🟢 سوال :

‏`setState` چه زمانی کامپوننت را دوباره رندر می‌کند؟

گزینه 1:
‏فقط وقتی مقدار state تغییر کند
گزینه 2:
‏همیشه، بدون توجه به تغییر state
گزینه 3:
‏فقط وقتی که یک event رخ دهد
گزینه 4:
‏فقط در فواصل زمانی مشخص

🔵 گزینه صحیح: 1

🟢 توضیح :

‏React برای بهینه‌سازی رندرها، فقط زمانی کامپوننت را دوباره رندر می‌کند که مقدار state تغییر کرده باشد.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏React.Fragment و کوتاه‌شده‌ی آن (`<>…</>`)

🟢 سوال :

‏React.Fragment چیست؟

گزینه 1:
‏یک کامپوننت برای استایل‌دهی
گزینه 2:
‏یک راه برای گروه‌بندی فرزندان بدون افزودن گره اضافی به DOM
گزینه 3:
‏یک تابع برای مدیریت state
گزینه 4:
‏یک هوک برای lifecycle

🔵 گزینه صحیح: 2

🟢 توضیح :

‏React.Fragment به شما اجازه می‌دهد تا لیستی از فرزندان را بدون ایجاد یک گره DOM اضافی برگردانید.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کاربرد روش‌های bind، call و apply

🟢 سوال :

‏خروجی کد زیر چیست؟ const calculator = { add: function(a, b) { return a + b; } }; const result = calculator.add.apply(null, [5, 3]); console.log(result);

گزینه 1:
NaN
گزینه 2:
8
گزینه 3:
'53'
گزینه 4:
‏خطا

🔵 گزینه صحیح: 2

🟢 توضیح :

‏متد apply() تابع add را با مقدار this برابر با null (در این مورد this در تابع add استفاده نمی‌شود) و آرگومان‌های 5 و 3 که در یک آرایه قرار داده شده‌اند، فراخوانی می‌کند. نتیجه جمع (8) در متغیر result ذخیره می‌شود.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏استفاده از Helmet برای بهبود امنیت Express.js

🟢 سوال :

‏Helmet از طریق تنظیم کدام بخش از پاسخ HTTP امنیت را بهبود می‌بخشد؟

گزینه ۱:
Body

گزینه ۲:
Headers

گزینه ۳:
Status Code

گزینه ۴:
Cookies

🔵 گزینه صحیح: 2

🟢 توضیح :

‏Helmet با تنظیم هدرهای HTTP مختلف، از برنامه در برابر حملات محافظت می‌کند.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏آشنایی با ساختار کنترل شرطی (if, else, switch)

🟢 سوال :

‏در قطعه‌کد زیر چه چیزی چاپ می‌شود؟ if(false) console.log('a'); else console.log('b');

گزینه 1:
a
گزینه 2:
‏هیچ خروجی
گزینه 3:
b
گزینه 4:
‏خطا

🔵 گزینه صحیح: 3

🟢 توضیح :

‏با false بودن شرط، بلوک else اجرا و 'b' چاپ می‌شود.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی Mobile‑First در React

🟢 سوال :

‏چگونه می توان از Accessibility در طراحی Mobile-First اطمینان حاصل کرد؟

گزینه 1:
‏افزایش کنتراست رنگ و استفاده از ARIA attributes
گزینه 2:
‏کاهش اندازه فونت
گزینه 3:
‏استفاده از تصاویر زیاد بدون متن جایگزین
گزینه 4:
‏حذف دکمه ها

🔵 گزینه صحیح: 1

🟢 توضیح :

‏افزایش کنتراست رنگ و استفاده از ARIA attributes به افراد دارای معلولیت کمک می کند تا به راحتی از برنامه استفاده کنند.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت خطا و نمایش پیام خطا

🟢 سوال :

‏اگر در کامپوننت React با خطایی مواجه شویم که باعث crash شود، چه راهکاری برای جلوگیری از crash کل برنامه وجود دارد؟

گزینه 1:
‏استفاده از try/catch در تمام توابع
گزینه 2:
‏استفاده از Error Boundaries
گزینه 3:
‏استفاده از `componentDidCatch` در تمام کامپوننت‌ها
گزینه 4:
‏غیر فعال کردن strict mode

🔵 گزینه صحیح: 2

🟢 توضیح :

‏Error Boundaries کامپوننت‌هایی هستند که می‌توانند خطاهای زیر درخت خود را بگیرند و رندر کنند.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏Portals در React

🟢 سوال :

‏با چه تابعی Portal ایجاد می‌شود؟

گزینه 1:
ReactDOM.renderPortal
گزینه 2:
ReactDOM.createPortal
گزینه 3:
React.createPortal
گزینه 4:
ReactDOM.portal

🔵 گزینه صحیح: 2

🟢 توضیح :

‏تابع createPortal از ReactDOM برای رندر عنصر در container دلخواه استفاده می‌شود.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏توابع Arrow در مقابل توابع عادی

🟢 سوال :

‏کدام یک از موارد زیر در مورد استفاده از `this` در توابع Arrow صحیح است؟

گزینه 1:
‏`this` در توابع Arrow به شیء سراسری (`window` در مرورگر) اشاره دارد
گزینه 2:
‏`this` در توابع Arrow پویا است و به نحوه فراخوانی تابع بستگی دارد
گزینه 3:
‏`this` در توابع Arrow مقداری ندارد
گزینه 4:
‏`this` در توابع Arrow از محدوده لغوی خود به ارث می رسد

🔵 گزینه صحیح: 4

🟢 توضیح :

‏توابع Arrow مقدار `this` را از محدوده ای که در آن تعریف شده اند به ارث می برند. به این معنی که `this` داخل تابع Arrow همان `this` خارج از تابع است.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏مفهوم Undefined و Null و تفاوت آن‌ها

🟢 سوال :

‏تفاوت اصلی بین undefined و null در چیست؟

گزینه 1:
‏undefined نشان‌دهنده نوع داده است، در حالی که null یک مقدار است.
گزینه 2:
‏undefined نشان‌دهنده نبود مقدار به دلیل عدم مقداردهی است، در حالی که null نشان‌دهنده نبود عمدی مقدار است.
گزینه 3:
‏null یک شیء است، در حالی که undefined یک مقدار ابتدایی است.
گزینه 4:
‏هیچ تفاوت اساسی بین آن‌ها وجود ندارد و می‌توان به جای یکدیگر استفاده کرد.

🔵 گزینه صحیح: 2

🟢 توضیح :

‏تفاوت کلیدی این است که undefined معمولاً نشان می‌دهد که یک متغیر هنوز مقدار نگرفته است، در حالی که null نشان می‌دهد که یک متغیر به طور عمدی برای نشان دادن نبود مقدار تنظیم شده است.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏برای به‌صورت گام‌به‌گام خروج از تابع (step out) از چه کلیدی استفاده می‌شود؟

گزینه 1:
F10
گزینه 2:
F11
گزینه 3:
F8
گزینه 4:
Shift+F11

🔵 گزینه صحیح: 4

🟢 توضیح :

‏Shift+F11 برای خروج گام‌به‌گام از تابع جاری (step out) استفاده می‌شود.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💳📲 آپدیت جدید و امکانات تازه کارت دبیت Venmo؛ رقیب Cash App در تلاش برای گسترش خدمات

ونمو (Venmo)، پلتفرم پرداخت تحت مالکیت PayPal، به تازگی چند ویژگی جدید برای کارت دبیت خود معرفی کرده و قابلیت پرداخت در فروشگاه‌های معروف مثل TikTok Shop و Uber را گسترش داده است.
مهم‌ترین تغییرات در کارت دبیت Venmo:

قابلیت لمس برای پرداخت (Tap-to-Pay) برای تسهیل تراکنش‌های روزمره

15٪ بازگشت نقدی (Cashback) در خرید از Lyft، مک‌دونالد، Sephora، Walgreens و Walmart

انتقال خودکار پول: امکان برنامه‌ریزی انتقال‌ها و شارژ خودکار کارت در صورت کم شدن موجودی

خریدهای بین‌المللی بدون کارمزد تراکنش‌های ارزی، مناسب برای مسافران خارجی

افزایش امکانات پرداخت:

کاربران حالا می‌توانند با Venmo در برندهایی مثل Domino’s، Instacart، TikTok Shop و Uber پرداخت کنند.
عملکرد مالی:

در حالی که اپ Cash App در سه ماهه اول سال نتوانست به انتظارها برسد و سود ناخالص ۱.۳۸ میلیارد دلاری داشت، Venmo رشد ۲۰ درصدی درآمد نسبت به سال گذشته را گزارش کرده است. حجم کل پرداخت‌ها با ونمو بیش از ۵۰٪ افزایش یافته و تعداد حساب‌های فعال ماهانه ۳۰٪ بیشتر شده است.

البته Zelle هنوز هم سهم بزرگی از بازار پرداخت‌های همتا به همتا در آمریکا را در دست دارد و در ۲۰۲۴ حجم پرداختی بیش از ۱ تریلیون دلار را ثبت کرده است.


#Venmo #CashApp #پرداخت_دیجیتال #فین‌تک #کارت_دبیت #بازگشت_نقدی #پرداخت_آنلاین #TikTokShop #Uber #Zelle


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Zaban7ir

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏الگوریتم: مفهوم، اهمیت و مثال‌های کاربردی

🟢 سوال :

‏کدام یک از موارد زیر یک مثال از الگوریتم است؟

گزینه ۱:
‏طراحی رابط کاربری

گزینه ۲:
‏مرتب‌سازی یک لیست از اعداد

گزینه ۳:
‏مدیریت پایگاه داده

گزینه ۴:
‏طراحی سخت‌افزار



🔵 گزینه صحیح: 2

🟢 توضیح :

‏مرتب‌سازی یک لیست از اعداد یک مثال از الگوریتم است.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏استقرار (Deployment) برنامه‌ی React روی Netlify/Vercel

🟢 سوال :

‏برای فعال شدن خودکار HTTPS روی Netlify چه کاری باید انجام شود؟

گزینه 1:
‏خرید جداگانه گواهی SSL
گزینه 2:
‏اتصال یک دامنه (پیش‌فرض یا سفارشی)
گزینه 3:
‏نصب بسته ssl
گزینه 4:
‏اضافه کردن فایل .ssl در ریشه

🔵 گزینه صحیح: 2

🟢 توضیح :

‏با اتصال دامنه، Netlify به‌صورت خودکار SSL را فعال می‌کند.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🚀 خرید استراتژیک AMD برای رقابت جدی با انویدیا در دنیای سخت‌افزار هوش مصنوعی!

🔍 شرکت بزرگ نیمه‌رسانا AMD اعلام کرد که استارتاپ تخصصی Brium را در حوزه بهینه‌سازی نرم‌افزارهای هوش مصنوعی خریداری کرده است. جزئیات مالی این معامله هنوز منتشر نشده‌اند.

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

🎯 هدف AMD از این خرید، ایجاد یک اکوسیستم باز و قدرتمند نرم‌افزارهای هوش مصنوعی است که به گفته خودش، توسعه‌دهندگان را توانمند کرده و نوآوری را سرعت می‌بخشد.

💡 واقعیت این است که بخش زیادی از نرم‌افزارهای هوش مصنوعی فعلی برای سخت‌افزارهای انویدیا طراحی شده‌اند و AMD با این خرید در تلاش است تا این انحصار را بشکند.

📌 استارتاپ Brium پیش از این در تنها پست وبلاگی خود در نوامبر ۲۰۲۴ نوشته بود:

«کارت‌های گرافیکی AMD مانند سری Instinct عملکرد خوبی دارند، اما بهره‌برداری مؤثر از آن‌ها دشوار است چون اغلب بارهای کاری با ذهنیت انویدیا تنظیم شده‌اند. ما قصد داریم اجرای مدل‌ها را روی طیف وسیعی از معماری‌های سخت‌افزاری ممکن کنیم.»

📊 این چهارمین خرید استراتژیک AMD در دو سال گذشته است؛ خریدهای قبلی:
🔹 Silo AI (جولای ۲۰۲۴)
🔹 Nod.AI (اکتبر ۲۰۲۳)
🔹 Mipsology (آگوست ۲۰۲۳)


#AMD #هوش_مصنوعی #انویدیا #GPU #بریم #AI #توسعه_دهندگان #تراشه #اکوسیستم_باز #TechNews
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Zaban7ir

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : Higher-Order Components (HOC)

🟢 سوال :

‏در استفاده زنجیره‌ای از چند HOC چه نکته‌ای اهمیت دارد؟

گزینه 1:
‏ترتیب استفاده اهمیتی ندارد
گزینه 2:
‏فقط یک HOC می‌توان اعمال کرد
گزینه 3:
‏props در HOCها override نمی‌شوند
گزینه 4:
‏ترتیب فراخوانی HOCها در نتیجه نهایی تاثیر دارد

🔵 گزینه صحیح: 4

🟢 توضیح :

‏ترتیب اعمال HOCها مهم است زیرا هر HOC ممکن است props یا رفتار را تغییر دهد.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

‌

✨✨ خبر هیجان‌انگیز برای ایرپادها: کنترل دوربین و تشخیص خواب در راه است!



🌿🌿 هفته آینده، دوشنبه، کنفرانس جهانی توسعه‌دهندگان اپل (WWDC25) آغاز می‌شود و طبق گزارش‌ها، اپل قرار است قابلیت‌های جدید و جذابی برای ایرپاد معرفی کند. انتظار می‌رود دو ویژگی مهم: توقف خودکار موسیقی هنگام خواب و کنترل دوربین از راه دور به ایرپاد اضافه شود.



🟣 خواب شیرین با توقف هوشمند موسیقی:

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


🔴 ایرپاد شما، شاتر دوربین شما!

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


🔵 این قابلیت‌های جدید، ایرپاد را از یک دستگاه صوتی صرف فراتر برده و آن را به ابزاری هوشمندتر و کاربردی‌تر در اکوسیستم اپل تبدیل می‌کنند. منتظر جزئیات بیشتر در WWDC25 باشید!

#ایرپاد #اپل #WWDC25 #قابلیت_جدید #کنترل_دوربین

ــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی:
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت Theme داینامیک

🟢 سوال :

‏چگونه می توان یک دکمه تغییر تم (theme toggle button) ایجاد کرد؟

گزینه 1:
‏با استفاده از یک فرم HTML
گزینه 2:
‏با استفاده از یک لینک
گزینه 3:
‏با استفاده از یک دکمه و تغییر state مربوط به تم
گزینه 4:
‏با استفاده از یک تصویر

🔵 گزینه صحیح: 3

🟢 توضیح :

‏با تغییر state، کامپوننت رندر مجدد شده و تم تغییر می‌کند.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

‌

✨✨ هشدار "پدرخوانده هوش مصنوعی": سیستم‌های هوش مصنوعی به سمت فریب‌کاری استراتژیک می‌روند!

۰

🌿🌿 «یوشوا بنجیو»، یکی از برجسته‌ترین پیشگامان حوزه هوش مصنوعی و برنده جایزه تورینگ، زنگ خطر را به صدا درآورده است! او نسبت به روند فعلی توسعه این فناوری عمیقاً نگران است و آن را "مسابقه‌ای رقابتی" توصیف می‌کند که در آن، تلاش برای ساخت سیستم‌های قدرتمندتر، مسائل اخلاقی و ایمنی را به حاشیه رانده است.



🟣 چشم‌پوشی از رفتارهای خطرناک:

بنجیو در گفت‌وگو با فایننشال تایمز تأکید کرده که بسیاری از آزمایشگاه‌های بزرگ هوش مصنوعی، مانند والدینی عمل می‌کنند که رفتارهای خطرناک فرزند خود را نادیده می‌گیرند و با بی‌خیالی می‌گویند: "نگران نباش، اتفاقی نخواهد افتاد." به گفته او، این بی‌توجهی می‌تواند منجر به شکل‌گیری ویژگی‌های خطرناک در سیستم‌های هوش مصنوعی شود.



🔴 فریب‌کاری استراتژیک، نه صرفاً خطا یا سوگیری:

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


#هوش_مصنوعی #اخلاق_هوش_مصنوعی #یوشوا_بنجیو #امنیت_AI #فناوری_های_مخرب

ــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی:
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #React_js

🟣 موضوع : ‏بین‌المللی‌سازی (i18n) با react‑i18next

🟢 سوال :

‏برای دسترسی به تمام منابع ترجمه‌شده از کدام property در شی i18n استفاده می‌کنیم؟

گزینه 1:
options
گزینه 2:
store
گزینه 3:
getResource
گزینه 4:
services

🔵 گزینه صحیح: 2

🟢 توضیح :

‏تمام منابع ترجمه‌شده در i18n.store قرار دارد.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir