💎 چگونه پروژه ام را فایل بندی کنم؟

سوال یکی از دوستان که به نظرم سوال خیلی از برنامه نویسان جوان هم هست، اینکه مثلا من میخوام صفحه ای به نام سبد خرید رو کدنویسی کنم، چطور باید فایل بندیش رو انجام بدم؟
💬 نکته مهم اینکه، این مورد بسیار سلیقه ای هست اما تلاش کنید تا جایی که مقدوره برای اینکه خوانا تر بنویسید، هر اسکریپت (یا هر کامپوننت در ریکت و یا هر ماژول در نود جی اس) را طوری قرار دهید که فقط یک عمل را انجام بدهد مثلا یک فایل فقط عمل حذف محصول رو انجام بدهد یک فایل فقط اضافه کردن محصول و... .
و ابتدا اصلا فکر این نباشید که فایل بندی عالی ای را انجام دهید، تمام کد ها را در یک فایل بنویسید پس از آنکه به پایان رسید، ری فکتورش کنید.

پ.ن: منظور کل پروژه نیست مثلا قسمت سبد خرید رو کامل در یک فایل بنویسید بعد از اتمام، اجزای مختلف آن را ریفکتور کنید.

💬 ممنون میشوم دوستان هم تجارب خودشون رو در خصوص نحوه صحیح فایل بندی پروژه بنویسند.


@js_challenges
@js_masters_gp

🔸با GPT می‌توان در دو دقیقه بازی ساده ایجاد کرد و حتی امکان اضافه کردن فیچرهای مورد نظر وجود دارد. این به معنای کاهش زمان کدنویسی از چند ماه به چند هفته است!

اینجا ما همیشه ناگت اخبارو برات آماده میکنیم❤️

@Tech_Nuggets
@js_challenges_chat

دوستان ما یه چنلی داریم به اسم @Tech_Nuggets که داخل این چنل به اخبار و اتفاقات دنیای تکنولوژی میپردازیم و ابزارهای کاربردی زیادی رو معرفی میکنیم
اگر دوست داشتید یه سر بزنید و اگر خوشتون اومد عضو بشید ❤️

Channel: @js_challenges | Group: @js_masters_gp

آقا این قسمت از پادکست #برنامه_نویس_آگاه الماسه الماس 💎

آیا زبان انگلیسی برای برنامه نویسی ضروریه؟ چرا و چقدر مهمه؟ و اگر ضروریه چطوری میتونیم زبانمون رو تقویت کنیم یا اگه صفر صفریم، چطور شروع کنیم؟
این پادکست طلاست 🏅

کلی تجربه داخلش هست که یادگیری زبان رو براتون خیلی ساده تر و جذاب تر و شیرین تر میکنه 👌

انشالا که براتون مفید باشه ❤️

https://youtu.be/5-jNDueOgl8?si=4VyAg-OhgJAGO1eu

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

CastBox | Google Podcasts | Spotify

اگر دوست دارید توی قسمت بعدی در مورد موضوع خاصی صحبت بشه، حتما کامنت کنید ✌️

Channel: @js_challenges | Group: @js_masters_gp

آقا از این به بعد هر کی گفت جاوا همون کوچیک شده جاوااسکریپته (هیچ اشاره مستقیمی هم نمیخوام به کسی بکنم 😁)
این ویدیو رو براش بفرستید 👌

https://youtube.com/shorts/f1wg5DaiRy4?si=xWAOG3Ip2_c-rEpL

Channel: @js_challenges | Group: @js_masters_gp

به 50 نفر برسه به زودی استارتش میخوره ✌️

Channel: @js_challenges | Group: @js_masters_gp

آقا خیلی مشتی و با صفا هستید انصافا دم همتون گرم ❤️
این کار از دو هفته دیگه استارت میخوره ✌️

Channel: @js_challenges | Group: @js_masters_gp

سلام به همگی شبتون بخیر
یک تیم از برنامه‌نویس‌های اپن‌سورس کشورمون سعی کردن یک پروژه زیرساختی توسعه بدن به اسم لسان، الآن نیاز به دیده شدن دارن تا بتونن کارشون رو ادامه بدن، دمتون گرم بهشون توی گیت‌هاب استار بدید
لینک گیت‌هاب :
https://github.com/MiaadTeam/lesan
لینک داکیومنت :
https://miaadteam.github.io/lesan/

حالا لسان چی هست:
یک وب‌سرور بعلاوه ODM بر روی MongoDB، که با الهام از GraphQL مدیریت دریافت داده‌ها رو به سمت Client سپرده ولی خیلی از مشکلات اون رو نداره.
و از همه مهمتر یه تعریف جدید از رابطه‌ی بین داده‌ها ارائه می‌ده، که باعث میشه دریافت داده‌ها بسیار سریعتر انجام بشه و مدیریت اونها قابل فهم‌تر باشه. این فریم‌ورک تمام رابطه‌ها رو بدون دردسر امبد میکنه و سرعت خواندن اطلاعات توش وحشتناک بالاست.
(بنچمارک رو ببینید https://miaadteam.github.io/lesan/#benchmarks).
نوع نگاه لسان به رابطه‌ها باعث شده داده‌ها و کوئری‌ها برای دریافت اونها ساده سازی بشند، به همین خاطر کل فرآیند از کدنویسی تا لایه کش حتی دیتا ماین هم ساده میشه.

💎 بررسی مقدار عددی یک ورودی
برای اینکه بررسی کنید آیا ورودی کاربر عدد است یا خیر، میتونید از تابع بالا استفاده کنید.

انتشار یادت نره ❤️

#Tips_N_Tricks

Channel: @js_challenges Group: @js_masters_gp

💎 کلون کردن دو آرایه
برای کلون کردن دو آرایه از Spread operator استفاده کنید

const myArray = [2,3,5]
const clonedArray = [...myArray]

در صورتی که به صورت ساده بنویسید

clonedArray = myArray

آدرس خانه حافظه دو آرایه یکسان خواهد بود و با هر تغییر در آرایه اصلی یا کلون شده، تغییر در هر دو آرایه اعمال خواهد شد.

Channel: @js_challenges
Group: @js_masters_gp

سلام دوستان

تو این ویدیو که داخل YouTube منتشر شده میتونید یاد بگیرید که
چطوری بدون استفاده از پکیج اضافی مثل nodemon بتونید کدهاتونو توی محیط nodejs بصورت اتوماتیک ران کنید🤯🤯🤯
https://youtu.be/IrrGpzW4Q2Q?si=YK2hzhSPygKhWsjM

انتشارش فراموش نشه 🔥

#NodeJS

Channel: @js_challenges | Group: @js_masters_gp

#quick_challenge
خروجی کد پایین چیه؟

console.log(2 + 2 % 3);

سوالی داشتید به گروه مراجعه کنید 🙏🙏

Channel: @js_challenges | Group: @js_masters_gp

💎 کلون کردن دو آبجکت
برای کلون کردن دو آبجکت، نمیتوان به صورت مستقیم بنویسید

 obj1=obj2

چون این عمل شمارا با خطا روبرو میکند

یکی از راه ها استفاده از Spread Operator میباشد که البته در این روش یک shallow copy گرفته میشود نه deep copy
و راه دیگر کلون کردن یک آبجکت، این است که ابتدا آبجکت را به رشته و سپس مجددا رشته را به آبجکت تبدیل کنید این موضوع باعث ایجاد آبجکت جدید خواهد شد

const myObj = {name:"abas"}
const clonedObj = JSON.parse(JSON.stringify(myObj))

`

نکته: اگر یک ارایه داشته باشید که فقط یکی از اون خونه هاش ابجکت هست هم باز از قانون بالا تبعیت میکند.

انتشار یادتون نره ❤️

#Tips_N_Tricks

Channel:@js_challenges
Group: @js_masters_gp

صبحتون بخیر رفقا❤️

دوستان ویدیو جدید یوتوبمون آپلود شد🔥

🔸توی این ویدیو خیلی ساده توضیح دادم که چطور تمام اعداد داخل استرینگ رو استخراج کنیم👌

🔸چالش هم داریم و علاوه بر اون از دوتا متد پرکاربردی جاوا اسکریپتم استفاده کردیم🫡

مثل همیشه به حمایتتون بیشتر از همیشه نیاز داریم رفقا❤️
اونور میبینمتون❤️

لینک ویدیو: https://youtu.be/9JtIajFCKVo

Channel: @js_challenges | Group: @js_masters_gp

🔥در اینجا کد یک تابع ژنراتور (Generator Function) را مشاهده می‌کنیم. این نوع توابع در جاوااسکریپت قدرت خاصی دارند و امکان متوقف کردن و از سرگیری آن‌ها را در حین اجرا فراهم می‌کنند.
1️⃣عبارت yield:
از عبارت yield برای تولید و بازگرداندن یک مقدار از تابع استفاده می‌شود.
در اینجا، مقدار 1 تولید و بازگردانده شده است.
با فراخوانی تابع ژنراتور، یک شیء ژنراتور ایجاد می‌شود که می‌تواند برای کنترل اجرای تابع مورد استفاده قرار گیرد.
این شیء در متغیر generator ذخیره می‌شود.
2️⃣استفاده از متد next:
متد next() برای دریافت مقدار بعدی از تابع ژنراتور استفاده می‌شود.
این متد یک شیء با دو خصوصیت بازمی‌گرداند:
value: مقدار تولید شده توسط yield
done: نشانگر اتمام اجرای تابع ژنراتور
مقدار آخر (3) تولید می‌شود و در خروجی نمایش داده می‌شود.
تابع به اتمام می‌رسد زیرا دیگر yield ای وجود ندارد.
خصوصیت done روی true تنظیم می‌شود تا نشان دهد که تابع تکمیل شده است.
🥇کاربردهای توابع ژنراتور:
ایجاد حلقه‌های سفارشی
مدیریت جریان داده‌های بزرگ
نوشتن کد ناهمگام به صورت خواناتر
پیاده‌سازی الگوریتم‌های بازگشتی به صورت بهینه

Channel: @js_challenges | Group: @js_masters_gp

#quick_challenge
خروجی کد پایین چیه؟

const arr = [1, 2, 3];
arr.unshift(0);
arr.push(4);
arr[1] = 'two';
console.log(arr.join(', '));

سوالی داشتید به گروه مراجعه کنید 🙏🙏

Channel: @js_challenges | Group: @js_masters_gp