آموزش ویدیویی جاوا اسکریپت، 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 - 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
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