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

🟣 موضوع : ‏بهینه‌سازی عملکرد (Performance Optimization) و کارایی جاوا اسکریپت - بهینه‌سازی رویدادها: مدیریت حافظه و جلوگیری از Memory Leaks در Event Listeners

نکته :

‏اگه یه رویدادی فقط یک بار نیاز به اجرا داره، از { once: true } استفاده کن. مثل یه بمب ساعتی که بعد از یک بار انفجار، خودش محو میشه! 💣💥


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

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

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

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

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

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

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

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


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

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

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

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

🟣 موضوع : ‏استفاده از ESLint و Prettier برای کیفیت کد

نکته :

‏یه فایل .prettierrc بساز و قوانین فرمت‌بندی مثل طول خط یا استفاده از single/double quote رو اونجا بذار. اینجوری کل پروژه یکدست می‌شه. 📝


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

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

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

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

🟣 موضوع : ‏جاوا اسکریپت ناهمگام (Asynchronous JavaScript) - Async/Await: مقایسه عملکرد Async/Await با Promises: خوانایی و نگهداری کد

نکته :

‏اگه می‌خوای عملکرد رو بهینه کنی، Async/Await می‌تونه کمک کنه، چون معمولا Promiseها رو بهتر مدیریت می‌کنه. 🔥


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏Class decorators تو پایتون، یه جور جادوئه ! 🧙‍♂️

‏یه کلاس رو میگیرن، تغییرش میدن و یه کلاس جدید تحویل میدن.

‏فرض کن میخوای یه سری ویژگی خاص به همه کلاس‌هات اضافه کنی، Class decorators اینجا به کارت میان.

‏دیگه لازم نیست کد تکراری بنویسی! 😎

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

🟣 موضوع : ‏طراحی Mobile‑First در React

🟢 سوال :

‏برای lazy load کردن کامپوننت‌ها در React برای صرفه‌جویی پهنای باند موبایل، چه روشی کاربردی است؟

گزینه 1:
React.memo
گزینه 2:
import dynamic from 'next/dynamic'
گزینه 3:
React.lazy
گزینه 4:
useCallback

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

🟢 توضیح :

‏React.lazy امکان تفکیک (code splitting) و لیزی لود کامپوننت‌ها را فراهم می‌کند و به کاهش حجم اولیه کمک می‌کند.


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

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

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

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

🟣 موضوع : ‏Web APIs پیشرفته و کاربردهای فراتر از مرورگر (Web Workers, Service Workers, WebSockets) - درک مکانیسم Structured Cloning: نحوه کپی شدن داده‌ها در postMessage

نکته :

‏Service Workers بهت اجازه می‌ده حتی وقتی آفلاینی هم کار کنی! 🔥 می‌تونی وب‌سایتت رو کَش کنی و تجربه‌ای عالی برای کاربرات بسازی.


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

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

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

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

🟣 موضوع : ‏مدیریت خطا (Error Handling) و دیباگینگ (Debugging) - توقف بر روی خطاها (Pause on Exceptions): یافتن منشاء خطاهای مدیریت نشده

نکته :

‏از console.log 🖨️ زیاد استفاده کن! یه عالمه اطلاعات می‌تونه بهت بده تا بفهمی چی داره تو کدت می‌گذره.


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

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

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

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

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏چرخه عمر Service Worker شامل کدام مراحل است؟

گزینه 1:
Download, Install, Activate
گزینه 2:
Install, Activate, Run
گزینه 3:
Register, Install, Activate
گزینه 4:
Download, Activate, Run

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

🟢 توضیح :

‏چرخه عمر Service Worker شامل مراحل دانلود، نصب و فعال سازی است.


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

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

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

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