آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
154 photos
69 videos
121 files
1.84K links
Download Telegram
‏پایتون دوست داری؟ 🐍

‏میخوای یه بات تلگرام باهاش بسازی؟ 🤖

‏آموزش ساخت یه بات ساده رو برات گذاشتم.

‏با این آموزش میتونی پیام بفرستی و دریافت کنی!
‏لینکش اینجاست: [لینک آموزش]

‏منتظر چی هستی؟ شروع کن! 😉
#پایتون #بات_تلگرام

https://t.me/python7ir
💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏برنامه‌نویسی شیءگرا (OOP) و Prototype در جاوا اسکریپت - نقش و کاربرد خاصیت constructor در 객체 prototype

نکته :

‏مهمترین کاربرد constructor اینه که بتونی باهاش شیء بسازی و مقادیر اولیه‌شو تنظیم کنی. 🛠️


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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - پیاده‌سازی Event Delegation با استفاده از event.target و متدهای ناوبری DOM مانند closest()

نکته :

‏یه تمرین: یه لیست بساز و با Event Delegation رنگ آیتم‌های کلیک شده رو عوض کن! 🎨


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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - نکات کاربردی و اشتباهات رایج در استفاده از تخریب (Destructuring)

نکته :

‏یادت نره که Destructuring رو توی پارامترهای تابع هم می‌تونی استفاده کنی. اینجوری پارامترهات خواناتر می‌شن. 📝


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
Media is too big
VIEW IN TELEGRAM
🔵 آموزش گیت (Git) - Branching and Merging

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

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

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

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


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏روندها و آینده‌ی React.js (Fiber, Server Components)

نکته :

‏Server Components دارن یه انقلاب تو ری‌اکت راه میندازن! دیگه لازم نیست همه چی رو سمت کلاینت رندر کنین! 😎 سرور هم هست!


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

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

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

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

🟣 موضوع : ‏ارسال درخواست GET با fetch در React

نکته :

‏یادت نره درخواست‌های API رو همیشه توی useEffect کامپوننتت بذاری! اینجوری وقتی کامپوننتت آماده شد، داده‌ها رو می‌گیری و همه چی مرتبه. 🚀


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏تاپل‌ها هم مثل لیست‌ها، مجموعه‌ای از داده‌ها هستن، اما یه فرق اساسی دارن: 🔒 تغییرناپذیرن! یعنی بعد از تعریف، دیگه نمیشه آیتمی رو اضافه، حذف یا تغییر داد.

🤔 این محدودیت چه فایده‌ای داره؟ تاپل‌ها سریع‌تر و امن‌تر از لیست‌ها هستن، مخصوصا وقتی داده‌های مهمی داریم که نباید تغییر کنن.

‏مثال: `my_tuple = (1, "hello", 3.14)`

لیست‌ها با `[]` و تاپل‌ها با `()` تعریف میشن.
#پایتون #تاپل #لیست

https://t.me/python7ir
💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - سینتکس function*: نحوه تعریف یک تابع Generator و تفاوت آن با توابع معمولی

نکته :

‏یه مثال باحال: فرض کن داری یه بازی می‌سازی. 🎮 می‌تونی از Generator برای مدیریت مراحل بازی استفاده کنی. هر مرحله یه yield داره و وقتی بازیکن مرحله رو تموم کرد، next() صدا می‌زنی تا مرحله بعد شروع شه!


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏کاربرد توابع بازگشتی در حل مسائل ریاضی: مثال‌های کاربردی

🟢 سوال :

‏برای حل مسئله برج‌های هانوی (Towers of Hanoi)، از چه نوع رویکرد الگوریتمی به طور طبیعی استفاده می‌شود؟

گزینه ۱:
‏الگوریتم حریصانه

گزینه ۲:
‏الگوریتم پویا

گزینه ۳:
‏الگوریتم بازگشتی

گزینه ۴:
‏الگوریتم جستجوی اول سطح



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

🟢 توضیح :

‏مسئله برج‌های هانوی به طور کلاسیک با یک الگوریتم بازگشتی حل می‌شود که شامل انتقال دیسک‌ها از یک میله به میله دیگر با رعایت قوانین خاص است.

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

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

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

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

🟣 موضوع : ‏آینده‌ی React و نقش هوک‌ها در توسعه‌ی مدرن

نکته :

‏نگران پیچیدگی‌های React آینده نباشید! هوک‌ها راه رو برای شما هموار می‌کنن تا بتونید با مفاهیم جدید مثل Concurrent Features (حالت هم‌زمان) راحت‌تر کنار بیایید و تجربه‌های کاربری شگفت‌انگیزی خلق کنید. 🌈


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

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

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

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

🟣 موضوع : ‏مدیریت فرم‌ها و رویداد onChange

نکته :

‏فرم‌های کنترل‌شده (Controlled Components) خیلی خوبن! React کنترل کامل روی مقدار ورودی داره و می‌تونی راحت ولیدیشن انجام بدی. 😎


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

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

🟢 سوال :

‏هدف از مرحله "بازسازی" (Refactor) در چرخه TDD چیست؟

گزینه ۱:
‏نوشتن تست‌های جدید برای ویژگی‌های اضافه شده

گزینه ۲:
‏بهبود ساختار و خوانایی کد بدون تغییر رفتار آن

گزینه ۳:
‏رفع تمام باگ‌های موجود در کد

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



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏کامپوننت‌های تابعی (Function Components)

🟢 سوال :

‏کدام قلاب (Hook) برای مدیریت state در کامپوننت‌های تابعی استفاده می‌شود؟

گزینه 1:
`componentDidMount`
گزینه 2:
`useState`
گزینه 3:
`render`
گزینه 4:
`setState`

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

🟢 توضیح :

‏`useState` قلابی است که به کامپوننت‌های تابعی اجازه می‌دهد state داشته باشند.


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

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

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

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

🟣 موضوع : ‏پیاده‌سازی آزمون خودکار (Automated Testing)

🟢 سوال :

‏برای تولید گزارش coverage در Jest از کدام آرگومان استفاده می‌شود؟

گزینه 1:
jest.coverage
گزینه 2:
npm test
گزینه 3:
jest --coverage
گزینه 4:
react-scripts test-coverage

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

🟢 توضیح :

‏با jest --coverage گزارش پوشش تست تولید می‌شود.


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

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

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

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

🟣 موضوع : ‏مدیریت خطا و نمایش پیام خطا

🟢 سوال :

‏کدام هوک در React برای مدیریت side effects مانند نمایش پیام خطا پس از یک درخواست ناموفق مناسب است؟

گزینه 1:
`useState`
گزینه 2:
`useContext`
گزینه 3:
`useEffect`
گزینه 4:
`useReducer`

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

🟢 توضیح :

‏`useEffect` به شما اجازه می‌دهد پس از رندر کامپوننت، عملیات جانبی (مانند نمایش خطا) را انجام دهید.


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

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

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

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

🟣 موضوع : ‏مدیریت خطا (Error Handling) و دیباگینگ (Debugging) - تفاوت بین Error، SyntaxError، TypeError و ReferenceError در جاوا اسکریپت

نکته :

‏یادت باشه، دیباگ کردن بخشی از پروسه‌ی یادگیریه. نترس و ادامه بده! 💪🔥


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

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

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

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