آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
154 photos
68 videos
121 files
1.84K links
Download Telegram
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
💡 خروجی گرفتن تو پایتون خیلی ساده‌ست!

‏با `print()` هر چیزی رو که بخوای نشون میدی. مثلاً:

‏`print("سلام دنیا!")` 🌍

‏اما صبر کن! میشه خوشگل‌ترش هم کرد:

‏`name = "علی"`
‏`print(f"اسم من {name} هست.")`

‏اینجوری متغیرها رو مستقیم تو متن میذاری! 😎
#پایتون #آموزش

https://t.me/python7ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

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

🟢 سوال :

‏هنگام نوشتن تست واحد، تمرکز اصلی باید بر روی چه چیزی باشد؟

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

گزینه ۲:
‏آزمایش تعامل با پایگاه داده و سرویس‌های خارجی

گزینه ۳:
‏آزمایش منطق داخلی یک واحد کد به صورت مجزا

گزینه ۴:
‏آزمایش عملکرد رابط کاربری



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

🟢 توضیح :

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

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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏Iterator چیه و چجوری میشه یه دونه‌شو خودمون بسازیم؟ 🤔

‏فرض کن یه جعبه داری پر از وسیله. Iterator یه جور "اشاره‌گر"ه که بهت کمک میکنه دونه دونه وسیله‌ها رو برداری بدون اینکه کل جعبه رو بهم بریزی! 📦

‏تو پایتون، هر چیزی که `__iter__` و `__next__` داشته باشه، Iterator محسوب میشه. با یه کلاس ساده میتونی Iterator مخصوص خودتو بسازی و روال پیمایش داده‌هات رو کنترل کنی.
#پایتون #آموزش #Iterator

https://t.me/python7ir
💡 نکته #React

🟣 موضوع : ‏useLayoutEffect – تفاوت با useEffect

نکته :

‏خلاصه و خودمونی: برای ظاهر و جلوگیری از پرش تصویر useLayoutEffect، برای هر چیز دیگه‌ای useEffect. همین! 😎✌️


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

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

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

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

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

نکته :

‏توی سایت خود react-icons می‌تونی اسم هر آیکنی رو که می‌خوای جستجو کنی و سریع بفهمی از کجا باید واردش کنی. یه گنج واقعیه! 🗺️


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

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

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

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

🟣 موضوع : ‏مدیریت خطا (Error Handling) و دیباگینگ (Debugging) - استفاده از ابزارهای تحلیل استاتیک (Static Analysis) و لینتینگ (Linting) مانند ESLint برای کیفیت کد و تشخیص زودهنگام مشکلات

نکته :

‏حتماً افزونه ESLint رو روی ادیتورت (مثلاً VS Code) نصب کن. اینجوری قبل از اینکه کد رو اجرا کنی، خطاها رو زیرشون خط می‌کشه! 🚀💡


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

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

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

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

🟣 موضوع : ‏بهینه‌سازی در اپلیکیشن‌های React با SSR یا SSG (مثلاً با Next.js)

نکته :

‏واسه SEO و ایندکس شدن سایتت تو گوگل، SSR یه نعمته!😇 ربات های گوگل عاشقشن! 🤖


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

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

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

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

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

نکته :

‏همیشه بین کنترل‌شده و کنترل‌نشده یکی رو انتخاب کن. انتخاب درست به نیاز پروژه‌ات بستگی داره. هوشمندانه انتخاب کن! 🤔


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

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

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

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