#answer
#no34

هر زمان خواستید از چند مقدار به یک مقدار برسید، متود reduce به زیبایی به داد شما خواهد رسید 👌

@js_challenges
@js_masters_gp

💎 مدیا کوئری ها در جاوا اسکریپت

از مدیا کوئری ها برای بررسی سایز و اندازه طول و عرض صفحه نمایش مورد استفاده قرار میگیره و از اصلی ترین مواردیست که ریسپانسیویتی سایت بر آن استوار است و قطعاً اسمش رو در CSS شنیدید.
در جاوا اسکریپت هم میتونید از مدیا کوئری ها استفاده کنید.

⁉️ به چه صورت؟
تو کلاس window یه متدی داریم به نام matchMedia که میتونید سایز مد نظر صفحه رو به اون بدید و پاسخ رو به صورت آبجکت دریافت کنید.

💬 نکته مهم اینکه حتماً حداقل عرض رو باید درون پرانتز بنویسید.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Tips_N_Tricks

دوستان براتون 5 تا از انواع حلقه زدن با مثال توی جاوااسکریپت تهیه کردم,اینو تا زمانی که به سطح حرفه ای نرسیدین همراه داشته باشین چون بشدت کاربردیه💯
در ضمن اگر دوس داشتین 👍 بذارید و حمایت کنید از کانال🫡
@js_masters_gp
@js_challenges

توضیحات چالش رو گوش بکنید

#js_challenge
#no34
#medium

هشتگ های مرتبط:
#arrays

لینک ریپازیتوری اصلی چالش ها:
https://github.com/MCKH03/JS_Challenges

لینک برنچ مربوط به این چالش:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_34

اگر دوست دارید نحوه کار با گیت هاب رو یاد بگیرید، این ویدیو رو نگاه کنید:
https://news.1rj.ru/str/js_challenges/161

@js_challenges
@js_masters_gp

توضیحات سوال

#answer
#no34

حلقه for of شکل دیگه ای از حلقه for هست و یه مقدار توی clean code به ما کمک میکنه همونطور که داخل ویدیو هم تفاوتش رو با حلقه for معمولی گفتم ✌️

داخل این پست هم انواع و اقسام حلقه ها رو میتونید ببینید:
https://news.1rj.ru/str/js_challenges/327

@js_challenges
@js_masters_gp

#Out_Of_IDE
#articles

https://www.smashingmagazine.com/2022/06/things-to-know-earlier-in-your-career/

آقا داشتم این مطلب رو میخوندم داخل سایت https://www.smashingmagazine.com/ و با خودم گفتم شاید شما هم دوست داشته باشید مطالعش بکنید یا حداقل چکیده مطالبش رو بدونید 👌

داخل این مقاله شخصی که بیشتر از ۲۰ سال سابقه کار داره به مواردی اشاره می‌کنه که آرزو میکرده زودتر بهشون آگاهی پیدا میکرده ✅

من اینجا به صورت تیتروار بهشون اشاره میکنم:

۱- هیچوقت در یک مصاحبه کاری، همون اول درآمد مورد نظر خودتون رو اعلام نکنید 🤝

۲- تعویض شرکتی که داخلش کار میکنید بعد از یک دوره یک الی دو ساله، معمولا درآمد بیشتری رو برای شما به همراه داره

۳- نمیشه هم یه زندگی آروم داشت، هم درآمد خوبی داشت، هم استرس نداشت و کلا همه اکی باشه! شما باید بسته به شخصیت خودتون تصمیم بگیرید که حاضرید چه چیزی رو در ازای چه چیزی از دست بدید ✌️

۴- هر چه زودتر به فکر passive income باشید 🔥 چون مطمئن باشید اگر الان به فکر نباشید، بعدا خیلی پشیمون میشید

اگر دوست دارید از این نوع محتواها هم براتون بزارم 👍 هارو بکوبید 🔥

@js_challenges
@js_masters_gp

🤔چطور بفهمیم کاربر از دکمه های کنترل یا شیفت استفاده کرده یا نه؟

برای اینکار میتونیم از پراپرتی هایی مثل event.key به همراه event.shiftKey , event.ctrlKey و... استفاده کنیم😎

پ.ن.پ:البته باید یادمون باشه هندل کردن این ایونت ها در مرورگر های مختلف مثل فایر فاکس یا کروم و... میتونه متفاوت باشه!
👨‍💻پس کار درست اینه که تو چند تا مرورگر مختلف کدمون رو چک کنیم،تا به جواب مورد نظرمون برسیم👌

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#js_challenge
#DOM
#no35

طبق نظرسنجی که هفته قبل گذاشته شد، زوم شدن عکس با هاور کردن مثل چیزی که در سایت دیجی کالا دیدید رتبه دوم رو کسب کرد و ما هفته قبل چک کردن قدرت پسورد رو بررسی کردیم 🔥

و امروز میخوایم به زوم شدن عکس با هاور شدن بپردازیم 👌

و از اونجایی که برای حل این چالش باید به مواردی مثل offsetX pageX screenX clientX مسلط باشید، امروز یا فردا یک js_nugget در رابطه با این ها ضبط میکنم براتون ❤️

راستی کد های html css این چالش رو براتون داخل ریپازیتوری اصلی قرار دادم:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Image%20Zoom%201

البته اگر کد html css این رو خودتون نزنید دیگه واقعا نشون میده بسیار آدم ...
پیش فعالی هستید 😂

@js_challenges
@js_masters_gp

💎 تکنیکی برای تبدیل آرایه ای از رشته ها به عدد

برای تبدیل آرایه ای از رشته ها به عدد کافیست از تابع map استفاده کنید و کالبک آن را نوع داده ای که میخواهید برگشت داده بشود رو بنویسید.

🔸 در مثالی که در تصویر آوردم، به دلیل اینکه میخواستم دیتای برگشتی از نوع عدد باشه، کالبک map رو Number نوشتم.

💬 نکته : شما میتونید Boolean هم نویسید در این صورت تماماً به صورت true و false برگشت داده میشود

#Tips_N_Tricks


@js_challenges
@js_masters_gp

CHALLANGE 27
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️
خروجی؟؟؟

@js_challenges
@js_masters_gp

آموزش امروز رو از دست ندید 💣
https://news.1rj.ru/str/js_challenges/339