آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
154 photos
69 videos
121 files
1.84K links
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Eclipse - Navigation

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏روندها و آینده‌ی React.js (Fiber, Server Components)

نکته :

‏Server Components دارن یه انقلاب تو ری‌اکت راه میندازن! دیگه لازم نیست همه چی رو سمت کلاینت رندر کنین! 😎 سرور هم هست!


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

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

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

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

🟣 موضوع : ‏ارسال درخواست GET با fetch در React

نکته :

‏یادت نره درخواست‌های API رو همیشه توی useEffect کامپوننتت بذاری! اینجوری وقتی کامپوننتت آماده شد، داده‌ها رو می‌گیری و همه چی مرتبه. 🚀


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏تاپل‌ها هم مثل لیست‌ها، مجموعه‌ای از داده‌ها هستن، اما یه فرق اساسی دارن: 🔒 تغییرناپذیرن! یعنی بعد از تعریف، دیگه نمیشه آیتمی رو اضافه، حذف یا تغییر داد.

🤔 این محدودیت چه فایده‌ای داره؟ تاپل‌ها سریع‌تر و امن‌تر از لیست‌ها هستن، مخصوصا وقتی داده‌های مهمی داریم که نباید تغییر کنن.

‏مثال: `my_tuple = (1, "hello", 3.14)`

لیست‌ها با `[]` و تاپل‌ها با `()` تعریف میشن.
#پایتون #تاپل #لیست

https://t.me/python7ir
💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - سینتکس function*: نحوه تعریف یک تابع Generator و تفاوت آن با توابع معمولی

نکته :

‏یه مثال باحال: فرض کن داری یه بازی می‌سازی. 🎮 می‌تونی از Generator برای مدیریت مراحل بازی استفاده کنی. هر مرحله یه yield داره و وقتی بازیکن مرحله رو تموم کرد، next() صدا می‌زنی تا مرحله بعد شروع شه!


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

🟢 سوال :

‏برای حل مسئله برج‌های هانوی (Towers of Hanoi)، از چه نوع رویکرد الگوریتمی به طور طبیعی استفاده می‌شود؟

گزینه ۱:
‏الگوریتم حریصانه

گزینه ۲:
‏الگوریتم پویا

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

گزینه ۴:
‏الگوریتم جستجوی اول سطح



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏آینده‌ی React و نقش هوک‌ها در توسعه‌ی مدرن

نکته :

‏نگران پیچیدگی‌های React آینده نباشید! هوک‌ها راه رو برای شما هموار می‌کنن تا بتونید با مفاهیم جدید مثل Concurrent Features (حالت هم‌زمان) راحت‌تر کنار بیایید و تجربه‌های کاربری شگفت‌انگیزی خلق کنید. 🌈


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #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