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
#Tips_N_Tricks
☠️جهنم کالبک یک مفهوم در جاوااسکریپت است که به وقوع پیوستن چندین توابع با کالبک (callback) منجر به کد پیچیده و دشوار قابل نگهداری میشود. این مسأله به وجود میآید زمانی که شما باید چندین عملیات ناهمزمان (مثل درخواستهای شبکه) را انجام دهید و هر کدام از این عملیاتها به توابع کالبک منتقل میشوند.☠️
⚠️به عبارت دیگر، جهنم کالبک وقوع میپذیرد زمانی که شما درون درون توابع کالبک قرار دارید، و هر بار که نیاز به کارهای ناهمزمان جدیدی دارید، باید توابع کالبک جدیدی بنویسید و این موجب ایجاد پایههای کد ناخوانا و سختتر به نگهداری میشود.⚠️
✅برای مقابله با جهنم کالبک، میتوان از تکنیکهایی مانند Promises و async/await استفاده کرد که کد را قابل نگهداریتر و خواناتر میکنند. این تکنیکها به شما اجازه میدهند تا عملیاتهای ناهمزمان را به صورت متسلسل نوشته و مدیریت کنید.✅
@js_challenges
@js_masters_gp
☠️جهنم کالبک یک مفهوم در جاوااسکریپت است که به وقوع پیوستن چندین توابع با کالبک (callback) منجر به کد پیچیده و دشوار قابل نگهداری میشود. این مسأله به وجود میآید زمانی که شما باید چندین عملیات ناهمزمان (مثل درخواستهای شبکه) را انجام دهید و هر کدام از این عملیاتها به توابع کالبک منتقل میشوند.☠️
⚠️به عبارت دیگر، جهنم کالبک وقوع میپذیرد زمانی که شما درون درون توابع کالبک قرار دارید، و هر بار که نیاز به کارهای ناهمزمان جدیدی دارید، باید توابع کالبک جدیدی بنویسید و این موجب ایجاد پایههای کد ناخوانا و سختتر به نگهداری میشود.⚠️
✅برای مقابله با جهنم کالبک، میتوان از تکنیکهایی مانند Promises و async/await استفاده کرد که کد را قابل نگهداریتر و خواناتر میکنند. این تکنیکها به شما اجازه میدهند تا عملیاتهای ناهمزمان را به صورت متسلسل نوشته و مدیریت کنید.✅
@js_challenges
@js_masters_gp
😎4👍3❤1🔥1
#Out_Of_IDE
عکس ارسالی از ممبرهای گروه ❤️
مورد دوم رو بسیار بسیار جدی بگیرید
قطعا هم برای شما و هم برای من پیش اومده که به این موضوع فکر کنیم که آیا برای اینکه بخوایم وارد بازار کار بشیم و یا اصلا یه کاریو شروع کنیم، آیا لازمه به همه چیز مسلط بشیم؟
اصلا و ابدا اینطوری نیست، اصلا!
چه بسا کسانی که با مهارت های فوق العاده و توانایی های بسیار به هیچ موفقیتی نرسیدن چون اصطلاحا در tutorial hell گیر کردن و چه بسا کسانی با کمترین میزان مهارت به بالاترین موفقیت ها دست پیدا کردن 👌
تفاوت این دو شخص فقط در تجربست 🤝
چون در مورد دوم، شخص منتظر نمونده تا به همه چیز مسلط بشه و بعد شروع کنه و فقط شروع کرده و بعدا بهترش کرده و در طی مسیر کلی تجربه کسب کرده!
@js_challenges
@js_masters_gp
عکس ارسالی از ممبرهای گروه ❤️
مورد دوم رو بسیار بسیار جدی بگیرید
قطعا هم برای شما و هم برای من پیش اومده که به این موضوع فکر کنیم که آیا برای اینکه بخوایم وارد بازار کار بشیم و یا اصلا یه کاریو شروع کنیم، آیا لازمه به همه چیز مسلط بشیم؟
اصلا و ابدا اینطوری نیست، اصلا!
چه بسا کسانی که با مهارت های فوق العاده و توانایی های بسیار به هیچ موفقیتی نرسیدن چون اصطلاحا در tutorial hell گیر کردن و چه بسا کسانی با کمترین میزان مهارت به بالاترین موفقیت ها دست پیدا کردن 👌
تفاوت این دو شخص فقط در تجربست 🤝
چون در مورد دوم، شخص منتظر نمونده تا به همه چیز مسلط بشه و بعد شروع کنه و فقط شروع کرده و بعدا بهترش کرده و در طی مسیر کلی تجربه کسب کرده!
@js_challenges
@js_masters_gp
🔥8👍3❤2
👍5😎2🔥1
🔥پنج نوع مختلف arrow function
👨💻تو این پست براتون انواع arrow function ها رو لیست کردم.
با توجه به فشاری که برای functional programming وجود داره خیلی خوبه که بتونین تو استفاده از arrow function ها تسلط داشته باشین.مخصوصا توی توابع کال بک که باعث سادگی و همینطور افزایش پرفورمنس کدتون میشه👌
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👨💻تو این پست براتون انواع arrow function ها رو لیست کردم.
با توجه به فشاری که برای functional programming وجود داره خیلی خوبه که بتونین تو استفاده از arrow function ها تسلط داشته باشین.مخصوصا توی توابع کال بک که باعث سادگی و همینطور افزایش پرفورمنس کدتون میشه👌
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍7😎2