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

برای اینکار میتونیم از پراپرتی هایی مثل 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

🔥پنج فریمورک برای full-stack js

فریمورک فول استک؟! بله!😎

تو این پست میخوام براتون تاپ فایو بهترین فریمورک ها برای فول استک دولوپینگ رو معرفی کنم👌
1_RedwoodJS
👨‍💻این فریمورک با کنار هم اوردن react,prismaو graphQ تجربه‌ی فوق‌العاده‌ای برای وب دولوپینگ به شما میده.

2_Wasp
👨‍💻اگه دنبال کد های high level تو full-stack دولوپینگ هستین این فریمورک برای شماست.

3_T3
👨‍💻در واقع یک فریمورک نیست بلکه مجموعه‌ای از تکنولوژی های پرطرفداره که به دولوپر ها این امکان رو میده که سریعتر شروع کنن.

4_MeteorJS
👨‍💻فرویمورکی برای دولوپر های سرعتی!
گفته میشه این فریمورک حتی سریعترین راه برای توسعه  Web app های اندروید و ios هستش.

5_MERN
👨‍💻در حقیقت یه استکه که نام اون مخفف mongoDB,Express,React و Node هستش،که این 4 تکنولوژی کلیدی اونرو به انتخاب بسیار جذابی تبدیل میکنه.
#Around_JS

@js_challenges
@js_masters_gp

#Tips_N_Tricks

بچه ها براتون یه تریک آوردم که هم توی محیط مرورگر کار میکنه هم توی محیط nodejs کار میکنه و میشه باهاش آرایه و آبجکتاتون رو بصورت تمیز و مرتب داخل جدول مشاهده کنید🙅
اگه مفید بود 👍 بذارید و به دوستاتون هم بفرستید😉
@js_challenges
@js_masters_gp

#Tips_N_Tricks

تقریبا تمام متدهای شیء Math رو با مثال و توضیحشون براتون درست کردم 🫡
توضیح فارسی خط 41 رو توی گروه مینویسم.
امیدوارم مفید باشه و اگر هست لطفا با ری اکشنهاتون به ما انرژی بدید💫💫

@js_masters_gp
@js_challenges

#Out_Of_IDE
#Fun
ستون های شما تو برنامه نویسی چیه؟😁

@js_challenges
@js_masters_gp

✌🏼جانزن رفیقم!
اگه انقدر شجاع بودی که شروع کردی،
اونقدرقوی هستی که داری ادامه میدی،
پس انقدر لیاقت داری که بهش برسی ✌️🤩
جانزن!

#Out_Of_IDE

@js_masters_gp
@js_challenges

#Around_JS

قدم به قدم با جاوا اسکریپت💣
اگه نظرتون با این پست مخالف هست تو گروه در موردش بگید,خوشحال میشم🙌

@js_challenges
@js_masters_gp

CHALLANGE 28
#quick_challenge

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

@js_challenges
@js_masters_gp

#Tips_N_Tricks

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

این %c بخشی از خود جاوا اسکریپت نیست. این یک فرمت مشخص کننده است که توسط مرورگرهای مدرن برای استایل دادن به کنسول ارائه شده است. وقتی می خواهید از آن استفاده کنید، باید اولین پارامتر در متد console.log() باشد.
اگه خوشتون اومد 👍 بذارید و برای دوستاتون بفرستید🙌

@js_masters_gp
@js_challenges

سلام بچه ها ساعت سه شما بخیر

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

من معمولا همون روزی که چالش رو میزارم شب جوابش رو میزارم حالا با توجه به اینکه الان دانشگاهم میرم، معمولا بعد از ظهرا چالش رو میزارم

حالا میخواستم بپرسم از شما که آیا به نظر شما هم تایم پاسخگویی کمه؟ بزارم بعد از ۲۴ ساعت جواب چالش رو بزارم؟

منظورم #js_challenge ها هست

آره بعد از ۲۴ ساعت 👍
نه شب همون روز 🔥

CHALLANGE 29
#quick_challenge

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

@js_challenges
@js_masters_gp