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
#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
🔥پنج API رایگان و فوق‌العاده کاربردی!

1_Open Weather Map
👨‍💻این API اطلاعات اب و هوایی تمامی نقاط دنیا رو ارائه میده.
🌐https://openweathermap.org/api/

2_Currency Converter
👨‍💻این API خفن برای تبدیل ارز های رایج و حتی قدیمی بر اساس بانک مرکزی اروپا عمل میکنه.
🌐https://exchangeratesapi.io/

3_Nutrixionix API
👨‍💻بزرگترین منبع تغذیه دیتابیس دنیا!
🌐https://www.nutritionix.com/business/api

4_Skyscanner Search
👨‍💻یک API برای دریافت اطلاعات زنده در مورد پرواز ها در سرتاسر دنیا!
🌐https://developers.skyscanner.net/docs/intro

5_Spotify API
👨‍💻خوره های موسیقی،این API برای شماست!🎧
با این API میتونین کاتالوگ اهنگها،کتابخونه یوزر،پیشنهاد ها و... رو دریافت کنین.
🌐https://developer.spotify.com/documentation/web-api

#Around_JS

@js_challenges
@js_masters_gp
🔥10😎1
شب بخیر بچه ها

آقا هر چی چنل برنامه نویسی دارید خواهشاً داخل کامنت ها بفرستید ❤️🔥

شاید بخوام یه تبلیغ ریز دیگه برم 👀

@js_challenges
@js_masters_gp
😎5
Media is too big
VIEW IN TELEGRAM
🔥 تکنولوژی های محبوب جاوااسکریپت از 2011 تا 2021

پ.ن.پ: تکنولوژی محبوب شما چیه...؟! 🤔

#Around_JS

@js_challenges
@js_masters_gp
🔥8😎2👍1
CHALLANGE 30
#quick_challenge

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

@js_challenges
@js_masters_gp
🔥8👍2❤‍🔥1😎1
#Tips_N_Tricks

بچه ها امروز واستون یه تریک 💣بمب💣 آوردم اینجوریه که time و timeEnd رو میذارید و تابع یا کدتون رو وسط قرار میدین,این میاد زمان اجرا شدن کدتون رو نشون میده و اینطوری میتونید پرفورمنس کدتون رو آنالیز بکنید.🙅

💫اگه دوس داشتین انتشار بدین و 👍 بکنید.

@js_masters_gp
@js_challenges
👍102🔥2😎1
This media is not supported in your browser
VIEW IN TELEGRAM
#js_challenge
#your_challenge
#no36
#DOM
Tabbed Component || Tabbed Content

آدرس فایل های html css و فایل جاوااسکریپت اولیه:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Tabbed%20Content%201

این کومپوننت بسیار پیاده سازیش ساده هست اما در عین حال بسیار میتونه برای مخاطب جذاب باشه 👌

داخل ویدیوی جوابش که امشب قرار میگیره مواردی رو یاد میگیرید و یا تثبیت میکنید که همه جا کاربرد داره مثل Event Propagation و اینکه چطور ما دیتاهارو از آرایه ای از آبجکت ها بخونیم 🔥

پاسخ این چالش فردا قرار خواهد گرفت ✌️

@js_challenges
@js_masters_gp
🔥9👍2❤‍🔥1
😞ایا تابحال در تشخیص تفاوت بین back-end و front-end دچار تردید شده‌اید؟
👨‍💻چاره کار شما پیش ماست،تصویر بالا را دانلود نمایید و مشکلات خود را فراموش کنید😎

#Out_Of_IDE
#Fun

@js_challenges
@js_masters_gp
😁16😎1
This media is not supported in your browser
VIEW IN TELEGRAM
❇️شک نداشته باش ؛
که در سخت ترین شرایط هم
تواناییِ این را داری که بهترین باشی ...

🫵🏼این خودت هستی که
در بدترین حالاتِ روحی هم
می توانی به خودت
فرمانِ شادی و لبخند بدهی
و در چشم به هم زدنی
حالِ خودت را خوب کنی ...

گاهی یک تلقینِ مثبتِ
"من قوی هستم" ،
معجزه می کند ...
باور کن

#Out_Of_IDE

@js_challenges
@js_masters_gp
❤‍🔥7👍2🔥2😎1
💎 معرفی Object.seal و تفاوت آن با Object.freeze

از متد Object.seal جهت مهر و موم کردن یک آبجکت استفاده میشود اگر از این متد برای یک آبجکت استفاده کنید سه ویژگی زیر به آن آبجکت اضافه یا تغییر خواهد کرد:

1- دیگر نمی توان پراپرتی جدید به این آبجکت اضافه کرد.
2- با استفاده از دستور delete نمیتوانید هیچکدام از پراپرتی های این آبجکت را حذف کنید.
3- تنها مقدار پراپرتی های فعلی قابل تغییر هستند

🟣 و اما تفاوت آن با Object.freeze
تنها تفاوت این متد با متد freeze در مورد سوم است که آبجکتی رو در این متد قرار بدید علاوه بر مورد 1 و 2، مقدار پراپرتی های فعلی آن آبجکت نیز غیر قابل تغییر خواهند بود

#Tips_N_Tricks

@js_challenges
@js_masters_gp
👍6😎2
#Tips_N_Tricks

⚠️ بچه ها امروز براتون 8 مورد مثال آوردم که تو حالت
"strict mode"
یا خطا میده یا جواب متفاوت میده همراه با توضیح مختصر و نوع خطاش,امیدوارم مفید باشه و توصیه میکنم از این حالت استفاده کنید چون که جلوگیری میکنه از خطاهای ناخواسته.⚠️

👍 و کامنت وانتشار دادنش با شما.💫💫
@js_challenges
@js_masters_gp
👍8🔥1😎1