🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت آیکن‌ها با React‑Icons

🟢 سوال :

‏React Icons چیست؟

گزینه 1:
‏یک کتابخانه UI
گزینه 2:
‏یک کتابخانه مدیریت state
گزینه 3:
‏یک کتابخانه آیکون
گزینه 4:
‏یک فریم‌ورک CSS

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

🟢 توضیح :

‏React Icons مجموعه‌ای از کامپوننت‌های React است که آیکون‌های محبوب را در دسترس قرار می‌دهد.


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

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

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

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

🔵 کوییز #HTML

🟣 موضوع : ‏استفاده از تگ noscript

🟢 سوال :

‏آیا می‌توان اسکریپت‌ها را درون تگ <noscript> قرار داد؟

گزینه ۱:
‏بله، اسکریپت‌های جایگزین برای زمانی که جاوااسکریپت فعال نیست

گزینه ۲:
‏خیر، تگ <noscript> برای نمایش محتوای جایگزین *بدون* استفاده از جاوااسکریپت طراحی شده است

گزینه ۳:
‏فقط اسکریپت‌های بسیار ساده مجاز هستند

گزینه ۴:
‏بستگی به نوع مرورگر دارد



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

🟢 توضیح :

‏خیر، قرار دادن اسکریپت‌ها درون تگ <noscript> منطقی نیست، زیرا هدف این تگ ارائه محتوای جایگزین در شرایطی است که جاوااسکریپت کار نمی‌کند.

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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏معماری Single Page Application (SPA)

🟢 سوال :

‏برای مدیریت وضعیت سراسری در SPA React معمولاً از چه کتابخانه‌ای استفاده می‌شود؟

گزینه 1:
Redux
گزینه 2:
React Router
گزینه 3:
Lodash
گزینه 4:
Tailwind CSS

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

🟢 توضیح :

‏Redux یک کتابخانه‌ی محبوب برای مدیریت وضعیت (State) در سطح برنامه است.


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

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

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

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

💡 نکته #React_js

🟣 موضوع : ‏به‌روزرسانی به نسخه‌ی بعدی React: ملاحظات و تغییرات

✨ نکته :

‏بعد از آپگرید، اپلیکیشن رو اجرا کن و کنسول مرورگر رو با دقت چک کن. خود ری‌اکت معمولاً در مورد API-های منسوخ شده بهت هشدار می‌ده. 🕵️‍♂️⚠️


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

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

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

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

‏پایتون فقط برای دیتا و هوش مصنوعی نیست! 🐍

‏با Django و Flask می‌تونی وب‌سایت‌های حرفه‌ای و اپلیکیشن‌های تحت وب بسازی.

‏Django یه فریم‌ورک فول استک و Flask یه میکرو فریم‌ورک سبکه. انتخاب با توئه! 😉

‏می‌خوای وب دولوپر بشی؟ پایتون یه انتخاب عالیه! 🚀
‏#پایتون #وب #Django #Flask

https://t.me/python7ir

🔵 کوییز #HTML

🟣 موضوع : ‏پیاده‌سازی lazy loading در HTML

🟢 سوال :

‏آیا می‌توان از ویژگی `loading="lazy"` برای تگ‌های دیگری به جز `<img>` نیز استفاده کرد؟

گزینه ۱:
‏فقط برای تگ‌های `<video>`

گزینه ۲:
‏فقط برای تگ‌های `<iframe>`

گزینه ۳:
‏بله، برای تگ‌های `<img>` و `<iframe>`

گزینه ۴:
‏خیر، فقط برای تگ `<img>` قابل استفاده است



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

🟢 توضیح :

‏در حال حاضر، ویژگی `loading="lazy"` به طور گسترده برای تگ‌های `<img>` (تصاویر) و `<iframe>` (محتوای جاسازی شده) پشتیبانی می‌شود.

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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏ویژگی Suspense for Data Fetching (آزمایشی)

🟢 سوال :

‏برای استفاده از Suspense نیاز داریم از چه هوک جدیدی برای تعویق رندر استفاده کنیم؟

گزینه 1:
useState
گزینه 2:
useTransition
گزینه 3:
useCallback
گزینه 4:
useEffect

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

🟢 توضیح :

‏useTransition در Concurrent Mode برای کنترل تعویق رندر در Suspense به کار می‌رود.


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

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

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

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

🔵 کوییز #HTML

🟣 موضوع : ‏اصول دسترسی‌پذیری در HTML (ARIA)

🟢 سوال :

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

گزینه ۱:
‏required (ویژگی HTML5)

گزینه ۲:
aria-required="true"

گزینه ۳:
‏aria-invalid="true" (نشان دهنده خطا)

گزینه ۴:
‏aria-describedby (ارائه توضیحات)



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

🟢 توضیح :

‏ویژگی aria-required="true" برای عناصری که باید توسط کاربر پر شوند، استفاده می‌شود و به ابزارهای کمکی اطلاع می‌دهد که این فیلد اجباری است. ویژگی required در HTML5 نیز همین کار را انجام می‌دهد و استفاده از هر دو توصیه می‌شود.

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

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

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

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

🔵 کوییز #HTML

🟣 موضوع : ‏اصول دسترسی‌پذیری در HTML (ARIA)

🟢 سوال :

‏کدام ویژگی ARIA یک برچسب متنی برای یک عنصر ارائه می‌دهد، به ویژه زمانی که برچسب بصری وجود ندارد یا برای ابزارهای کمکی قابل دسترسی نیست؟

گزینه ۱:
aria-describedby

گزینه ۲:
aria-controls

گزینه ۳:
aria-label

گزینه ۴:
aria-owns



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

🟢 توضیح :

‏ویژگی aria-label یک متن جایگزین برای برچسب یک عنصر ارائه می‌دهد. این برای عناصری مانند دکمه‌های آیکون‌دار یا تصاویر بدون متن جایگزین مناسب است.

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

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

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

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

‏🐍 آموزش پایتون: رشته‌ها و ایندکسینگ 🔤

‏رشته‌ها تو پایتون مثل یه صف از کاراکترها هستن. "Hello" یه رشته‌ست!

‏برای دسترسی به هر حرف، از ایندکس استفاده کن. ایندکس از 0 شروع میشه!

```python
name = "Python"
‏print(name[0]) # خروجی: P
‏print(name[1]) # خروجی: y
```

‏حواست باشه ایندکس بیرون از محدوده رشته خطا میده! 😉

https://t.me/python7ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏الگوهای طراحی (Design Patterns) و برنامه‌نویسی تابعی (Functional Programming) در جاوا اسکریپت - نقش الگوهای ایجادی در تست‌پذیری و maintainability کد جاوا اسکریپت

✨ نکته :

‏برای اینکه کدت قابل نگهداری باشه، الگوهای ایجادی مثل یه دوست صمیمی بهت کمک می‌کنن. راحت می‌تونی هر وقت خواستی تغییرشون بدی! 💪💡


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

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

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

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

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

🟣 موضوع : ‏تعاریف مربوط به چرخه عمر توسعه نرم‌افزار: مراحل تحلیل، طراحی، پیاده‌سازی و تست

🟢 سوال :

‏کدام مرحله از SDLC ممکن است شامل تست واحد (unit testing)، تست یکپارچگی (integration testing) و تست سیستم (system testing) باشد؟

گزینه ۱:
‏تحلیل (Analysis)

گزینه ۲:
‏طراحی (Design)

گزینه ۳:
‏تست (Testing)

گزینه ۴:
‏استقرار (Deployment)



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

🟢 توضیح :

‏مرحله تست (Testing) شامل انواع مختلف تست است که در سطوح مختلف انجام می‌شوند تا از عملکرد صحیح اجزای نرم‌افزار و کل سیستم اطمینان حاصل شود.

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

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

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

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

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

🟣 موضوع : ‏مفاهیم متغیرها و انواع داده‌ها: تعریف، نوع‌های عددی، متنی و منطقی

🟢 سوال :

‏کدام یک از موارد زیر یک نوع داده متنی است؟

گزینه ۱:
‏عدد اعشاری (Float)

گزینه ۲:
‏رشته (String)

گزینه ۳:
‏بولی (Boolean)

گزینه ۴:
‏آرایه (Array)



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

🟢 توضیح :

‏رشته (String) یک نوع داده متنی است که برای نگهداری دنباله‌ای از کاراکترها استفاده می‌شود.

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

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

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

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

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

🟣 موضوع : ‏کار با محیط‌های توسعه تست محور (TDD): مفهوم و چگونگی پیاده‌سازی

🟢 سوال :

‏هدف از مرحله "بازسازی" (Refactor) در چرخه TDD چیست؟

گزینه ۱:
‏نوشتن تست‌های جدید برای ویژگی‌های اضافه شده

گزینه ۲:
‏بهبود ساختار و خوانایی کد بدون تغییر رفتار آن

گزینه ۳:
‏رفع تمام باگ‌های موجود در کد

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



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

🟢 توضیح :

‏مرحله "بازسازی" پس از پاس شدن تست‌ها انجام می‌شود. هدف در این مرحله بهبود کیفیت داخلی کد، مانند خوانایی، ساختار و کاهش تکرار، بدون تغییر رفتار قابل مشاهده آن است.

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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏برای اجرای یک تابع فقط در زمان mount و unmount چه تنظیمی باید در useEffect انجام داد؟

گزینه 1:
‏آرایه وابستگی [true]
گزینه 2:
‏هیچ آرایه‌ای قرار ندهیم
گزینه 3:
‏آرایه وابستگی خالی و بازگرداندن تابع cleanup
گزینه 4:
‏استفاده از useLayoutEffect

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

🟢 توضیح :

‏آرایه خالی باعث اجرای هنگام mount و تابع cleanup باعث اجرا در زمان unmount می‌شود.


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

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

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

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

💡 نکته #React

🟣 موضوع : ‏کاربردهای متداول Custom Hooks

✨ نکته :

‏از Custom Hook برای اعتبار سنجی فرم‌ها استفاده کن! خیلی سریع و ساده می‌تونی اعتبار سنجی‌های پیچیده رو انجام بدی. ✅📝🔥


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

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

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

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

🔵 Eclipse - Create Java Interface

🟢 کیفیت : متوسط

🔴 توجه کنید این ویدیو با کیفیت متوسط می باشد. طی روزهای آینده نسخه های متفاوت با کیفیت بالاتر یا کم حجم تر از این نسخه در کانال قرار داده خواهد شد.

🟣 Eclipse

🟢 زبان آموزش: انگلیسی

🟣 دوره آموزش Eclipse


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

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

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

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

💡 نکته #React_js

🟣 موضوع : ‏ساختار یک پروژه‌ی React با Create React App

✨ نکته :

‏از useEffect برای انجام کارهای جانبی مثل فراخوانی API استفاده کن. 🎣


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

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

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

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

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏کار با داده‌ها - مدیریت صحیح سشن‌ها و توکن‌های احراز هویت (JWT, API Keys) برای دسترسی امن به منابع پایگاه داده

✨ نکته :

‏یه راهی برای باطل کردن توکن‌ها داشته باش. مثلاً وقتی کاربر رمزشو عوض می‌کنه، باید بتونی توکن‌های فعالش رو غیرفعال کنی. یه لیست سیاه (blacklist) خیلی کمک می‌کنه. 📋✔️


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

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

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

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