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

🟣 موضوع : ‏Ant Design در React

نکته :

‏برای استفاده از کامپوننت‌ها، فقط همونی که نیاز داری رو ایمپورت کن، مثلاً import { Button } from 'antd'; اینجوری حجم باندل‌ت کمتر میشه. هوشمندانه انتخاب کن! 💡📦


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

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

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

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

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

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

🟣 Eclipse

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

🟣 دوره آموزش Eclipse


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

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

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

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

🟣 موضوع : ‏توابع در جاوا اسکریپت - کاربردها و مزایای توابع نام‌دار: خوانایی، قابلیت بازاستفاده و رفع اشکال

نکته :

‏در زمان دیباگ کردن، توابع نام‌دار مثل یه نقشه راه عمل می‌کنن. تو Stack Trace دقیقا می‌بینی کدوم تابع صدا زده شده، نه فقط یه "<anonymous>"! 🕵️‍♀️ رفع اشکال سریع‌تر میشه. 🐞


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

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

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

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

🟣 موضوع : ‏بهینه‌سازی عملکرد هنگام استفاده از Context

نکته :

‏هفتم، قبل از هر آپدیتی، چک کن که آیا مقدار Context واقعا تغییر کرده یا نه. اگه تغییر نکرده بود، رندر رو متوقف کن. 💡


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

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

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

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

🟣 موضوع : ‏توابع در جاوا اسکریپت - فراخوانی توابع: بررسی تفاوت فراخوانی مستقیم و فراخوانی از طریق متغیر

نکته :

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


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

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

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

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

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

نکته :

‏از alias برای ماژول‌هات استفاده کن (مثلاً @/components به جای ../../components). اینجوری ایمپورت‌هات خیلی تمیزتر و خوندنی‌تر میشن. 🗺️


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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - تست کردن ارتباط بین کامپوننت‌های UI با استفاده از React Testing Library (RTL) و Vue Test Utils

نکته :

‏یادت باشه، هدف RTL و Vue Test Utils اینه که با DOM حرف بزنی، نه با جزئیات داخلی کامپوننت‌ها. 🤫 همین باعث میشه تست‌هات کمتر بشکنن!


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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - معرفی موتور V8: نقشی فراتر از یک مفسر ساده برای جاوا اسکریپت

نکته :

‏V8 توسط گوگل ساخته شده و یکی از دلایل موفقیت کروم و Node.js هست. 🌟


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

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

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

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

🟣 موضوع : ‏کار با داده‌ها - معرفی IndexedDB: راه‌حلی برای ذخیره‌سازی داده‌های پیچیده و بزرگ

نکته :

‏مثل هر کار دیگه‌ای، ممکنه اینجا هم خطا پیش بیاد. همیشه مطمئن شو که کد نویسی کردی تا بتونی خطاهای احتمالی رو مدیریت کنی. دیتات رو از دست نده! 🚨


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

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

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

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

🟣 موضوع : ‏چالش‌های اولیه در برنامه‌نویسی: نکات و راه‌حل‌های رایج برای مبتدیان

🟢 سوال :

‏کدام یک از موارد زیر می‌تواند به بهبود خوانایی کد برای مبتدیان کمک کند؟

گزینه ۱:
‏حذف تمام فضاهای خالی و تورفتگی‌ها برای کوتاه‌تر شدن کد

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

گزینه ۳:
‏نوشتن تمام کد در یک خط طولانی

گزینه ۴:
‏استفاده از اختصارات غیرمعمول برای نامگذاری متغیرها



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

🟢 توضیح :

‏تورفتگی‌های مناسب (indentation) و استفاده از نام‌های واضح و معنادار برای متغیرها، توابع و کلاس‌ها، ساختار کد را بصری‌تر کرده و درک آن را برای خود و دیگران آسان‌تر می‌کند.

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

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

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

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

🟣 موضوع : ‏تست‌نویسی در جاوا اسکریپت - دیباگ کردن تست‌های E2E با قابلیت Time Travel و گزارش‌های تصویری و ویدیویی در Cypress

نکته :

‏یادت نره قبل از اینکه کد رو Push کنی، تست‌هات رو یه بار دیگه اجرا کنی، اینجوری خیالت راحته! 😊


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

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

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

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

🟣 موضوع : ‏مفاهیم متغیرها و انواع داده‌ها: تعریف، نوع‌های عددی، متنی و منطقی

🟢 سوال :

‏کدام یک از موارد زیر یک مثال از متغیر عددی است؟

گزینه ۱:
Hello

گزینه ۲:
123

گزینه ۳:
True

گزینه ۴:
[1, 2, 3]



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

🟢 توضیح :

‏123 یک مثال از متغیر عددی است.

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

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

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

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

🟣 موضوع : ‏استفاده از useContext برای دسترسی به داده

نکته :

‏حواست باشه useContext رو فقط برای داده‌های سراسری مثل تم یا اطلاعات کاربر استفاده کنی. زیاده‌روی کنی، برنامه قاطی می‌شه! 😅💡


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

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

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

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

🟣 موضوع : ‏چالش‌های اولیه در برنامه‌نویسی: نکات و راه‌حل‌های رایج برای مبتدیان

🟢 سوال :

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

گزینه ۱:
‏هدف قرار دادن نوشتن برنامه‌های پیچیده از همان ابتدا

گزینه ۲:
‏پذیرفتن اینکه یادگیری زمان می‌برد و اشتباه کردن بخشی از فرایند است

گزینه ۳:
‏مقایسه پیشرفت خود با دیگران به طور مداوم

گزینه ۴:
‏اجتناب از کار کردن روی پروژه‌های عملی تا زمانی که تمام مفاهیم تئوری آموخته شوند



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏پارامترهای مسیر (Route Parameters)

نکته :

‏برای تست کردن مسیرهای داینامیک، انواع مختلف مقادیر رو توی URL امتحان کن. 👍


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

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

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

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

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

🟢 سوال :

‏برای پیدا کردن یک شماره تلفن در دفترچه تلفن کاغذی، کدام روش شبیه به یک الگوریتم جستجوی کارآمد است؟

گزینه ۱:
‏شروع از صفحه اول و خواندن تمام نام‌ها تا رسیدن به نام مورد نظر

گزینه ۲:
‏باز کردن دفترچه به صورت تصادفی و بررسی چند نام

گزینه ۳:
‏استفاده از ترتیب الفبایی اسامی برای پیدا کردن محدوده مورد نظر و سپس جستجو در آن قسمت

گزینه ۴:
‏حدس زدن صفحه مربوط به نام مورد نظر



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏استفاده از کامپوننت‌ها در یکدیگر (Composition)

نکته :

‏هر کامپوننت باید فقط یه کار رو خوب انجام بده. یه Button فقط باید دکمه باشه، نه دکمه و آیکون و لیبل با هم. کامپوننت‌های کوچیک رو راحت‌تر می‌شه با هم ترکیب کرد. 👌


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

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

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

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

🟣 موضوع : ‏استفاده از الگوی Container و Presentational Components

نکته :

‏تست کردن کامپوننت‌های نمایشی خیلی راحته. فقط بهشون props بده و ببین خروجی درسته یا نه. دیگه لازم نیست نگران منطق پیچیده و state باشی.


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

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

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

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

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

🟢 سوال :

‏کدام یک از مزایای زیر معمولاً با استفاده از TDD همراه است؟

گزینه ۱:
‏کاهش تعداد خطوط کد نوشته شده

گزینه ۲:
‏افزایش سرعت توسعه اولیه

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

گزینه ۴:
‏کاهش نیاز به مستندات جداگانه



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

🟢 توضیح :

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

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

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

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

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

🟣 موضوع : ‏معماری Single Page Application (SPA)

🟢 سوال :

‏چرا SPA ها برای اپلیکیشن های موبایل مناسب هستند؟

گزینه 1:
‏به دلیل مصرف کم باتری
گزینه 2:
‏به دلیل بارگیری سریع و تجربه کاربری روان
گزینه 3:
‏به دلیل امنیت بالا
گزینه 4:
‏به دلیل پشتیبانی از تمام مرورگرها

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

🟢 توضیح :

‏SPA ها به دلیل بارگیری سریع و انتقال روان بین صفحات تجربه کاربری خوبی در اپلیکیشن های موبایل فراهم می کنند.


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

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

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

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

🟣 موضوع : ‏جاوا اسکریپت ناهمگام (Asynchronous JavaScript) - تفاوت بین جاوا اسکریپت همگام (Synchronous) و ناهمگام (Asynchronous)

نکته :

‏جاوا اسکریپت همگام (Sync) مثل صف نونوایی می‌مونه! تا کار نفر جلویی تموم نشه، نوبت به تو نمی‌رسه و همه چی معطل می‌مونه. 🚶‍♂️🚶‍♀️


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

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

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

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