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

🟣 موضوع : ‏جاوا اسکریپت در مرورگر - مدیریت رویدادها: Delegation رویداد (Event Delegation) و مزایای آن

نکته :

‏کدت خیلی ساده‌تر و خواناتر میشه. به جای یه حلقه for برای اضافه کردن کلی listener، فقط یه دونه addEventListener داری. کد کمتر، باگ کمتر! 😎


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

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

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

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

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

🟢 سوال :

‏کدام یک از موارد زیر یک زبان برنامه‌نویسی برای علم داده (Data Science) است؟

گزینه ۱:
‏جاوا (Java)

گزینه ۲:
‏پایتون (Python)

گزینه ۳:
‏سی (C)

گزینه ۴:
‏جاوا اسکریپت (JavaScript)



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

🟢 توضیح :

‏پایتون (Python) یک زبان برنامه‌نویسی برای علم داده (Data Science) است.

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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - حلقه for...in: ترتیب پیمایش خواص در اشیاء

نکته :

‏اگه داری با آبجکت‌هایی کار می‌کنی که از یه کلاس یا پروتوتایپ به ارث بردن، for...in خواص اون‌ها رو هم پیمایش می‌کنه. 😵‍💫 پس مراقب باش!


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

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

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

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

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

نکته :

‏اگه از TypeScript استفاده می‌کنید، فایل‌های Type (interfaces و types) رو توی یه پوشه به اسم Types یا Interfaces قرار بدید. ⌨️


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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - پیاده‌سازی Integration Testing با استفاده از Jest و یک مثال عملی

نکته :

‏به جای تست یه تابع کوچیک، یه سناریوی کامل کاربر رو تست کن. مثلاً از لاگین تا دیدن داشبورد. اینجوری مطمئن میشی همه چی با هم درست کار می‌کنه. 🚶‍♂️➡️🏆


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

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

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

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

🟣 موضوع : ‏امنیت در جاوا اسکریپت - تهدیدات رایج وب: کلیک‌جکینگ (Clickjacking) و محافظت در برابر آن

نکته :

‏بهترین کار ترکیب دفاع‌هاست: هم از هدرهای امنیتی مثل CSP استفاده کن و هم حواست به طراحی UI باشه تا کاربر رو گیج نکنه. امنیت لایه‌ای همیشه برنده است! 🔥


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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - تفاوت‌های اساسی در API های موجود بین مرورگر و Node.js

نکته :

‏تو مرورگر با document و window صفحه رو دستکاری می‌کنی 🎨، اما تو Node.js از این خبرا نیست! چون اصلاً صفحه‌ای وجود نداره که بخوای تغییرش بدی. 🖥️


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

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

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

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

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

نکته :

‏سعی کن فانکشن‌هات خالص (Pure) باشن. یعنی به ازای ورودی یکسان، همیشه خروجی یکسان بدن. تست کردنشون مثل آب خوردنه! 🧪


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
1
Media is too big
VIEW IN TELEGRAM
🔵 برنامه نویسی رو از کجا شروع کنم؟

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

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

🟣 مبانی برنامه نویسی

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


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

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

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

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

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

نکته :

‏خطاها رو بررسی کن! 🤔 اگه Babel کار نکرد، پیام‌های خطا رو با دقت بخون و تنظیماتتو چک کن.


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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - تست‌نویسی سمت سرور (Node.js): Unit و Integration Testing

نکته :

‏فقط مسیر موفقیت رو تست نکن! ورودی‌های عجیب غریب و حالت‌های خطا (edge cases) رو هم حتماً پوشش بده تا غافلگیر نشی. 🐛


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
‏Itertools پایتون رو میشناسی؟ 🐍

‏Chain: چند تا لیست رو پشت سر هم بچسبون! 🔗
‏Combinations: همه حالت‌های انتخاب چند عضو از یه لیست.
‏Permutations: همه حالت‌های چیدن اعضای یه لیست.

‏با این ابزارها، کدتو خیلی شیک‌تر کن! 😎
#پایتون #آموزش #برنامه_نویسی

https://t.me/python7ir
🔵 کوییز #React_js

🟣 موضوع : ‏Material‑UI (MUI) و کامپوننت‌های آماده

🟢 سوال :

‏کدام گزینه مقدار معتبر prop color در کامپوننت Button MUI است؟

گزینه 1:
tertiary
گزینه 2:
secondary
گزینه 3:
dark
گزینه 4:
light

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

🟢 توضیح :

‏مقدارهای پیش‌فرض color در MUI شامل primary و secondary و ... هستند.


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

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

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

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

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

🟢 سوال :

‏برای حل یک پازل جورچین ساده، کدام رویکرد شبیه به یک الگوریتم گام به گام است؟

گزینه ۱:
‏پرتاب کردن تمام قطعات به هوا و امیدوار بودن به اینکه درست کنار هم قرار بگیرند

گزینه ۲:
‏نگاه کردن به تصویر نهایی و تلاش برای پیدا کردن قطعاتی که به نظر می‌رسد در کنار هم قرار می‌گیرند بدون هیچ نظمی

گزینه ۳:
‏ابتدا پیدا کردن قطعات گوشه‌ها و لبه‌ها، سپس تلاش برای تطبیق رنگ‌ها و الگوها به صورت سیستماتیک

گزینه ۴:
‏تلاش برای قرار دادن هر قطعه‌ای در هر جای خالی به صورت تصادفی



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏نمایش پیشرفت بارگذاری (Progress)

نکته :

‏وقتی داری یه چیزی رو بارگذاری می‌کنی، حتماً یه حالت لودینگ نشون بده که کاربر بفهمه صفحه گیر نکرده! 🔄 صبر کردن با اطلاع فرق داره.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🐍Descriptors & Property در پایتون!

‏میخوای کنترل بیشتری روی attribute های کلاس‌هات داشته باشی؟ 🤔

‏Descriptors و property بهت کمک میکنن!

‏باهاشون میتونی منطق custom برای get، set و delete کردن attribute ها تعریف کنی. 😎

‏اینطوری کدت تمیزتر و قابل فهم‌تر میشه!👌

#پایتون #آموزش #programming

https://t.me/python7ir
‏پایتون دوست داری؟ 🐍

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

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

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

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

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