🔥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
💎 معرفی Object.seal و تفاوت آن با Object.freeze
از متد Object.seal جهت مهر و موم کردن یک آبجکت استفاده میشود اگر از این متد برای یک آبجکت استفاده کنید سه ویژگی زیر به آن آبجکت اضافه یا تغییر خواهد کرد:
1- دیگر نمی توان پراپرتی جدید به این آبجکت اضافه کرد.
2- با استفاده از دستور delete نمیتوانید هیچکدام از پراپرتی های این آبجکت را حذف کنید.
3- تنها مقدار پراپرتی های فعلی قابل تغییر هستند
🟣 و اما تفاوت آن با Object.freeze
تنها تفاوت این متد با متد freeze در مورد سوم است که آبجکتی رو در این متد قرار بدید علاوه بر مورد 1 و 2، مقدار پراپرتی های فعلی آن آبجکت نیز غیر قابل تغییر خواهند بود
#Tips_N_Tricks
@js_challenges
@js_masters_gp
از متد 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 مورد مثال آوردم که تو حالت
"strict mode"
یا خطا میده یا جواب متفاوت میده همراه با توضیح مختصر و نوع خطاش,امیدوارم مفید باشه و توصیه میکنم از این حالت استفاده کنید چون که جلوگیری میکنه از خطاهای ناخواسته.⚠️
👍 و کامنت وانتشار دادنش با شما.💫💫
@js_challenges
@js_masters_gp
👍8🔥1😎1
This media is not supported in your browser
VIEW IN TELEGRAM
❤🔥17❤2
#error_handling
⚠️دوستان تو این قطعه کد میخوام Error Handling رو بصورت بیسیک بهتون توضیح بدم که یکی از حیاتی ترین نیازها تو برنامه نویسیه⚠️
❌برای دیدن توضیحات این کد حتما وارد @js_masters_gp بشید❌
@js_challenges
@js_masters_gp
⚠️دوستان تو این قطعه کد میخوام 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
پ.ن.پ: نفوذی های بک اند کار خودشونو نشون بدن😎
#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
چطور دوباره برمى خيزيم ،
چيزيست كه شخصيت ما را
تعريف ميكند.
#Out_Of_IDE
@js_challenges
@js_masters_gp
❤🔥7👍2
خروجی؟؟؟
Anonymous Quiz
46%
0,1,2 And 0,1,2
22%
0.1,2 And 3,3,3
27%
3,3,3 And 0,1,2
4%
2,1,0 And 0,1,2
😎4👍3🔥2
آقا آماده اید یه چالش از fetch و api براتون بزارم کلی مطلب خفن با همین یه دونه چالش یاد بگیریم؟!
ریکشنای 🔥 برسونید به 20 تا بزارم 🔥🔥
ریکشنای 🔥 برسونید به 20 تا بزارم 🔥🔥
🔥29👍2❤1
Media is too big
VIEW IN TELEGRAM
#js_challenge
#no37
#medium_to_hard
#DOM
#fetch
#api
#error_handling
لینک api مربوطه(نحوه استفاده ازش رو داخل ویدیو توضیح دادم):
https://api-ninjas.com/api/quotes
لینک فایل های html css و starter.js داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Random%20Quote%20Generator%201
یه چالش ساده اما بسیار بسیار کاربردی
مطالبی که قراره توی ویدیوی جواب این چالش یاد بگیرید میتونم بگم تا زمانی که برنامه نویسی وب رو انجام بدید به دردتون خواهد خورد 🔥
اما ... فقط در صورتی که خودتون برای حلش زحمت بکشید و به درهای بسته زیادی بخورید 👌
اگر هر جای این چالش هم به مشکل خوردید حتما داخل گروه بپرسید ولی حتما حتما برای حل کردنش تلاش کنید وگرنه از 100 درصد مطالبی که توی جواب گفته میشه، فقط 20 درصدش نهایت توی ذهنتون میشینه چون ذهن سختی ها رو خیلی بیشتر از خوشی ها به خاطر میسپره ... 🍷
پ.ن: چیزی که توی ویدیو فکر میکنم فراموش کردم بهتون نشون بدم اینه که فکر اینکه اینترنت کاربر وسط fetch قطع بشه یا به هر دلیلی مشکل بوجود بیاد رو هم بکنید!
@js_challenges
@js_masters_gp
#no37
#medium_to_hard
#DOM
#fetch
#api
#error_handling
لینک api مربوطه(نحوه استفاده ازش رو داخل ویدیو توضیح دادم):
https://api-ninjas.com/api/quotes
لینک فایل های html css و starter.js داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Random%20Quote%20Generator%201
یه چالش ساده اما بسیار بسیار کاربردی
مطالبی که قراره توی ویدیوی جواب این چالش یاد بگیرید میتونم بگم تا زمانی که برنامه نویسی وب رو انجام بدید به دردتون خواهد خورد 🔥
اما ... فقط در صورتی که خودتون برای حلش زحمت بکشید و به درهای بسته زیادی بخورید 👌
اگر هر جای این چالش هم به مشکل خوردید حتما داخل گروه بپرسید ولی حتما حتما برای حل کردنش تلاش کنید وگرنه از 100 درصد مطالبی که توی جواب گفته میشه، فقط 20 درصدش نهایت توی ذهنتون میشینه چون ذهن سختی ها رو خیلی بیشتر از خوشی ها به خاطر میسپره ... 🍷
پ.ن: چیزی که توی ویدیو فکر میکنم فراموش کردم بهتون نشون بدم اینه که فکر اینکه اینترنت کاربر وسط fetch قطع بشه یا به هر دلیلی مشکل بوجود بیاد رو هم بکنید!
@js_challenges
@js_masters_gp
🔥5👍1