آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.62K subscribers
158 photos
81 videos
121 files
1.9K links
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Eclipse - FindBugs Plugin

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏تفاوت Context API با Prop Drilling

✨ نکته :

‏Context API مثل یه سوپرمارکت 🛒 بزرگ برای کامپوننت‌هاته! هر چی لازم دارن، سریع و آسون پیدا میکنن! ✨


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

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

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

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

🟣 موضوع : ‏ابزارهای توسعه و ساخت پروژه - بررسی و اصلاح تنظیمات Optimization در Webpack برای تسهیل عیب‌یابی

✨ نکته :

‏کاشف بسته‌ها (Bundle Analyzer) رو امتحان کن! 🔍📦 از ابزارهایی مثل webpack-bundle-analyzer استفاده کن تا ببینی دقیقا چه چیزهایی تو بسته‌ نهایی‌ هستن و کدوم بخش‌ها حجم زیادی گرفتن.


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

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

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

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

🟣 موضوع : ‏امنیت در جاوا اسکریپت - ابزارهای DAST رایج برای جاوا اسکریپت: OWASP ZAP، Burp Suite، و ابزارهای مبتنی بر مرورگر

✨ نکته :

‏هیچ وقت اطلاعات حساس رو تو کد سمت کاربر ذخیره نکن! 🤫 یه هکر میتونه پیداش کنه. 😈


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏جاوا اسکریپت در مرورگر - تغییر استایل عناصر با استفاده از style و دسترسی به خصوصیات CSS

✨ نکته :

‏می‌خوای یه استایلی که قبلاً با style اضافه کردی رو حذف کنی؟ کافیه مقدارش رو برابر رشته خالی بذاری! element.style.backgroundColor = ''; همینقدر ساده! ✨


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

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

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

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

🟣 موضوع : ‏Deployment پروژه Next.js روی Vercel

✨ نکته :

‏برای مانیتورینگ سایتت، از Vercel Analytics استفاده کن. ببین کدوم صفحات بیشتر بازدید دارن و مشکلات احتمالی رو پیدا کن. 👀


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏Hook‌ پایه: useState

✨ نکته :

‏قبل از اینکه کامپوننت unmount بشه، اگه لازم بود state رو reset کن. اینجوری از memory leak جلوگیری میکنی. 😊


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

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

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

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

🟣 موضوع : ‏آشنایی با Vue.js و ویژگی‌های آن

🟢 سوال :

‏بلوک‌های سازنده اصلی یک برنامه Vue.js کدامند؟

گزینه 1:
‏HTML، CSS و JavaScript.
گزینه 2:
‏کامپوننت‌ها، تمپلیت‌ها، پراپ‌ها، رویدادها و دایرکتیوها.
گزینه 3:
‏React Components، State و JSX.
گزینه 4:
‏Angular Components، Modules و Services.

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

🟢 توضیح :

‏یک برنامه Vue.js بر اساس کامپوننت‌ها ساخته می‌شود که شامل تمپلیت HTML، منطق جاوا اسکریپت و استایل‌های CSS (به صورت اختیاری) هستند و از طریق پراپ‌ها و رویدادها با یکدیگر تعامل می‌کنند. دایرکتیوها نیز برای افزودن رفتار خاص به تمپلیت‌ها استفاده می‌شوند.


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

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

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

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

🟣 موضوع : ‏کار با APIها و درخواست‌های شبکه - ارسال فرم داده (FormData) و آپلود فایل با Fetch API: استفاده از multipart/form-data

✨ نکته :

‏می‌خوای فایل آپلود کنی؟ 😍 FormData رو فراموش نکن! فایل رو بهش اضافه کن و با Fetch به سرور بفرست. Remember to set the Content-Type to 'multipart/form-data'! 🔥


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

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

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

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

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

🟢 سوال :

‏تست یکپارچگی (Integration Test) چیست؟

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

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

گزینه ۳:
‏تستی که تعامل و همکاری بین چند بخش مختلف از سیستم را آزمایش می‌کند

گزینه ۴:
‏تستی که رابط کاربری نرم‌افزار را ارزیابی می‌کند



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

🟢 توضیح :

‏تست یکپارچگی بررسی می‌کند که آیا بخش‌های مختلف سیستم (مانند ماژول‌ها، کلاس‌ها یا سرویس‌ها) به درستی با یکدیگر تعامل و همکاری می‌کنند.

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

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

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

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

🟣 موضوع : ‏کار با APIها و درخواست‌های شبکه - JSON چیست؟ تاریخچه و اهمیت در ارتباطات وب

✨ نکته :

‏یادت باشه CORS یه کم اذیت می‌کنه! اگه مشکلی داشتی، دنبال راه حل‌های CORS بگرد. 🚧


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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - تفاوت‌های عملکردی Event Loop در مرورگرها و Node.js: Web APIs در مقابل libuv و Thread Pool

✨ نکته :

‏Event Loop تو مرورگر منتظر دستورات DOM و UI می‌مونه، برای همین انیمیشن و تعامل با کاربر خیلی مهمه 🖱️🤩.


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

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

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

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

🟣 موضوع : ‏الگوهای طراحی (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