#objects
#javanoscript

✅ اختصاص مقادیر پراپرتی های آبجکت به متغییرهای دیگه

Channel | Group | YouTube

♨️ آیا کار کردن با webpack براتون سخته؟ راه حل مشکل شما Laravel-Mix اینجاست
ما توی پست قبلی فهمیدیم که Webpack چیه و به چه دردی میخوره ولی یکی از معایب وب‌پک کانفیگ نسبتا پیچیده و سختی کار با اون هست که شاید افراد مبتدی رو سردرگم و از خودش دور کنه.
برای کسایی که نمیخوان با کانفیگ پیچیده webpack برای پروژه بزرگ و کوچیکشون دست و پنجه نرم کنند Laravel-mix میتونه گزینه عالی باشه
این ابزار خودش از webpack استفاده میکنه ولی کانفیگ هاشو توی پس زمینه انجام داده و یه محیط و کانفیگ خیلی خیلی ساده و در عین حال کاربردی داره.
توصیه میکنم روی یکی از پروژه های آینده تون امتحانش کنید...👌

🌐 https://laravel-mix.com

#Tools

Channel | Group | YouTube

#Fun

و فرداش مامانت میگه کامپیوتر قدیمیت رو دادم به پسر خالت 💀

Channel | Group | YouTube

#Tools
#VsCode

✅ 10شورت کات Vscode

پارت دوم 💥
Channel | Group | YouTube

♨️ ری‌اکت کوئری (React Query) چیه و چرا باید ازش استفاده کنیم؟
یکی از قدرتمند ترین کتابخونه‌های React هست که به ما در زمینه Data-Fetching (دریافت اطلاعات از سرور) و state management (مدیریت استیت) کمک میکنه البته قابلیت های خیلی خفن دیگه ای مثل کش کردن اطلاعات یا بروزرسانی داده‌های سمت سرور رو هم داره.

💠 مزایای استفاده از React Query
- بهبود performance اپلیکیشن به دلیل کش کردن اطلاعات
- امکان مدیریت خطاها
- سازگاری با NextJs و تایپ اسکریپت
- بروزرسانی اطلاعات موجود در سرور در بکگراند
- استفاده آسان

یکی از اصلی ترین کارهای فرانت‌اند کارها همین data fetching هست و اگه برای اینکار از کتابخونه های حرفه‌ای مثل React query استفاده کنیم هم کارمون ساده تر میشه هم کد بهینه تر خواهد بود.

🔆 اگر شما هم تجربه‌ای در این زمینه دارید در گروه تلگرامی‌مون با ما در میان بذارید...

🌐 https://tanstack.com/query/latest

#reactjs #Tools

Channel | Group | YouTube

#CMD
#Out_Of_IDE

تو این پست میخوام با چن تا دستور cmd آشناتون کنم :
1- ساخت فولدر

mkdir [foldername]

2- تغییر دایرکتوری و برگشتن به عقب (یک مرحله)

cd ..

3- عوض کردن دایرکتوری

‎cd [folderName]

4 - تغییر آدرس درایو فعلی

d:

5 - نشون دادن لیست فایلها و فولدرها تو اون دایرکتوری

dir

6 - عوض کردن اسم فایل یا فولدر

ren [folder] [newFolderName]

7 - پاک کردن فایل

del [file]

8 - کپی کردن فایل

copy [file] [destination]

Channel | Group | YouTube

#quick_challenge

خروجی این تیکه کد چی میشه؟؟

انتشار بدید تو گروهای دیگه تا ببینیم کامیونیتی جاوااسکریپت چن مرده حلاجه😂😂

Channel | Group | YouTube

#arrays
#javanoscript

✅ تبدیل استرینگ به آرایه

Channel | Group | YouTube

♨️ بدون توجه به تجربه طراحی خود، وب سایت های زیبایی بسازید.
این شعار کتابخونه Next UI برای react هست که زیبایی، سرعت و مدرنیته رو در یک قالب ارائه میده
این کتابخونه انیمیشن‌های خیلی نرم و جذابی داره. اکثر کامپوننت هایی که نیاز دارید از دکمه های زیبا گرفته تا modal های ریسپانسیوش در خودش جای داده.
اگه دنبال این نیستید که دونه دونه کامپوننت ها رو خودتون بزنید یا نیاز به کامپوننت های کاستوم ندارید این کتابخونه میتونه روند توسعه رو سریع تر کنه.
با شخصی سازی بالایی که داره میتونید کامپوننت هاش رو باب میل خودتون کنید.

💠 راستی از Next js هم به خوبی پشتیبانی میکنه...

🔅 پس منتظر چی هستید برید یه بار تستش کنید و از قابلیت هاش لذت ببرید.

🌐 https://nextui.org

#reactjs #packages #ui_library

Channel | Group | YouTube

#Fun

درک نیاز مشتری کاریه که هر کسی نمیتونه انجام بده باید مترجم داشته باشه 😂😂

Channel | Group | YouTube

#quick_challenge

خروجی این تیکه کد چی میشه؟؟

Channel | Group | YouTube

#Out_Of_IDE
⚠️ویدیوی ساده اما مهم⚠️

از آنجایی که انسان‌ها 🔟 تا انگشت دارند، سیستم عددی که برای شمارش از آن استفاده می‌کنند، در مبنای 🔟 هستش.

Channel | Group | YouTube

♨️ قابلیت SSG چیست و چه کاربردی دارد؟
قابلیت SSG یا همون Static Site Generation برای صفحاتی که استاتیک هستند و قرار نیست اطلاعاتشون بعدا تغییر کنه مورد استفاده قرار میگیرند. در این صورت در زمان build پروژه اطلاعات رو دریافت و اون صفحه رو به صورت استاتیک برامون ساخته میشه و دیگه لازم نیست هر بار که کاربر صفحه رو باز میکنه اون صفحه ساخته بشه و هم زمان لود و هم فشار به سرور کمتر میشه.
💠 پس باید برای صفحات و پروژه هایی ازش استفاده بشه که محتواش قرار نیس عوض بشه مثل صفحات تماس با ما یا درباره ما. در حالت SSG چون صفحه ما قبلا بیلد شده موتورهای جستجو به راحتی قادر به بررسی صفحات ما خواهند بود.

#nextjs #reactjs

Channel | Group | YouTube

#Tools

21 ابزار کاربردی برای تمام ضمینه ها 💥💥

Channel | Group | YouTube

#Git
⚠️دستورات گیت پارت اول ⚠️


✅git clone <repository URL>

git clone https://github.com/example/repository.git

این دستور یک کپی از یک مخزن گیت را به محل فعلی شما در سیستم منتقل می‌کند.

دستور git clone: دستوری برای کپی کردن یک مخزن
این <repository URL>: آدرس مخزن مورد نظر برای کپی کردن.

✅git pull

git pull origin main

با استفاده از این دستور، تغییرات جدید از مخزن اصلی را به مخزن محلی خودتان بر می‌دارید.

دستورgit pull: دستور برای به‌روزرسانی تغییرات از مخزن اصلی
و origin main: نام remote و نام شاخه‌ی مورد نظر برای به‌روزرسانی

✅git branch

git branch -a

این دستور لیست تمام شاخه‌های موجود در مخزن را نمایش می‌دهد.
دستورgit branch: دستوری برای مدیریت شاخه‌ها در گیت
و -a: گزینه‌ای برای نمایش تمام شاخه‌ها (شامل همه‌ی remote و local ها)

☑️اگر دوست دارید بازم از این
دستورات بذارم 👍و انتشار بدید⭐️

Channel | Group | YouTube

♨️ نقشه گنج برنامه‌نویسان
وبسایت roadmap یه ایده عالیه که اومده نقشه راه مباحث مختلف مثل فرانت‌اند، بک‌اند و devops و ... رو تو خودش جا داده و این لیست هر روز داره تکمیل تر میشه.
پس اگه شما هم میخواین وارد حوزه‌ای از برنامه‌نویسی بشید ولی نمیدونید از کجا باید شروع کنید و کجا برید این سایت بهترین راهنمای شما برای یافتن گنج خواهد بود.👌

🌐 https://roadmap.sh

#Tools #Out_Of_IDE

Channel | Group | YouTube

#Fun

متاسفانه حقیقت ماجرا همینه 🫠😭

Channel | Group | YouTube

#VSCode_Extension

5 تا از اکستنشن های کاربردی توی vscode 👌

Channel | Group | YouTube

#api
⚠️در HTTP، برای ارسال اطلاعات از فرم‌ها، از متدهای مختلفی استفاده می‌شود.⚠️
ولی بعضی از دوستان یا بلد نیستن یا موندن برای ارسال کدوم اطلاعات از کدوم متد هاش استفاده کنن 😭😭😭😭

براش یه فایل PDF درست کردم هم میتونید یاد بگیرید هم به عنوان برگه تقلب همیشه همراهتون داشته باشید🥳🥳🥳🥳

اگه خوشتون اومد راههای حمایت رو خودتون بلدید و لطفا انجام بدید 🫠🫠🫠

Channel | Group | YouTube

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇