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

🟣 موضوع : ‏توابع در جاوا اسکریپت - ثابت کردن this با متد bind(): ایجاد یک تابع جدید با Context ثابت

نکته :

‏یه نکته طلایی! bind() هیچوقت تابع اصلی رو تغییر نمیده، بلکه یه تابع جدید با this ثابت برات برمی‌گردونه. حواست باشه!


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

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

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

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

🟣 موضوع : ‏آشنایی با اصول دیباگینگ در محیط‌های IDE: نکات و تکنیک‌های برتر

🟢 سوال :

‏در حین دیباگینگ، پنجره "Watch" یا "Variables" در IDE چه اطلاعاتی را نمایش می‌دهد؟

گزینه ۱:
‏لیست تمام فایل‌های پروژه

گزینه ۲:
‏خروجی کنسول برنامه

گزینه ۳:
‏مقدار فعلی متغیرها و اشیاء در حافظه

گزینه ۴:
‏نمودار استفاده از CPU و حافظه



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

🟢 توضیح :

‏پنجره‌های "Watch" یا "Variables" در طول دیباگینگ، مقدار فعلی متغیرها و اشیاء موجود در حافظه برنامه را نشان می‌دهند. این به شما کمک می‌کند تا تغییرات مقادیر را در طول اجرای برنامه دنبال کنید.

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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - حلقه for...of: تکرار بر روی رشته‌ها و دسترسی به کاراکترها

نکته :

‏یادت باشه for...of فقط برای رشته‌ها نیست، برای آرایه‌ها و خیلی چیزهای دیگه هم کار میکنه! یه ابزار همه کاره‌اس! 🔥


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

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

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

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

🟣 موضوع : ‏فرامین کنترل‌نشده (Uncontrolled Components)

🟢 سوال :

‏در یک کامپوننت کنترل‌نشده، چه کسی مسئول به‌روزرسانی مقدار یک عنصر ورودی است؟

گزینه 1:
React
گزینه 2:
DOM
گزینه 3:
‏کامپوننت والد
گزینه 4:
‏هردو React و DOM

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

🟢 توضیح :

‏در کامپوننت‌های کنترل‌نشده، DOM مسئول به‌روزرسانی مقادیر ورودی است.


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

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

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

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

🟣 موضوع : ‏برنامه‌نویسی شیءگرا (OOP) و Prototype در جاوا اسکریپت - افزودن متدها به prototype برای بهینه‌سازی حافظه و اشتراک‌گذاری رفتار بین نمونه‌ها

نکته :

‏اشتراک‌گذاری متدها با prototype فقط برای حافظه نیست، سرعت رو هم بیشتر می‌کنه! موتور جاوا اسکریپت اینو بهینه کرده. 🚀🔥


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

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

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

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

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

🟢 سوال :

‏پارامتر variables در هوک useQuery چه کاربردی دارد؟

گزینه 1:
‏تعیین هدرهای HTTP
گزینه 2:
‏ارسال داده‌های ورودی برای کوئری
گزینه 3:
‏پیکربندی کش
گزینه 4:
‏مدیریت تاریخ انقضا

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

🟢 توضیح :

‏متغیرهای query در پارامتر variables به سرور ارسال می‌شوند.


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - مدیریت درخواست‌های HTTP در مرورگر و Node.js: Ajax در مرورگر و Node.js HTTP Module

نکته :

‏برای اینکه کارت تو Node.js راحت‌تر بشه، میتونی از کتابخونه‌هایی مثل axios یا node-fetch استفاده کنی. سینتکسشون شبیه fetch مرورگره و کار باهاشون خیلی لذت‌بخشه. 🔥


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
1
🔍 متاکلاس‌ها در پایتون، کلاسِ کلاس‌ها!

🤔 با `type()` میشه یه کلاس رو ساخت. درست شنیدید!

⚙️ متاکلاس‌ها قدرت کنترل ساخت کلاس‌ها رو بهتون میدن. میخواید کلاس‌ها رو قبل از ساخته شدن تغییر بدید؟ متاکلاس‌ها اینجان! 💪

یکم پیشرفته‌ست، ولی دنیای جدیدی از انعطاف‌پذیری رو باز میکنه.

#پایتون #آموزش #برنامه_نویسی

https://t.me/python7ir
1
🛡️ با Fuzz testing باگ‌ها رو شکار کن! 🐛

‏می‌دونی چطور می‌تونی برنامه‌هات رو ضدگلوله کنی؟ با Fuzz testing!

‏Fuzz testing یعنی خوراک دادن ورودی‌های نامعتبر و تصادفی به برنامه، تا ببینی کجاها قاطی می‌کنه! 🤯

‏تو پایتون با ابزارهایی مثل `Atheris` و `python-afl` می‌تونی این کار رو انجام بدی.

‏اینطوری قبل از اینکه هکرها باگ‌ها رو پیدا کنن، خودت پیداشون می‌کنی! 😎
#پایتون #Fuzzing #امنیت

https://t.me/python7ir
🔵 کوییز #React_js

🟣 موضوع : ‏نوشتن مستند کامپوننت با Storybook

🟢 سوال :

‏در فایل MDX برای تعیین تنظیمات پیش‌فرض یک استوری از کدام کامپوننت استفاده می‌شود؟

گزینه 1:
Story
گزینه 2:
Docs
گزینه 3:
Preview
گزینه 4:
Meta

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

🟢 توضیح :

‏کامپوننت Meta برای تنظیم اطلاعات و پیش‌فرض‌های استوری به کار می‌رود.


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

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

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

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

🟣 موضوع : ‏کار با APIها و درخواست‌های شبکه - تبادل داده با فرمت JSON در XMLHttpRequest: ارسال و دریافت داده‌های ساختاریافته

نکته :

‏برای فرستادن داده به API، حواست باشه که حتماً Content-Type رو روی application/json تنظیم کنی! 🤓


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

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

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

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

🟣 موضوع : ‏ابزارهای توسعه و ساخت پروژه - پیکربندی قوانین (Rules) در ESLint: فعال‌سازی، غیرفعال‌سازی و تعیین سطح خطا (error, warn, off)

نکته :

‏error یعنی این قانون باید رعایت بشه وگرنه ESLint ازت ایراد می‌گیره 💥، warn یه جور هشدار می‌ده ⚠️، و off هم که قانون رو کلا غیرفعال می‌کنه 🚫.


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

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

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

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

🟣 موضوع : ‏الگوهای طراحی (Design Patterns) و برنامه‌نویسی تابعی (Functional Programming) در جاوا اسکریپت - توابع مرتبه بالاتر (Higher-Order Functions): تعریف، کاربرد و مثال‌های عملی در جاوا اسکریپت

نکته :

‏توابع مرتبه بالاتر، یعنی توابعی که یا تابع می‌گیرن یا تابع برمی‌گردونن. مثل تابع map که یه آرایه و یه تابع رو می‌گیره و یه آرایه جدید برمی‌گردونه. 😎🔥


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

🟢 سوال :

‏در یک Controlled Component اگر مقدار value به state متصل باشد اما onChange تعریف نشود، چه اتفاقی می‌افتد؟

گزینه 1:
‏ورودی همچنان قابل تایپ است
گزینه 2:
‏ورودی غیرقابل ویرایش (read-only) می‌شود
گزینه 3:
‏React خطا می‌دهد
گزینه 4:
‏مقدار به‌صورت پیش‌فرض undefined خواهد بود

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

🟢 توضیح :

‏بدون onChange مقدار ثابت مانده و input حالت read-only پیدا می‌کند


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏OpenCV رو میشناسی؟ 😎

‏باهاش میتونی تصاویر رو تو پایتون دستکاری کنی!

‏مثل تغییر سایز، برش و کلی کار باحال دیگه! ✂️🖼️

‏یه عالمه آموزش رایگان آنلاین هست، سرچ کن "OpenCV پایتون" و شروع کن!

#پایتون #OpenCV #پردازش_تصویر

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

🟣 موضوع : ‏کار با APIها و درخواست‌های شبکه - تفسیر کدهای وضعیت HTTP (Status Codes) در XMLHttpRequest: دسته‌بندی و اهمیت

نکته :

‏401 Unauthorized و 403 Forbidden فرق دارن! 🔑 401 یعنی باید وارد شی (لاگین کنی)، ولی 403 یعنی حتی اگه وارد هم باشی، اجازه دسترسی به این قسمت رو نداری. 🚫


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏مرتب‌سازی حبابی 🫧 یکی از ساده‌ترین الگوریتم‌های مرتب‌سازیه!

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

‏تکرار این کار لیست رو مرتب می‌کنه. 🧑‍💻

‏ساده‌ست ولی برای لیست‌های بزرگ خیلی کُنده! 🐌

#پایتون #مرتب_سازی #الگوریتم

https://t.me/python7ir
🔵 کوییز #React_js

🟣 موضوع : ‏بهینه‌سازی عملکرد با `PureComponent`

🟢 سوال :

‏چه نوع داده‌هایی معمولاً باعث ایجاد مشکلات با `PureComponent` می‌شوند؟

گزینه 1:
‏رشته‌ها و اعداد.
گزینه 2:
‏آرایه‌ها و اشیاء.
گزینه 3:
‏بولیان‌ها و null.
گزینه 4:
‏توابع.

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

🟢 توضیح :

‏آرایه‌ها و اشیاء به طور معمول به صورت mutable استفاده می‌شوند، که می‌تواند منجر به مشکلات shallow comparison شود.


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

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

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

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