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
#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
#error_handling

⚠️دوستان تو این قطعه کد میخوام Error Handling رو بصورت بیسیک بهتون توضیح بدم که یکی از حیاتی ترین نیازها تو برنامه نویسیه⚠️

برای دیدن توضیحات این کد حتما وارد @js_masters_gp بشید

@js_challenges
@js_masters_gp
👍5🔥1😎1
Media is too big
VIEW IN TELEGRAM
📈فریمورک های محبوب back-end از 2012 تا 2023🔥

پ.ن.پ: نفوذی های بک اند کار خودشونو نشون بدن😎

#Around_JS

@js_challenges
@js_masters_gp
🔥7👍1😎1
This media is not supported in your browser
VIEW IN TELEGRAM
اينكه بعد از هر شكست
چطور دوباره برمى خيزيم ،
چيزيست كه شخصيت ما را
تعريف ميكند.

#Out_Of_IDE

@js_challenges
@js_masters_gp
❤‍🔥7👍2