آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
154 photos
69 videos
121 files
1.84K links
Download Telegram
💡 نکته #React

🟣 موضوع : ‏مدیریت فرم‌ها و رویداد onChange

نکته :

‏فرم‌های کنترل‌شده (Controlled Components) خیلی خوبن! React کنترل کامل روی مقدار ورودی داره و می‌تونی راحت ولیدیشن انجام بدی. 😎


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Eclipse - Overview

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

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

🟢 سوال :

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

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

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

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

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



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏کامپوننت‌های تابعی (Function Components)

🟢 سوال :

‏کدام قلاب (Hook) برای مدیریت state در کامپوننت‌های تابعی استفاده می‌شود؟

گزینه 1:
`componentDidMount`
گزینه 2:
`useState`
گزینه 3:
`render`
گزینه 4:
`setState`

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

🟢 توضیح :

‏`useState` قلابی است که به کامپوننت‌های تابعی اجازه می‌دهد state داشته باشند.


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

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

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

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

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

🟢 سوال :

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

گزینه 1:
jest.coverage
گزینه 2:
npm test
گزینه 3:
jest --coverage
گزینه 4:
react-scripts test-coverage

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

🟢 توضیح :

‏با jest --coverage گزارش پوشش تست تولید می‌شود.


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

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

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

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

🟣 موضوع : ‏مدیریت خطا و نمایش پیام خطا

🟢 سوال :

‏کدام هوک در React برای مدیریت side effects مانند نمایش پیام خطا پس از یک درخواست ناموفق مناسب است؟

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

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

🟢 توضیح :

‏`useEffect` به شما اجازه می‌دهد پس از رندر کامپوننت، عملیات جانبی (مانند نمایش خطا) را انجام دهید.


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

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

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

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

🟣 موضوع : ‏مدیریت خطا (Error Handling) و دیباگینگ (Debugging) - تفاوت بین Error، SyntaxError، TypeError و ReferenceError در جاوا اسکریپت

نکته :

‏یادت باشه، دیباگ کردن بخشی از پروسه‌ی یادگیریه. نترس و ادامه بده! 💪🔥


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

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

🟢 سوال :

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

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

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

گزینه ۳:
‏عدد صحیح (Integer)

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



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

🟢 توضیح :

‏عدد صحیح (Integer) یک نوع داده عددی است که برای نگهداری اعداد صحیح استفاده می‌شود.

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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - مثال‌های کاربردی continue برای نادیده گرفتن مقادیر خاص در پردازش

نکته :

‏یه وقتایی تو حلقه‌های تو در تو (nested loops) گیر می‌کنی و می‌خوای continue حلقه بیرونی رو هم تحت تاثیر قرار بده؟ جاوا اسکریپت با labeled continue این قابلیت رو بهت می‌ده! البته برای موارد خاص‌تره ولی دونستنش ضرر نداره. 🎯


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

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

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

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

🟣 موضوع : ‏کار با داده‌ها - معرفی SessionStorage: ذخیره‌سازی داده‌ها برای یک جلسه مرورگر

نکته :

‏مراقب باش! اطلاعات خیلی حساس رو اینجا نذار. چون سمت کاربره و ممکنه قابل دسترسی باشه. 🚨🔒


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏مفاهیم تست خودکار: نوشتن تست‌های واحد و یکپارچگی

🟢 سوال :

‏تست واحد (Unit Test) چیست؟

گزینه ۱:
‏تستی که کل سیستم نرم‌افزاری را به صورت یکپارچه آزمایش می‌کند

گزینه ۲:
‏تستی که یک بخش کوچک و مجزای کد (مانند یک تابع یا یک کلاس) را به طور مستقل آزمایش می‌کند

گزینه ۳:
‏تستی که تعامل بین چند بخش مختلف از سیستم را بررسی می‌کند

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



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

🟢 توضیح :

‏تست واحد بر آزمایش کوچکترین واحد قابل تست کد تمرکز دارد تا اطمینان حاصل شود که هر بخش به درستی کار می‌کند.

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

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

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

آدرس وبسایت:
https://Tutorial24.ir
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Eclipse - Build Project

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - Event Delegation: مقایسه عملکرد Event Delegation با روش‌های سنتی Event Handling

نکته :

‏وقتی از Event Delegation استفاده می‌کنی، اگه یه المنت جدید به لیستت اضافه کنی، لازم نیست Event Listener جدید بهش بدی! خودش کار میکنه! 😎🚀


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

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

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

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

🟣 موضوع : ‏مقایسه Context API با سایر روش‌های مدیریت وضعیت (Redux, Zustand و ...)

نکته :

‏برای مدیریت وضعیت‌های پیچیده‌تر با Context، می‌تونی useReducer رو کنارش استفاده کنی. یه مینی-Redux برای خودت می‌سازی! 🤩


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏کاربرد توابع بازگشتی در حل مسائل ریاضی: مثال‌های کاربردی

🟢 سوال :

‏برای محاسبه بزرگترین مقسوم‌علیه مشترک (GCD) دو عدد صحیح مثبت، کدام الگوریتم بازگشتی معروف استفاده می‌شود؟

گزینه ۱:
‏الگوریتم اقلیدسی

گزینه ۲:
‏الگوریتم غربال اراتستن

گزینه ۳:
‏الگوریتم ضرب متوالی

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



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

🟢 توضیح :

‏الگوریتم اقلیدسی برای یافتن GCD دو عدد $a$ و $b$ به صورت بازگشتی تعریف می‌شود: اگر $b=0$، GCD برابر $a$ است؛ در غیر این صورت، GCD$(a, b) =$ GCD$(b, a \mod b)$.

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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - استفاده از Snapshot Testing برای مانیتورینگ تغییرات UI و ساختارهای داده

نکته :

‏اگه یهویی دیدی اسنپ‌شات تستت کلی Fail شده، یه نگاه به تغییرات دادی یا نه. شاید یه تغییر بزرگ توی UI دادی که باید دستی تاییدش کنی. 😉


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

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

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

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

🟣 موضوع : ‏Web APIs پیشرفته و کاربردهای فراتر از مرورگر (Web Workers, Service Workers, WebSockets) - رویداد Install: اولین مرحله از چرخه عمر و وظایف اصلی در این مرحله

نکته :

‏رویداد Install خیلی مهمه، پس حواست باشه همه‌چی بی‌نقصه. اگه مشکلی پیش بیاد، Service Worker فعال نمی‌شه و برنامه‌ت ممکنه درست کار نکنه.


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

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

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

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

🟣 موضوع : ‏الگوهای طراحی (Design Patterns) و برنامه‌نویسی تابعی (Functional Programming) در جاوا اسکریپت - مدیریت خطاهای ناهمزمان (Asynchronous Error Handling): مقایسه استفاده از try-catch در رویکرد شیءگرا با رویکرد تابعی با استفاده از Promises و async/await.

نکته :

‏یادت باشه، مدیریت خطاهای ناهمزمان بخشی از هنره، با تمرین بیشتر، استاد این بازی می‌شی! 🎨


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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - اثر let و const بر روی Loopها (for, for...of) و مدیریت متغیرها

نکته :

‏اگه یه چیزی قراره تغییر نکنه (مثل یه عدد ثابت یا یه مسیر)، با const تعریفش کن. این یه جور محافظت از داده‌هاته! 🛡️


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

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

🟢 سوال :

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

گزینه ۱:
‏استفاده از متغیرهای سراسری

گزینه ۲:
‏استفاده از توابع و کلاس‌ها

گزینه ۳:
‏استفاده از حلقه‌های بی‌نهایت

گزینه ۴:
‏نادیده گرفتن ساختار کد



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

🟢 توضیح :

‏استفاده از توابع و کلاس‌ها یک تکنیک برای سازماندهی کد در یک برنامه است.

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

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

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

آدرس وبسایت:
https://Tutorial24.ir
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 آموزش گیت (Git) - مقدمه

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

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

🟣 آموزش گیت (Git)

🟢 زبان آموزش: فارسی


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

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

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

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