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

🟣 موضوع : ‏تعامل با DOM: انتخاب و دستکاری المنت‌ها

🟢 سوال :

‏برای دسترسی به محتوای متنی یک عنصر از چه ویژگی استفاده می‌شود؟

گزینه 1:
innerHTML
گزینه 2:
innerText
گزینه 3:
textContent
گزینه 4:
value

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

🟢 توضیح :

‏textContent فقط متن خام عنصر را برمی‌گرداند


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

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

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

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

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

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

🟢 سوال :

‏Object.assign هنگام کپی کردن properties با کلید symbol چه می‌کند؟

گزینه 1:
‏هیچ یک را کپی نمی‌کند
گزینه 2:
‏نمادها (symbol) را نیز مانند ویژگی‌های string کپی می‌کند
گزینه 3:
‏فقط نمادهای قابل‌شمارش را کپی می‌کند
گزینه 4:
‏نمادها را به صورت descriptor منتقل می‌کند

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

🟢 توضیح :

‏Object.assign تمام ویژگی‌های own از جمله symbolها را کپی می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏پیاده‌سازی آزمون خودکار (Automated Testing)

🟢 سوال :

‏کدام متد برای مقایسه snapshot در Jest استفاده می‌شود؟

گزینه 1:
getByText
گزینه 2:
toMatchSnapshot
گزینه 3:
simulate
گزینه 4:
find

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

🟢 توضیح :

‏عبارت toMatchSnapshot خروجی فعلی را با snapshot ذخیره‌شده مقایسه می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Redirect و Navigate در React Router

🟢 سوال :

‏برای انتقال state همراه با ریدایرکت برنامه‌ریزی‌شده با useNavigate از چه نحوی استفاده می‌شود؟

گزینه 1:
history.push("/path", { from: "login" })
گزینه 2:
<Navigate to="/path" state={{ from: "login" }} />
گزینه 3:
window.location.href = "/path?from=login"
گزینه 4:
useNavigate("/path", { state: { from: "login" } })

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

🟢 توضیح :

‏در useNavigate می‌توان state را به‌عنوان آرگومان دوم ارسال کرد


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی داخلی: CSS Modules

🟢 سوال :

‏کدام روش برای کامپوز کردن (ترکیب) کلاس‌های CSS Modules صحیح است؟

گزینه 1:
`className={styles.class1 + ' ' + styles.class2}`
گزینه 2:
`className={[styles.class1, styles.class2].join(' ')}`
گزینه 3:
`className={styles.class1 styles.class2}`
گزینه 4:
‏هر دو گزینه 1 و 2 صحیح هستند.

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

🟢 توضیح :

‏هر دو روش `className={styles.class1 + ' ' + styles.class2}` و `className={[styles.class1, styles.class2].join(' ')}` برای ترکیب کلاس‌های CSS Modules صحیح هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت فُرمت‌های تاریخ و زمان با date‑fns

🟢 سوال :

‏کدام تابع برای اضافه کردن یک ماه به یک تاریخ در date-fns استفاده می‌شود؟

گزینه 1:
addMonths
گزینه 2:
add
گزینه 3:
addToDate
گزینه 4:
plusMonths

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

🟢 توضیح :

‏تابع `addMonths` برای اضافه کردن تعداد مشخصی ماه به یک تاریخ استفاده می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏Fetch API جایگزین کدام شیء برای درخواست‌های HTTP است؟

گزینه 1:
`HTMLHttpRequest`
گزینه 2:
`XMLHttpRequest`
گزینه 3:
`SOAPRequest`
گزینه 4:
`RESTRequest`

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

🟢 توضیح :

‏Fetch API نسل جدیدی است که جایگزین XMLHttpRequest برای انجام درخواست‌های HTTP شده است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏اجرای کوئری و Mutation در Apollo

🟢 سوال :

‏کدام گزینه بهترین روش برای مدیریت خطاهای mutation در Apollo Client است؟

گزینه 1:
‏نادیده گرفتن خطاها
گزینه 2:
‏نمایش یک پیغام خطا به کاربر
گزینه 3:
‏ری‌دایرکت کردن کاربر به صفحه دیگر
گزینه 4:
‏تلاش مجدد برای ارسال mutation

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

🟢 توضیح :

‏نمایش پیغام خطا به کاربر بهترین روش برای اطلاع رسانی از وقوع خطا است.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام یک از این موارد دلیل استفاده از `useMemo` نیست؟

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

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

🟢 توضیح :

‏`useMemo` برای ساده کردن کد نیست، بلکه برای بهینه سازی است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Static Site Generation (SSG) با Next.js

🟢 سوال :

‏متد getStaticPaths در صفحات داینامیک برای چیست؟

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

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

🟢 توضیح :

‏getStaticPaths مسیرهای داینامیک را برای تولید صفحات استاتیک مشخص می‌کند.


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

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

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

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

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

🟣 موضوع : ‏کار با ماژول‌های Node.js: fs، path و غیره

🟢 سوال :

‏کدام متد ماژول 'path' برای به دست آوردن دایرکتوری یک مسیر استفاده می‌شود؟

گزینه 1:
dirname
گزینه 2:
basename
گزینه 3:
extname
گزینه 4:
filename

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

🟢 توضیح :

‏متد 'dirname' دایرکتوری یک مسیر را استخراج می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدام یک از موارد زیر اپراتور گسترش (Spread Operator) در ES6 است؟

گزینه 1:
...
گزینه 2:
&&&
گزینه 3:
|||
گزینه 4:
%%%

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

🟢 توضیح :

‏اپراتور گسترش با `...` نشان داده می‌شود و برای گسترش یک آرایه یا شیء در مکان‌های مختلف استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏در React.js وقتی چند المان مجاور را بدون عنصر والد اضافی بازمی‌گردانیم، از چه چیزی استفاده می‌کنیم؟

گزینه 1:
React.Fragment
گزینه 2:
React.Component
گزینه 3:
React.Portal
گزینه 4:
React.StrictMode

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

🟢 توضیح :

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


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

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

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

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

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

🟣 موضوع : ‏ساخت یک سرور ساده با Node.js

🟢 سوال :

‏کدام متد برای خاتمه دادن به پاسخ HTTP در Node.js استفاده می شود؟

گزینه 1:
close()
گزینه 2:
end()
گزینه 3:
finish()
گزینه 4:
terminate()

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

🟢 توضیح :

‏متد end() سیگنال پایان پاسخ را می فرستد و اتصال را می بندد.


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) در مرورگر

🟢 سوال :

‏کدام رویداد زمانی اتفاق می‌افتد که کاربر یک عنصر HTML را کلیک می‌کند؟

گزینه 1:
onmouseover
گزینه 2:
onclick
گزینه 3:
onchange
گزینه 4:
onkeydown

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

🟢 توضیح :

‏رویداد onclick زمانی فعال می‌شود که کاربر یک عنصر HTML را کلیک می‌کند.


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

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

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

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

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

🟣 موضوع : ‏تعریف و تفاوت متغیرها با var، let و const

🟢 سوال :

‏کدام کلیدواژه به شما امکان می دهد یک متغیر با محدوده بلوکی ایجاد کنید که مقدار آن می تواند تغییر کند؟

گزینه 1:
const
گزینه 2:
var
گزینه 3:
let
گزینه 4:
‏هیچکدام

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

🟢 توضیح :

‏`let` متغیری با محدوده بلوکی ایجاد می کند که مقدار آن قابل تغییر است.


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

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

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

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

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

🟣 موضوع : ‏مدیریت درخواست‌ها با XMLHttpRequest

🟢 سوال :

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

گزینه 1:
open
گزینه 2:
get
گزینه 3:
send
گزینه 4:
post

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

🟢 توضیح :

‏متد send برای ارسال درخواست به سرور استفاده می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏برای تغییر سرعت پخش یک انیمیشن CSS در جاوااسکریپت کدام ویژگی را تغییر می‌دهیم؟

گزینه 1:
animationTimingFunction
گزینه 2:
animationIterationCount
گزینه 3:
animationDuration
گزینه 4:
animationDelay

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

🟢 توضیح :

‏خاصیت animationDuration مدت زمان اجرای انیمیشن را تعیین می‌کند.


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

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

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

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

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

🟣 موضوع : ‏تفاوت بین Controlled و Uncontrolled Components

🟢 سوال :

‏آیا می‌توان از ترکیب Controlled و Uncontrolled Components در یک فرم React استفاده کرد؟

گزینه 1:
‏خیر، باید تمام عناصر فرم یا Controlled یا Uncontrolled باشند.
گزینه 2:
‏بله، می‌توان عناصر Controlled و Uncontrolled را در یک فرم ترکیب کرد، اما مدیریت آن‌ها ممکن است پیچیده‌تر شود.
گزینه 3:
‏فقط در صورتی که از Ref برای دسترسی به مقادیر Controlled Components استفاده شود.
گزینه 4:
‏فقط در صورتی که از یک کتابخانه مدیریت فرم third-party استفاده شود.

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

🟢 توضیح :

‏ترکیب Controlled و Uncontrolled Components امکان‌پذیر است اما ممکن است مدیریت و هماهنگی داده‌ها بین آن‌ها را دشوارتر کند.


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

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

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

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