آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.62K subscribers
158 photos
81 videos
121 files
1.9K links
Download Telegram
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

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

🟢 سوال :

‏چرخه اصلی TDD معمولاً شامل چند مرحله است؟

گزینه ۱:
‏دو مرحله (نوشتن کد، نوشتن تست)

گزینه ۲:
‏چهار مرحله (نوشتن تست، نوشتن کد، اجرا، بازسازی)

گزینه ۳:
‏سه مرحله (نوشتن تست، نوشتن کد، اجرا/بازبینی)

گزینه ۴:
‏پنج مرحله (برنامه‌ریزی، نوشتن تست، نوشتن کد، اجرا، استقرار)



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

🟢 توضیح :

‏چرخه TDD معمولاً شامل سه مرحله اصلی است: قرمز (نوشتن یک تست که در ابتدا شکست می‌خورد)، سبز (نوشتن حداقل کد لازم برای پاس کردن تست)، و بازسازی (بهبود کد بدون تغییر رفتار).

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

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

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

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

🟣 موضوع : ‏ماژول‌ها در جاوا اسکریپت - کاربرد عملی ES6 Modules در پروژه‌های مدرن جاوا اسکریپت

✨ نکته :

‏حتماً نام‌گذاری ماژول‌هات رو درست و حسابی انجام بده تا بعداً خودت هم گیج نشی! 😉


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - نقش Web APIs در هندلینگ رویدادها: تعامل مرورگر با رویدادها چگونه است؟

✨ نکته :

‏به جای اینکه به ۱۰۰ تا دکمه جدا گوش بدی، به پدرشون گوش بده! 👂 این تکنیک بهش میگن Event Delegation. خیلی بهینه‌تره و برای المنت‌هایی که بعداً اضافه میشن هم کار می‌کنه! 🔥


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

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

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

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

🟣 موضوع : ‏ابزارهای توسعه و ساخت پروژه - یکپارچه‌سازی CI/CD برای ساخت و استقرار محیط‌های توسعه و تولید با استفاده از اسکریپت‌های NPM

✨ نکته :

‏برای Debug کردن، از console.log و debugger تو اسکریپت هات استفاده کن. 💡


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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - Hoisting و TDZ: بررسی تعامل Hoisting و TDZ و تاثیر آن بر ترتیب اجرای کد

✨ نکته :

‏یادت باشه، let و const برعکس var، با TDZ میان وسط میدون. پس اول کد رو بخون، بعد به متغیرها دست بزن! 😉


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

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

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

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

🟣 موضوع : ‏بهینه‌سازی عملکرد (Performance Optimization) و کارایی جاوا اسکریپت - استفاده از استراتژی‌های کشینگ مرورگر (Browser Caching) برای بارگذاری فوری اسکریپت‌ها

✨ نکته :

‏سلام! 🙋‍♂️ برای اینکه جاوا اسکریپتت سریع‌تر بارگذاری شه، از کش مرورگر استفاده کن! مثل اینه که غذا رو تو یخچال بذاری تا زود آماده شه! 🍕


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

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

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

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

🟣 موضوع : ‏مفاهیم مربوط به this و نحوه Binding آن

🟢 سوال :

‏کدام متد برای فراخوانی یک تابع با تعیین مقدار this و ارسال آرگومان‌ها به صورت آرایه استفاده می‌شود؟

گزینه 1:
bind()
گزینه 2:
call()
گزینه 3:
apply()
گزینه 4:
with()

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

🟢 توضیح :

‏متد apply() مشابه call() است اما آرگومان‌های تابع را به صورت یک آرایه (یا یک شیء شبیه آرایه) می‌پذیرد.


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

✨ نکته :

‏چشم آدم با JSON راحت‌تره! خوندن یه فایل JSON معمولا ساده‌تر از یه فایل XML با کلی تگ تو در تو هست. 👀


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🚀 پایتون: نمایش خروجی با `print()` و فرمت‌بندی آن! 🎨

تابع print() در پایتون، ساده‌ترین راه برای نمایش اطلاعات است. اما برای حرفه‌ای شدن، باید بلد باشید خروجی‌ها را مرتب و زیبا نمایش دهید.

💡 روش‌های مختلف نمایش خروجی:

1️⃣ استفاده از کاما (Simple Case):
پایتون به طور خودکار بین آیتم‌هایی که با کاما جدا شده‌اند، یک فاصله (Space) می‌اندازد.

name = "ثنا"
score = 100
print("کاربر:", name, "امتیاز:", score)
# خروجی: کاربر: ثنا امتیاز: 100


2️⃣ جادوی f-string (بهترین روش):
در پایتون 3.6 به بالا، با گذاشتن حرف f قبل از کوتیشن، می‌توانید متغیرها را مستقیماً داخل {} قرار دهید. این روش سریع‌تر و خواناتر است.

age = 22
print(f"من {age} ساله هستم.")


3️⃣ تنظیم جداکننده (sep):
می‌توانید تعیین کنید بین آیتم‌ها به جای فاصله، چه کاراکتری قرار بگیرد.

print("2024", "05", "20", sep="/")
# خروجی: 2024/05/20


4️⃣ تنظیم پایان خط (end):
به طور پیش‌فرض print بعد از اجرا به خط بعد می‌رود. با end می‌توانید مانع این کار شوید.

print("در حال بارگذاری", end="... ")
print("تکمیل شد!")
# خروجی: در حال بارگذاری... تکمیل شد!
💡 نکته #React

🟣 موضوع : ‏استفاده از Redux Toolkit برای ساده‌سازی کدنویسی

✨ نکته :

‏کد RTK رو با ESLint و Prettier همیشه تمیز نگه دار! ✨ خوانایی کد بالا میره و اشتباهات کمتر میشن.


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - معرفی Web APIs مرتبط با رویدادها: DOM, Fetch, Timers

✨ نکته :

‏preventDefault: نمیخوای لینک صفحه رو عوض کنه یا فرم submit بشه؟ preventDefault بزن! انگار ترمز دستی رو کشیدی! 🛑✋


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

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

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

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

🟣 موضوع : ‏جاوا اسکریپت ناهمگام (Asynchronous JavaScript) - درک مفهوم "مسدود کننده" (Blocking) و "غیر مسدود کننده" (Non-Blocking)

✨ نکته :

‏جاوا اسکریپت ذاتاً تک‌نخیه (Single-Threaded). یعنی در آن واحد فقط یه کار می‌تونه انجام بده. پس مسدود کردنش یعنی فاجعه و فریز شدن صفحه! 😱


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

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

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

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

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

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

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

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


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - استفاده از متد addEventListener() برای اضافه کردن Listener

✨ نکته :

‏می‌تونی یه شیء Option هم به addEventListener بدی. مثلاً { once: true } باعث میشه Listener فقط یک بار اجرا بشه و بعد خودش خودکار حذف بشه. یا { passive: true } برای بهبود پرفورمنس اسکرول. خیلی باحاله! ⚙️⚡


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

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

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

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

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

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

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

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


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

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

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

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

🟣 موضوع : ‏برنامه‌نویسی شیءگرا (OOP) و Prototype در جاوا اسکریپت - تفاوت‌های کلیدی بین Property های Instance و Static: دسترسی، مقداردهی و ذخیره‌سازی

✨ نکته :

‏Static property ها معمولاً برای ذخیره اطلاعات کلی کلاس استفاده میشن، مثل تعداد اشیاء ساخته شده. 🔢


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

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

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

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

🟣 موضوع : ‏مدیریت فُرمت‌های تاریخ و زمان با date‑fns

✨ نکته :

‏تو کامپوننت‌های React، بهتره تاریخ‌هات رو یک بار فرمت کنی و اگه تغییر نکردن، از useMemo استفاده کنی تا رندر مجدد نداشته باشی و پرفورمنس رو ببری بالا. ⚡️ یه ترفند کوچیک ولی کارآمد!


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

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

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

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

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

✨ نکته :

‏افزونه‌های (Addons) Storybook رو حتماً چک کن! مثل Controls برای تنظیم پراپ‌ها یا Actions برای دیدن Eventها. کلی امکان جدید بهت میدن. 🛠️🔥


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

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

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

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

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

✨ نکته :

‏خطاها رو برای خودت ثبت کن! موقع توسعه از console.error استفاده کن تا بفهمی چی به چیه. اینجوری دیباگ کردن مثل آب خوردن می‌شه. 🔥🐞


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

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

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

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