🔵 کوییز #React_js

🟣 موضوع : ‏Error Boundaries برای مدیریت خطای کامپوننت

🟢 سوال :

‏کدامیک نمی‌تواند Error Boundary باشد؟

گزینه 1:
functional component
گزینه 2:
class component
گزینه 3:
‏کامپوننتی با componentDidCatch
گزینه 4:
‏کامپوننتی که getDerivedStateFromError دارد

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

🟢 توضیح :

‏فانکشن کامپوننت‌ها امکان داشتن متدهای lifecycle مثل componentDidCatch را ندارند


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

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

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

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

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

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

🟢 سوال :

‏کدام یک از گزینه‌های زیر روش صحیح برای به‌روزرسانی state بر اساس state قبلی در React است؟

گزینه 1:
setState(state + 1)‎
گزینه 2:
setState({ value: state.value + 1 })‎
گزینه 3:
setState((prevState) => ({ value: prevState.value + 1 }))‎
گزینه 4:
setState({ this.state.value + 1 })‎

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

🟢 توضیح :

‏هنگام به‌روزرسانی state بر اساس state قبلی، استفاده از یک تابع به `setState` بهترین روش است تا از مشکلات همزمانی جلوگیری شود.


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

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

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

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

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

🟣 موضوع : ‏استفاده از حلقه‌های for، while و do-while

🟢 سوال :

‏کدام حلقه زیر حداقل یک بار اجرا می‌شود حتی اگر شرط false باشد؟

گزینه 1:
for
گزینه 2:
while
گزینه 3:
do-while
گزینه 4:
switch

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

🟢 توضیح :

‏در do-while بلوک کد قبل از بررسی شرط اجرا می‌شود


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

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

آدرس کانال اصلی :
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

🟣 موضوع : ‏طراحی Responsive با Media Queries

🟢 سوال :

‏کدام کتابخانه یا فریم‌ورک CSS برای طراحی responsive به شما کمک می‌کند؟

گزینه 1:
Angular
گزینه 2:
Vue.js
گزینه 3:
Bootstrap
گزینه 4:
React Router

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

🟢 توضیح :

‏Bootstrap یک فریم‌ورک CSS محبوب است که ابزارهای زیادی برای طراحی responsive ارائه می‌دهد، مانند سیستم grid و کامپوننت‌های آماده.


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

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

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

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

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

🟣 موضوع : ‏Advanced Object Destructuring و Spread/Rest Operators

🟢 سوال :

‏هنگام استفاده از object destructuring چگونه می‌توانیم یک کلید را با نام متغیر متفاوت و مقدار پیش‌فرض تعریف کنیم؟

گزینه 1:
const {name: userName = 'Guest'} = user;
گزینه 2:
const {user.name = 'Guest' as userName} = user;
گزینه 3:
const name = user.userName || 'Guest';
گزینه 4:
const user = {name = 'Guest'} = userName;

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

🟢 توضیح :

‏برای تغییر نام کلید name به userName و تعیین مقدار پیش‌فرض 'Guest' از سینتکس {name: userName = 'Guest'} استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏مدیریت Cache و ذخیره‌سازی در مرورگر

🟢 سوال :

‏کدام نوع حافظه کش مرورگر، منابع استاتیک مانند تصاویر و فایل‌های CSS را ذخیره می‌کند؟

گزینه 1:
‏حافظه کش HTTP
گزینه 2:
‏حافظه کش حافظه
گزینه 3:
‏حافظه کش دیسک
گزینه 4:
‏حافظه کش API

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

🟢 توضیح :

‏حافظه کش HTTP بر اساس سربرگ‌های HTTP، منابع استاتیک را ذخیره می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏هدف اصلی استفاده از مموایزیشن چیست؟

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

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

🟢 توضیح :

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


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

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

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

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

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

🟣 موضوع : ‏روش‌های مدیریت زمان‌بندی: setTimeout و setInterval

🟢 سوال :

‏چگونه می توان اجرای یک تابع زمان بندی شده با `setInterval()` را لغو کرد؟

گزینه 1:
‏با استفاده از `clearTimeout()`
گزینه 2:
‏با استفاده از `clearInterval()`
گزینه 3:
‏با تنظیم بازه زمانی به 0
گزینه 4:
‏با حذف تابع

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

🟢 توضیح :

‏برای لغو `setInterval()` از `clearInterval()` استفاده می شود، که شناسه بازگردانده شده توسط `setInterval()` را به عنوان آرگومان می گیرد.


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

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

آدرس کانال اصلی :
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


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

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

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

🟣 موضوع : ‏آشنایی با 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