آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
155 photos
71 videos
121 files
1.85K links
Download Telegram
🔵 کوییز #React_js

🟣 موضوع : ‏Testing Unit با Jest و React Testing Library

🟢 سوال :

‏کدام تابع React Testing Library از async/await پشتیبانی می‌کند؟

گزینه 1:
getByRole
گزینه 2:
findByRole
گزینه 3:
queryByRole
گزینه 4:
getAllByRole

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

🟢 توضیح :

‏findByRole با Promise کار می‌کند و مناسب تست‌های async است.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

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

🟢 سوال :

‏چه تفاوتی بین this و event.target در داخل شنونده است؟

گزینه 1:
‏this عنصر مرتبط با شنونده است
گزینه 2:
event.target عنصری است که رویداد روی آن شروع شده است
گزینه 3:
‏هر دو یکسان عمل می‌کنند
گزینه 4:
‏هر دو عنصر ریشه سند را نشان می‌دهند

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

🟢 توضیح :

‏this به عنصری است که listener به آن بسته شده، event.target عنصر اولیه رویداد است


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

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

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

🟣 موضوع : ‏ابزار Redux Toolkit

🟢 سوال :

‏کدام گزینه بهترین روش برای سازماندهی فایل‌های Redux Toolkit است؟

گزینه 1:
‏همه فایل‌ها در یک پوشه
گزینه 2:
‏هر slice در پوشه خود
گزینه 3:
‏reducerها در یک پوشه، actions در پوشه دیگر
گزینه 4:
‏فقط یک فایل برای همه چیز

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

🟢 توضیح :

‏بهترین روش این است که هر slice را در پوشه خود قرار دهید تا سازماندهی بهتری داشته باشید.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏API گیت‌هاب و برنامه‌نویسی با آن - بررسی Scopes API گیت‌هاب: دسترسی‌های مختلف API و انتخاب مناسب‌ترین Scope

نکته :

‏بعضی Scopeها خیلی قدرتمندن، مثل delete_repo! 😱 اگه برنامه‌ت قراره مخازن رو حذف کنه، خیلی مواظب باش کجا و چطوری این دسترسی رو میدی. امنیت اولویت اوله. 🚨


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏همکاری با دیگران - سناریوهای استفاده از ادغام مستقیم: چه زمانی می‌توان از بازبینی کد صرف نظر کرد؟

نکته :

‏وقتی داری با یکی دیگه Pair Programming می‌کنی، در واقع بازبینی کد همون لحظه انجام می‌شه. پس بعدش راحت مرج کنید. 🧑‍💻👩‍💻


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

🟣 موضوع : ‏اتصال React به Redux با react-redux

نکته :

‏ردیوسرها باید توابع خالص (Pure Functions) باشن. یعنی فقط استیت و اکشن رو بگیرن و استیت جدید رو برگردونن. بدون هیچ کار اضافه‌ای! 🧼


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏Cache Management در Apollo

🟢 سوال :

‏کدام یک از موارد زیر روشی برای پاکسازی کش Apollo Client است؟

گزینه 1:
cache.restore()
گزینه 2:
cache.reset()
گزینه 3:
cache.clear()
گزینه 4:
cache.evict()

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

🟢 توضیح :

‏cache.reset() کش Apollo Client را پاک می کند و آن را به حالت اولیه برمی گرداند.


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

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

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


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

📦 ارسال به سراسر ایران با پست پیشتاز
💡 نکته #گیت_هاب

🟣 موضوع : ‏امکانات پیشرفته گیت‌هاب - مزایای استفاده از GitHub Packages برای پروژه‌های خصوصی و عمومی

نکته :

‏مدیریت ورژن‌های مختلف پکیج‌هاتون خیلی تمیز و مرتب انجام می‌شه. دیگه خبری از سردرگمی نیست. 🏷️🔢


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏State: مدیریت حالت داخلی کامپوننت

🟢 سوال :

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

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

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

🟢 توضیح :

‏به روزرسانی state باید به روش صحیح و با استفاده از یک تابع (prevState => ({})) باشد تا از مشکلات مربوط به بروزرسانی های ناهمزمان جلوگیری شود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏عیب‌یابی رایج و حل مشکلات در گیت‌هاب - شناسایی فایل‌های بزرگ در مخزن گیت با استفاده از ابزارهای خط فرمان

نکته :

‏قبل از اینکه بری سراغ فایل‌های بزرگ، یه نگاهی به تاریخچه مخزن بنداز. شاید قبلاً هم این مشکل بوده و راه حلی براش پیدا شده. 🧐


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏گیت‌هاب Sponsors و حمایت مالی از پروژه‌ها - نحوه تنظیم و مدیریت سطوح حمایتی مختلف و مزایای مرتبط با هر سطح

نکته :

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


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏گیت‌هاب برای سازمان‌ها و تیم‌ها - پیاده‌سازی استراتژی شاخه‌سازی GitHub Flow برای توسعه سریع و مستمر

نکته :

‏با GitHub Flow، شاخه‌های feature رو زود به زود ادغام کنید تا از تداخل جلوگیری بشه. 🚀


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

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

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


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

📦 ارسال به سراسر ایران با پست پیشتاز
💡 نکته #گیت_هاب

🟣 موضوع : ‏مقدمه‌ای بر گیت‌هاب و اکوسیستم آن - ساخت اپلیکیشن سفارشی گیت‌هاب: اصول اولیه و مفاهیم کلیدی

نکته :

‏ساخت اپلیکیشن سفارشی گیت‌هاب خیلی هیجان‌انگیزه، مثل اینه که یه دستیار هوشمند برای خودت بسازی! 🤖💡


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏عیب‌یابی رایج و حل مشکلات در گیت‌هاب - عدم دسترسی کاربر به مخزن (Repository) و نحوه بررسی و اعطای مجوزها

نکته :

‏اگه ادمینی و میخوای به کسی دسترسی بدی، حواست باشه سطح دسترسی رو درست انتخاب کنی! سطح دسترسی "Read" فقط برای خوندنه، "Write" برای تغییر دادنه. 💡


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏ایجاد المان‌های داینامیک در صفحات وب

🟢 سوال :

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

گزینه 1:
‏استفاده از removeChild و insertBefore
گزینه 2:
replaceChild()
گزینه 3:
replaceWith()
گزینه 4:
outerHTML

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

🟢 توضیح :

‏با تنظیم outerHTML می‌توان یک عنصر را به‌صورت کامل با رشته HTML دلخواه جایگزین کرد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏گیت‌هاب برای سازمان‌ها و تیم‌ها - مدیریت دانش و مستندسازی با استفاده از کد کامنت‌گذاری (Code Commenting): بهترین روش‌ها و استانداردها برای مستندسازی درون کد

نکته :

‏همیشه توضیح بده "چرا" این کد رو نوشتی، نه فقط "چی" کار می‌کنه. 🤔 اینجوری بقیه هم راحت‌تر می‌فهمن قصدت چی بوده!


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #گیت_هاب

🟣 موضوع : ‏مخازن گیت‌هاب (Repositories) - فورک کردن مخزن قبل از حذف: حفظ تاریخچه و کدها

نکته :

‏شاید یه سال دیگه به یه تیکه از اون کد احتیاج پیدا کنی. فورکش کن تا خودِ آینده‌ات ازت تشکر کنه! 😉🔮


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

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

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

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