Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
💎 تکنیکی برای تبدیل آرایه ای از رشته ها به عدد

برای تبدیل آرایه ای از رشته ها به عدد کافیست از تابع 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
👍5👎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
🔥9👎2
#Tips_N_Tricks

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

بسیار ساده و مجلسی میتونید همچین افکتی رو بزنید
چیزی که من متوجه شدم اینه که اکثرا داخل جااواسکریپت دنبال ترفندهای خیلی خفنی هستن ولی باور کنید به روش های خیلی ساده میشه عملکردهای جذابی رو پیاده سازی کرد 👌🔥

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

@js_challenges
@js_masters_gp
🔥13👎3❤‍🔥2
#Tips_N_Tricks

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

@js_masters_gp
@js_challenges
🔥13👎31👍1😎1
#Out_Of_IDE
#Fun
ستون های شما تو برنامه نویسی چیه؟😁

@js_challenges
@js_masters_gp
😁10😎2
This media is not supported in your browser
VIEW IN TELEGRAM
✌🏼جانزن رفیقم!
اگه انقدر شجاع بودی که شروع کردی،
اونقدرقوی هستی که داری ادامه میدی،
پس انقدر لیاقت داری که بهش برسی ✌️🤩
جانزن!

#Out_Of_IDE

@js_masters_gp
@js_challenges
❤‍🔥131😎1
#Around_JS

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

@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
👍8😎2
CHALLANGE 28
#quick_challenge

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

@js_challenges
@js_masters_gp
👍5🔥3
#Tips_N_Tricks

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

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

@js_masters_gp
@js_challenges
👍8🔥3
سلام بچه ها ساعت سه شما بخیر

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

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

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

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

آره بعد از ۲۴ ساعت 👍
نه شب همون روز 🔥
🔥18👍7
CHALLANGE 29
#quick_challenge

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

@js_challenges
@js_masters_gp
🔥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
7🔥1