#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
🔥پنج 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
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
آقا هر چی چنل برنامه نویسی دارید خواهشاً داخل کامنت ها بفرستید ❤️🔥
شاید بخوام یه تبلیغ ریز دیگه برم 👀
@js_challenges
@js_masters_gp
😎5
Media is too big
VIEW IN TELEGRAM
🔥 تکنولوژی های محبوب جاوااسکریپت از 2011 تا 2021
پ.ن.پ: تکنولوژی محبوب شما چیه...؟! 🤔
#Around_JS
@js_challenges
@js_masters_gp
پ.ن.پ: تکنولوژی محبوب شما چیه...؟! 🤔
#Around_JS
@js_challenges
@js_masters_gp
🔥8😎2👍1
🔥8👍1
#Tips_N_Tricks
بچه ها امروز واستون یه تریک 💣بمب💣 آوردم اینجوریه که time و timeEnd رو میذارید و تابع یا کدتون رو وسط قرار میدین,این میاد زمان اجرا شدن کدتون رو نشون میده و اینطوری میتونید پرفورمنس کدتون رو آنالیز بکنید.🙅
💫اگه دوس داشتین انتشار بدین و 👍 بکنید.
@js_masters_gp
@js_challenges
بچه ها امروز واستون یه تریک 💣بمب💣 آوردم اینجوریه که time و timeEnd رو میذارید و تابع یا کدتون رو وسط قرار میدین,این میاد زمان اجرا شدن کدتون رو نشون میده و اینطوری میتونید پرفورمنس کدتون رو آنالیز بکنید.🙅
💫اگه دوس داشتین انتشار بدین و 👍 بکنید.
@js_masters_gp
@js_challenges
👍10❤2🔥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
#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
👨💻چاره کار شما پیش ماست،تصویر بالا را دانلود نمایید و مشکلات خود را فراموش کنید😎
#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
که در سخت ترین شرایط هم
تواناییِ این را داری که بهترین باشی ...
🫵🏼این خودت هستی که
در بدترین حالاتِ روحی هم
می توانی به خودت
فرمانِ شادی و لبخند بدهی
و در چشم به هم زدنی
حالِ خودت را خوب کنی ...
✨گاهی یک تلقینِ مثبتِ
"من قوی هستم" ،
معجزه می کند ...
باور کن
#Out_Of_IDE
@js_challenges
@js_masters_gp
❤🔥7👍2🔥2😎1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
#js_challenge #your_challenge #no36 #DOM Tabbed Component || Tabbed Content آدرس فایل های html css و فایل جاوااسکریپت اولیه: https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Tabbed%20Content%201 این کومپوننت بسیار پیاده سازیش ساده هست اما در عین حال…
#answer
#no36
این چالش خیلی جالب بود چون در عین سادگی بسیاری از مطالب رو تونستم داخلش بهتون آموزش بدم مثل
innerHTML, insertAdjacentHTML, Event Propagation & ... 🔥
انشالا اون عزیزی هم که این چالش رو درخواست کرده بود از جواب راضی باشه ❤️
پ.ن: ترتیب ویدیوها ابتدا از چپ به راست و بعد از بالا به پایین هست
@js_challenges
@js_masters_gp
#no36
این چالش خیلی جالب بود چون در عین سادگی بسیاری از مطالب رو تونستم داخلش بهتون آموزش بدم مثل
innerHTML, insertAdjacentHTML, Event Propagation & ... 🔥
انشالا اون عزیزی هم که این چالش رو درخواست کرده بود از جواب راضی باشه ❤️
پ.ن: ترتیب ویدیوها ابتدا از چپ به راست و بعد از بالا به پایین هست
@js_challenges
@js_masters_gp
🔥6❤1👍1