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

🟣 موضوع : ‏الگوهای طراحی (Design Patterns) و برنامه‌نویسی تابعی (Functional Programming) در جاوا اسکریپت - پیاده‌سازی الگوی Module کلاسیک برای ایجاد اعضای خصوصی (Private) و عمومی (Public) با استفاده از Closure

✨ نکته :

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


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - تفاوت بین stopPropagation و stopImmediatePropagation: مقایسه دقیق

✨ نکته :

‏یه مثال واقعی: یه لیست <ul> داری و آیتم‌های <li> داخلش. اگه رو یه <li> کلیک کنی و stopPropagation رو فعال کنی، رویداد کلیک به <ul> نمیرسه. این خوبه اگه <ul> خودش یه کاری با کلیک‌هاش داره! 🙅‍♀️


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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - انواع Assertions در Jest: toBe، toEqual، toMatch، toThrow و غیره

✨ نکته :

‏دنبال یه تیکه متن خاصی تو یه رشته‌ای؟ 🕵️‍♀️ toMatch رو با یه عبارت باقاعده (Regex) امتحان کن! عالیه برای تست فرمت‌های ایمیل یا پسورد. 📧


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏Flask یه فریم‌ورک پایتون خیلی خوب برای ساختن وب‌سایت‌های ساده‌ست! 🤩

‏می‌خوای یه وب‌سایت کوچیک و سریع بالا بیاری؟ Flask عالیه!

‏با چند خط کد می‌تونی یه وب‌اپلیکیشن ساده بسازی و اجراش کنی. 🚀

‏آموزش‌های زیادی آنلاین هست، یه سرچ بزن و شروع کن! 💻
‏#پایتون #Flask #وب

https://t.me/python7ir
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Eclipse - Task Management

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏بارگذاری پویا (Dynamic Imports)

✨ نکته :

‏زیاده‌روی نکن! کامپوننت‌های کوچیک و مهمی که تو همون صفحه اول لازمن رو دینامیک لود نکن چون خودش یه سربار کوچیکی داره. 🤔


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

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

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

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

🟣 موضوع : ‏مبانی زبان جاوا اسکریپت - آرایه‌ها: مرتب‌سازی آرایه‌ها با متد sort و توابع مقایسه‌ای

✨ نکته :

‏برای مرتب‌سازی بدون تغییر آرایه اصلی، اول یه کپی ازش بگیر. 📋 مثلاً با [...myArray].sort() یا myArray.slice().sort() یه آرایه جدید می‌سازی.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏🚀 کارهای سنگین تو پایتون کند پیش میرن؟

‏راه حل: Background Jobs! 💡

‏با اجرای تسک‌ها در پس‌زمینه، برنامه اصلی شما بدون وقفه به کارش ادامه میده. مثلاً ارسال ایمیل یا پردازش فایل‌های حجیم.

‏با ما همراه باشین تا یاد بگیرین چطور با کتابخونه‌هایی مثل Celery یا asyncio، کارهاتون رو بهینه کنید. ⚙️

‏#پایتون #آموزش #BackgroundJobs

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

🟣 موضوع : ‏آشنایی با اصول برنامه‌نویسی تابعی: مفاهیم پایه و کاربردها

🟢 سوال :

‏کدام یک از موارد زیر از اصول اساسی برنامه‌نویسی تابعی محسوب می‌شود؟

گزینه ۱:
‏تغییر حالت (Mutation)

گزینه ۲:
‏عوارض جانبی (Side Effects)

گزینه ۳:
‏توابع خالص (Pure Functions)

گزینه ۴:
‏وراثت (Inheritance)



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏الگوریتم: مفهوم، اهمیت و مثال‌های کاربردی

🟢 سوال :

‏الگوریتم (Algorithm) چیست؟

گزینه ۱:
‏یک زبان برنامه‌نویسی

گزینه ۲:
‏مجموعه‌ای از دستورالعمل‌های گام‌به‌گام برای حل یک مسئله

گزینه ۳:
‏یک پایگاه داده

گزینه ۴:
‏یک سیستم عامل



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

🟢 توضیح :

‏الگوریتم (Algorithm) مجموعه‌ای از دستورالعمل‌های گام‌به‌گام برای حل یک مسئله است.

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

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

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

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

🟣 موضوع : ‏مقابله با درخواست‌های هم‌زمان و تداخل آن‌ها

✨ نکته :

‏اگه داده‌ها خیلی شبیه هم هستن، از useMemo برای کش کردنشون استفاده کن! 🧠💡


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

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

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

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

🟣 موضوع : ‏چرخه‌ی حیات در Class Component (کلاس‌محور)

✨ نکته :

‏اگه تو کلاس کامپوننت Reactت یه متغیر state داری، حواست باشه که وقتی مقدارش رو عوض می‌کنی، React دوباره render می‌کنه! 🔄✨


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

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

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

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

🟣 موضوع : ‏نمایش وضعیت بارگذاری (Loading) در هنگام دریافت داده

✨ نکته :

‏برای نشون دادن وضعیت بارگیری، می تونی از conditional rendering استفاده کنی (if/else) یا از && اپراتور. ✅


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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - تاریخچه مختصر توسعه محیط‌های اجرایی جاوا اسکریپت

✨ نکته :

‏یادته جنگ مرورگرها رو؟ مایکروسافت هم JScript رو ساخت و یه دعوایی شد! آخرش مجبور شدن استانداردش کنن و شد ECMAScript. 📜⚔️


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

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

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

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

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

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

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

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


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

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

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

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

🟣 موضوع : ‏Hook پیشرفته: `useRef`

🟢 سوال :

‏کدام گزینه بیان درستی از رفتار useRef در رندرهای مجدد است؟

گزینه 1:
‏تغییر دادن مقدار ref باعث رندر مجدد می‌شود
گزینه 2:
‏تغییر مقدار current باعث رندر نمی‌شود
گزینه 3:
‏ref یک روش برای مدیریت Context است
گزینه 4:
‏ref فقط برای المان‌های کلاس است

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

🟢 توضیح :

‏تغییر current باعث رندر مجدد نمی‌شود مگر state تغییر کند.


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

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

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

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

🟣 موضوع : ‏مبانی استفاده از کتابخانه‌های شخص ثالث: انتخاب و ادغام در پروژه

🟢 سوال :

‏هنگام به‌روزرسانی یک کتابخانه شخص ثالث به نسخه جدیدتر، چه نکته‌ای باید مورد توجه قرار گیرد؟

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

گزینه ۲:
‏باید یادداشت‌های انتشار (release notes) نسخه جدید را بررسی کرد تا از تغییرات ناسازگار (breaking changes) احتمالی آگاه شد

گزینه ۳:
‏به‌روزرسانی فقط زمانی ضروری است که باگ امنیتی در نسخه فعلی وجود داشته باشد

گزینه ۴:
‏به‌روزرسانی کتابخانه‌ها معمولاً توصیه نمی‌شود زیرا ممکن است باعث ایجاد مشکلات جدید شود



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

🟢 توضیح :

‏یادداشت‌های انتشار تغییرات اعمال شده در نسخه جدید را شرح می‌دهند. تغییرات ناسازگار می‌توانند باعث از کار افتادن کد پروژه شوند، بنابراین بررسی آن‌ها قبل از به‌روزرسانی مهم است.

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

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

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

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

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

🟢 سوال :

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

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

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

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

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



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

🟢 توضیح :

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

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

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

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

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

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

✨ نکته :

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


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

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

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

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