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

🟣 موضوع : ‏آشنایی با Fetch API به عنوان جایگزین XMLHttpRequest

🟢 سوال :

‏برای قطع درخواست fetch می‌توان از چه چیزی استفاده کرد؟

گزینه 1:
CancelToken
گزینه 2:
AbortController
گزینه 3:
Timeout
گزینه 4:
ClearFetch

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

🟢 توضیح :

‏می‌توان با استفاده از AbortController و ارسال signal درخواست را قطع کرد.


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

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

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

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

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

🟣 موضوع : ‏کار با Test Runnerها و ابزارهای تست end-to-end

🟢 سوال :

‏هدف اصلی از اجرای تست‌های end-to-end چیست؟

گزینه ۱:
‏تست منطق توابع جداگانه

گزینه ۲:
‏تست یکپارچگی بین ماژول‌های مختلف

گزینه ۳:
‏تست کل جریان کاربر از دیدگاه کاربر نهایی

گزینه ۴:
‏تست عملکرد کد

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

🟢 توضیح :

‏تست‌های end-to-end اطمینان حاصل می‌کنند که کل برنامه به درستی کار می‌کند.

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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Context API برای مدیریت وضعیت سراسری

🟢 سوال :

‏کدام هوک برای دسترسی به مقدار context در یک کامپوننت تابعی استفاده می‌شود؟

گزینه 1:
useState
گزینه 2:
useContext
گزینه 3:
useEffect
گزینه 4:
useReducer

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

🟢 توضیح :

‏هوک useContext به کامپوننت‌های تابعی اجازه می‌دهد تا مقدار context را مصرف کنند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Props: تعاریف و کاربردها

🟢 سوال :

‏چگونه یک پراپ (Prop) را به یک کامپوننت ارسال می‌کنیم؟

گزینه 1:
‏با استفاده از متد `setState`.
گزینه 2:
‏با استفاده از ویژگی `props`.
گزینه 3:
‏به صورت مستقیم و با استفاده از نام پراپ در تگ کامپوننت.
گزینه 4:
‏با استفاده از `context`.

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

🟢 توضیح :

‏پراپ‌ها (Props) مانند ویژگی‌های HTML به تگ کامپوننت داده می‌شوند، برای مثال: `<MyComponent name="John" />`.


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

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

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

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

‌

🌠✨ بلومبرگ: جانی آیو و OpenAI در حال طراحی حداقل سه محصول سخت‌افزاری هوش مصنوعی!



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



🟣 انواع محصولات در دست توسعه

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



🔴 حدس و گمان‌ها درباره دستگاه سیار

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



🔵 دستگاه خانه هوشمند OpenAI

علاوه بر دستگاه سیار، به نظر می‌رسد OpenAI روی یک دستگاه خانه هوشمند نیز کار می‌کند. این دستگاه ممکن است شبیه به یک اسپیکر هوشمند باشد که روی میز قرار می‌گیرد. در حال حاضر، جزئیات بیشتری درباره کاربردها و قابلیت‌های دقیق این دستگاه خانگی منتشر نشده است.

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

#OpenAI #جانی_آیو #سخت_افزار #هوش_مصنوعی #ChatGPT



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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

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

🟣 موضوع : ‏مبانی React.js: ایجاد کامپوننت‌ها و مدیریت state

🟢 سوال :

‏کدام متد در کامپوننت کلاس React پس از اولین رندر فراخوانی می‌شود؟

گزینه 1:
render()
گزینه 2:
componentWillMount()
گزینه 3:
componentDidMount()
گزینه 4:
useEffect()

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

🟢 توضیح :

‏پس از mount کامپوننت، componentDidMount اجرا می‌شود.


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

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

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

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

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

🟣 موضوع : ‏نقش جاوا اسکریپت در وب مدرن

🟢 سوال :

‏AJAX (Asynchronous JavaScript and XML) چه امکانی را برای وب مدرن فراهم کرده است؟

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

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

🟢 توضیح :

‏AJAX امکان ایجاد برنامه‌های وب پویاتر و با پاسخگویی بهتر را فراهم می‌کند.


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

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

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

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

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

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏کدام رویداد (Event) برای کش کردن فایل های استاتیک در Service Worker استفاده می شود؟

گزینه 1:
`fetch`
گزینه 2:
`install`
گزینه 3:
`activate`
گزینه 4:
`message`

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

🟢 توضیح :

‏رویداد `install` برای کش کردن فایل های استاتیک مانند HTML، CSS و JavaScript در Service Worker استفاده می شود.


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

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

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

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

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

🟣 موضوع : ‏کاربرد Memoization در بهینه‌سازی کد

🟢 سوال :

‏چه زمانی استفاده از Memoization ممکن است منجر به کاهش عملکرد شود؟

گزینه 1:
‏وقتی تابع خالص است و ورودی‌های تکراری زیادی دارد
گزینه 2:
‏وقتی تابع محاسبات بسیار سبکی انجام می‌دهد
گزینه 3:
‏وقتی تابع عوارض جانبی دارد
گزینه 4:
‏وقتی تعداد ورودی‌های منحصر به فرد تابع بسیار زیاد است و Cache به طور مداوم بزرگ می‌شود

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

🟢 توضیح :

‏اگر محاسبات تابع بسیار سبک باشد، سربار بررسی Cache ممکن است از صرفه‌جویی ناشی از Memoization بیشتر باشد. همچنین، اگر تعداد ورودی‌های منحصر به فرد زیاد باشد، Cache می‌تواند به سرعت بزرگ شده و مصرف حافظه را افزایش دهد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با ES6 و ویژگی‌های جدید جاوا اسکریپت

🟢 سوال :

‏کدام یک از ویژگی‌های ES6 یک نحو نحوی (syntactic sugar) بر روی سیستم prototype-based موجود در جاوا اسکریپت برای ایجاد اشیاء فراهم می‌کند؟

گزینه 1:
Object literal enhancement
گزینه 2:
Destructuring assignment
گزینه 3:
Classes
گزینه 4:
Spread syntax

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

🟢 توضیح :

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


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

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

🟣 موضوع : ‏مقدمه‌ای بر Express.js برای توسعه سمت سرور

🟢 سوال :

‏برای دسترسی به بدنه یک درخواست POST در Express.js، به چه middleware ای نیاز است؟

گزینه 1:
`express.static()`
گزینه 2:
`body-parser`
گزینه 3:
`cookie-parser`
گزینه 4:
`morgan`

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

🟢 توضیح :

‏`body-parser` middleware برای تجزیه بدنه درخواست های POST، PUT و PATCH و دسترسی به داده های ارسالی استفاده می شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Tailwind CSS در پروژه‌های React

🟢 سوال :

‏در Tailwind CSS v3 برای تعریف فایل‌هایی که باید برای کلاس‌ها اسکن شوند از کدام تنظیم استفاده می‌شود؟

گزینه 1:
purge
گزینه 2:
content
گزینه 3:
scan
گزینه 4:
extract

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

🟢 توضیح :

‏در نسخه ۳ به جای purge از تنظیم content برای مشخص کردن مسیر فایل‌ها استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Hook پیشرفته: `useMemo`

🟢 سوال :

‏چه چیزی در آرایه وابستگی useMemo باید قرار بگیرد؟

گزینه 1:
‏تابعی که نتیجه را تولید می‌کند
گزینه 2:
‏مقادیر تغییرپذیر که تریگر محاسبه مجددند
گزینه 3:
‏خود مقدار memo شده
گزینه 4:
‏کامپوننت‌های فرزند

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

🟢 توضیح :

‏تنها مقادیری که در تولید نتیجه استفاده می‌شوند باید در deps لیست شوند


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تحلیل Bundle با webpack Bundle Analyzer

🟢 سوال :

‏آنالیزور Webpack Bundle Analyzer چه چیزی را نشان می دهد؟

گزینه 1:
‏اندازه فایل های JSX
گزینه 2:
‏اندازه فونت ها
گزینه 3:
‏اندازه بسته ها و ماژول ها
گزینه 4:
‏اندازه تصاویر

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

🟢 توضیح :

‏Webpack Bundle Analyzer یک تجسم درختی از اندازه خروجی بسته webpack را نشان می دهد و به شما کمک می کند تا دریابید که کدام ماژول ها بزرگترین هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏آدرس‌دهی تصاویر و Assetها

🟢 سوال :

‏کدامیک از موارد زیر بهترین روش برای مدیریت assets در یک پروژه React بزرگ است؟

گزینه 1:
‏قرار دادن همه assets در پوشه `public`.
گزینه 2:
‏استفاده از یک سیستم مدیریت asset مانند Webpack.
گزینه 3:
‏بارگیری همه assets از CDN.
گزینه 4:
‏ذخیره همه assets در یک دیتابیس.

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

🟢 توضیح :

‏Webpack و ابزارهای مشابه، مدیریت assets را بهینه‌سازی کرده و build را ساده می‌کنند.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

🔵 کوییز #React_js

🟣 موضوع : ‏SWR برای استراتژی‌های Fetch پیشرفته

🟢 سوال :

‏برای به‌روزرسانی خوشبینانه داده‌ها در SWR از کدام متد استفاده می‌شود؟

گزینه 1:
mutate
گزینه 2:
revalidate
گزینه 3:
refresh
گزینه 4:
revalidateOnFocus

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

🟢 توضیح :

‏mutate برای به‌روزرسانی خوشبینانه داده‌ها استفاده می‌شود


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

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

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

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

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

🟣 موضوع : ‏کار با Object.create و Object.assign

🟢 سوال :

‏کدام متد برای کپی کردن خصوصیات از یک یا چند شی منبع به یک شی هدف استفاده می شود؟

گزینه 1:
`Object.create()`
گزینه 2:
`Object.copy()`
گزینه 3:
`Object.assign()`
گزینه 4:
`Object.clone()`

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

🟢 توضیح :

‏`Object.assign()` خصوصیات را از یک یا چند شی منبع به یک شی هدف کپی می کند.


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

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

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

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