💎 تکنیکی برای تبدیل آرایه ای از رشته ها به عدد
برای تبدیل آرایه ای از رشته ها به عدد کافیست از تابع map استفاده کنید و کالبک آن را نوع داده ای که میخواهید برگشت داده بشود رو بنویسید.
🔸 در مثالی که در تصویر آوردم، به دلیل اینکه میخواستم دیتای برگشتی از نوع عدد باشه، کالبک map رو Number نوشتم.
💬 نکته : شما میتونید Boolean هم نویسید در این صورت تماماً به صورت true و false برگشت داده میشود
#Tips_N_Tricks
@js_challenges
@js_masters_gp
برای تبدیل آرایه ای از رشته ها به عدد کافیست از تابع map استفاده کنید و کالبک آن را نوع داده ای که میخواهید برگشت داده بشود رو بنویسید.
🔸 در مثالی که در تصویر آوردم، به دلیل اینکه میخواستم دیتای برگشتی از نوع عدد باشه، کالبک map رو Number نوشتم.
💬 نکته : شما میتونید Boolean هم نویسید در این صورت تماماً به صورت true و false برگشت داده میشود
#Tips_N_Tricks
@js_challenges
@js_masters_gp
❤🔥11
CHALLANGE 27
#quick_challenge
هر مشکلی داشتید داخل گروه بپرسید⁉️
خروجی؟؟؟
@js_challenges
@js_masters_gp
آموزش امروز رو از دست ندید 💣
https://news.1rj.ru/str/js_challenges/339
#quick_challenge
هر مشکلی داشتید داخل گروه بپرسید⁉️
خروجی؟؟؟
@js_challenges
@js_masters_gp
آموزش امروز رو از دست ندید 💣
https://news.1rj.ru/str/js_challenges/339
👍5👎1👌1
👍7❤🔥1👎1👌1
🔥پنج فریمورک برای 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
فریمورک فول استک؟! بله!😎
تو این پست میخوام براتون تاپ فایو بهترین فریمورک ها برای فول استک دولوپینگ رو معرفی کنم👌
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
🔥9👎2
#Tips_N_Tricks
بچه ها براتون یه تریک آوردم که هم توی محیط مرورگر کار میکنه هم توی محیط nodejs کار میکنه و میشه باهاش آرایه و آبجکتاتون رو بصورت تمیز و مرتب داخل جدول مشاهده کنید🙅
اگه مفید بود 👍 بذارید و به دوستاتون هم بفرستید😉
@js_challenges
@js_masters_gp
بچه ها براتون یه تریک آوردم که هم توی محیط مرورگر کار میکنه هم توی محیط nodejs کار میکنه و میشه باهاش آرایه و آبجکتاتون رو بصورت تمیز و مرتب داخل جدول مشاهده کنید🙅
اگه مفید بود 👍 بذارید و به دوستاتون هم بفرستید😉
@js_challenges
@js_masters_gp
👍15👎2🔥1
#answer
#no35
بسیار ساده و مجلسی میتونید همچین افکتی رو بزنید
چیزی که من متوجه شدم اینه که اکثرا داخل جااواسکریپت دنبال ترفندهای خیلی خفنی هستن ولی باور کنید به روش های خیلی ساده میشه عملکردهای جذابی رو پیاده سازی کرد 👌🔥
وقتی گفته میشه باید سعی کنیم تا حد امکان از پکیج های کمتری برای عملکردهای مختلف استفاده کنیم دقیقا یعنی همین 🤝
@js_challenges
@js_masters_gp
#no35
بسیار ساده و مجلسی میتونید همچین افکتی رو بزنید
چیزی که من متوجه شدم اینه که اکثرا داخل جااواسکریپت دنبال ترفندهای خیلی خفنی هستن ولی باور کنید به روش های خیلی ساده میشه عملکردهای جذابی رو پیاده سازی کرد 👌🔥
وقتی گفته میشه باید سعی کنیم تا حد امکان از پکیج های کمتری برای عملکردهای مختلف استفاده کنیم دقیقا یعنی همین 🤝
@js_challenges
@js_masters_gp
🔥13👎3❤🔥2
#Tips_N_Tricks
تقریبا تمام متدهای شیء Math رو با مثال و توضیحشون براتون درست کردم 🫡
توضیح فارسی خط 41 رو توی گروه مینویسم.
امیدوارم مفید باشه و اگر هست لطفا با ری اکشنهاتون به ما انرژی بدید💫💫
@js_masters_gp
@js_challenges
تقریبا تمام متدهای شیء Math رو با مثال و توضیحشون براتون درست کردم 🫡
توضیح فارسی خط 41 رو توی گروه مینویسم.
امیدوارم مفید باشه و اگر هست لطفا با ری اکشنهاتون به ما انرژی بدید💫💫
@js_masters_gp
@js_challenges
🔥13👎3❤1👍1😎1
This media is not supported in your browser
VIEW IN TELEGRAM
✌🏼جانزن رفیقم!
اگه انقدر شجاع بودی که شروع کردی،
اونقدرقوی هستی که داری ادامه میدی،
پس انقدر لیاقت داری که بهش برسی ✌️🤩
جانزن!
#Out_Of_IDE
@js_masters_gp
@js_challenges
اگه انقدر شجاع بودی که شروع کردی،
اونقدرقوی هستی که داری ادامه میدی،
پس انقدر لیاقت داری که بهش برسی ✌️🤩
جانزن!
#Out_Of_IDE
@js_masters_gp
@js_challenges
❤🔥13❤1😎1
#Around_JS
قدم به قدم با جاوا اسکریپت💣
اگه نظرتون با این پست مخالف هست تو گروه در موردش بگید,خوشحال میشم🙌
@js_challenges
@js_masters_gp
قدم به قدم با جاوا اسکریپت💣
اگه نظرتون با این پست مخالف هست تو گروه در موردش بگید,خوشحال میشم🙌
@js_challenges
@js_masters_gp
❤🔥10👍2😎2
💎 استفاده از console.group و console.groupCollapsed
اگر به تعداد زیاد از console.log در یک محل استفاده می کنید، میتونید با استفاده از console.group اون ها رو دسته بندی کنید.
سینتکس این متد رو در تصویر بالا میتونید ببینید
⁉️ تفاوت متد group و groupCollapsed چیست؟
هیچ تفاوتی با هم ندارند تنها تفاوتشون اینه که گروهی که با متد group میسازید به صورت پشیفرض Expanded هست ولی گروهی که با متد groupCollapsed میسازید به صورت پیشفرض Collapsed خواهد بود.
💬 نکته: اگر از این متد به صورت تو در تو استفاده کنید، میتونید شاهد دسته بندی های تو در تو در محیط کنسولتون باشید.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
اگر به تعداد زیاد از console.log در یک محل استفاده می کنید، میتونید با استفاده از console.group اون ها رو دسته بندی کنید.
سینتکس این متد رو در تصویر بالا میتونید ببینید
⁉️ تفاوت متد group و groupCollapsed چیست؟
هیچ تفاوتی با هم ندارند تنها تفاوتشون اینه که گروهی که با متد group میسازید به صورت پشیفرض Expanded هست ولی گروهی که با متد groupCollapsed میسازید به صورت پیشفرض Collapsed خواهد بود.
💬 نکته: اگر از این متد به صورت تو در تو استفاده کنید، میتونید شاهد دسته بندی های تو در تو در محیط کنسولتون باشید.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍8😎2
👍6🔥1
#Tips_N_Tricks
💣 بچه ها امروز واستون یه تریک جالب آوردم که میتونید توی محیط مرورگر این کار جالب رو انجام بدید و لاگهای خوشکل رو دریافت کنید.
این %c بخشی از خود جاوا اسکریپت نیست. این یک فرمت مشخص کننده است که توسط مرورگرهای مدرن برای استایل دادن به کنسول ارائه شده است. وقتی می خواهید از آن استفاده کنید، باید اولین پارامتر در متد console.log() باشد.
اگه خوشتون اومد 👍 بذارید و برای دوستاتون بفرستید🙌
@js_masters_gp
@js_challenges
💣 بچه ها امروز واستون یه تریک جالب آوردم که میتونید توی محیط مرورگر این کار جالب رو انجام بدید و لاگهای خوشکل رو دریافت کنید.
این %c بخشی از خود جاوا اسکریپت نیست. این یک فرمت مشخص کننده است که توسط مرورگرهای مدرن برای استایل دادن به کنسول ارائه شده است. وقتی می خواهید از آن استفاده کنید، باید اولین پارامتر در متد console.log() باشد.
اگه خوشتون اومد 👍 بذارید و برای دوستاتون بفرستید🙌
@js_masters_gp
@js_challenges
👍8🔥3
سلام بچه ها ساعت سه شما بخیر
آقا یه سوال داشتم ازتون، یه عزیزی اومد پیوی بنده و به من گفت که تایمی که من برای حل کردن چالش ها توسط شما در نظر گرفتم کمه
من معمولا همون روزی که چالش رو میزارم شب جوابش رو میزارم حالا با توجه به اینکه الان دانشگاهم میرم، معمولا بعد از ظهرا چالش رو میزارم
حالا میخواستم بپرسم از شما که آیا به نظر شما هم تایم پاسخگویی کمه؟ بزارم بعد از ۲۴ ساعت جواب چالش رو بزارم؟
منظورم #js_challenge ها هست
آره بعد از ۲۴ ساعت 👍
نه شب همون روز 🔥
آقا یه سوال داشتم ازتون، یه عزیزی اومد پیوی بنده و به من گفت که تایمی که من برای حل کردن چالش ها توسط شما در نظر گرفتم کمه
من معمولا همون روزی که چالش رو میزارم شب جوابش رو میزارم حالا با توجه به اینکه الان دانشگاهم میرم، معمولا بعد از ظهرا چالش رو میزارم
حالا میخواستم بپرسم از شما که آیا به نظر شما هم تایم پاسخگویی کمه؟ بزارم بعد از ۲۴ ساعت جواب چالش رو بزارم؟
منظورم #js_challenge ها هست
آره بعد از ۲۴ ساعت 👍
نه شب همون روز 🔥
🔥18👍7
🔥4👍1
#js_nuggets
clientX screenX pageX offsetX
clientY screenY pageY offsetY
این مواردی که نوشتم در اکثر event های جاوااسکریپت در دسترس هست
ما به کمک این پراپرتی هایی که داخل ایونت های مختلف هست میتونیم متوجه بشیم که ایونت دقیقا کجای صفحه اتفاق افتاده و بعد به کمک اون مختصات افکت های جذابی رو پیاده سازی کنیم 👌
چالش https://news.1rj.ru/str/js_challenges/339 که در https://news.1rj.ru/str/js_challenges/345 جوابش رو توضیح دادم به کمک یکی از همین پراپرتی ها یعنی offsetX طراحی شده و این چالش فقط یه نمونه ساده از استفاده از این مختصات هاست 🔥
لذت ببرید و انتشارش برای کسانی که نیاز دارن فراموشتون نشه ❤️
پ.ن: ترتیب ویدیوها از بالا به پایین هست
@js_challenges
@js_masters_gp
clientX screenX pageX offsetX
clientY screenY pageY offsetY
این مواردی که نوشتم در اکثر event های جاوااسکریپت در دسترس هست
ما به کمک این پراپرتی هایی که داخل ایونت های مختلف هست میتونیم متوجه بشیم که ایونت دقیقا کجای صفحه اتفاق افتاده و بعد به کمک اون مختصات افکت های جذابی رو پیاده سازی کنیم 👌
چالش https://news.1rj.ru/str/js_challenges/339 که در https://news.1rj.ru/str/js_challenges/345 جوابش رو توضیح دادم به کمک یکی از همین پراپرتی ها یعنی offsetX طراحی شده و این چالش فقط یه نمونه ساده از استفاده از این مختصات هاست 🔥
لذت ببرید و انتشارش برای کسانی که نیاز دارن فراموشتون نشه ❤️
پ.ن: ترتیب ویدیوها از بالا به پایین هست
@js_challenges
@js_masters_gp
❤7🔥1