Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.3K subscribers
643 photos
353 videos
88 files
793 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://t.me/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
Media is too big
VIEW IN TELEGRAM
#answer
#no30

هم اکنون چالش های چنل با تعداد روزهای یک ماه برابری میکنه ...

خوشحالم که در این مدت نسبتا کم به 750 نفر در چنل و 100 نفر در گروه رسیدیم ...
کنار هم رشد کردیم و خواهیم کرد و مطمئن باشید که این چنل، گروه و کامیونیتی به یکی از بزرگترین ها تبدیل خواهد شد ❤️‍🔥

عزیزان هر انتقادی، نظر و یا تعریفی دارید خوشحال میشم بدونم چراکه تک تک صحبت های شما باعث ترقی این کامیونیتیه 🔥

@js_challenges
@js_masters_gp
❤‍🔥13🔥3👍1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
#js_challenge #no31 #easy_to_medium هشتگ های مرتبط: #DOM این هم از password strength checker 🔥 فایل های html css چالش های DOM از این به بعد داخل گیت هاب قرار میگیره و میتونید از اونجا برش دارید، لینک ریپازیتوری مربوط به این چالش: https://github.com/MCK…
Media is too big
VIEW IN TELEGRAM
#answer
#no31

خب اینم از password strength checker 👌
از همین الان به فکر چالش DOM بعدی باشید

فایل نهایی جاوااسکریپت این چالش هم به ریپازیتوری اضافه شد:
https://github.com/MCKH03/Pass_Strength_Checker_1

ضمنا، فردا پس فردا یه js_nugget داریم از Intersection Observer API، پس stay tuned 🔥
همچنین از همین الان به فکر js_nugget بعدی هم باشید

منتظر نظرات شما در مورد این ویدیو هم هستم 😁

@js_challenges
@js_masters_gp
👍7👌1
#answer
#no35

بسیار ساده و مجلسی میتونید همچین افکتی رو بزنید
چیزی که من متوجه شدم اینه که اکثرا داخل جااواسکریپت دنبال ترفندهای خیلی خفنی هستن ولی باور کنید به روش های خیلی ساده میشه عملکردهای جذابی رو پیاده سازی کرد 👌🔥

وقتی گفته میشه باید سعی کنیم تا حد امکان از پکیج های کمتری برای عملکردهای مختلف استفاده کنیم دقیقا یعنی همین 🤝

@js_challenges
@js_masters_gp
🔥13👎3❤‍🔥2
#answer
#no37
#js_nuggets
Fetch
Try catch block

شما رو نمیدونم ولی به نظر من پاسخ چالش شماره 37 یک کرش کورس کوتاه محسوب میشه 👀
حتی شاید بشه js_nugget هم در نظر گرفتش

یعنی داخل همین چندتا ویدیو کلی مطلب یاد میگیرید: 🔥
fetch, error handling, loading state, options object in fetch, try catch block, async await ...

هر زمان حس کردید توی که ذره ای توی fetch و این موارد مشکل دارید به همین ویدیو مراجعه کنید و اگر باز هم مشکلی بود (که نخواهد بود!) داخل گروه بپرسید 👌

راستی منتظر نظرات شما از جمله تعاریف شما هستم 😁

@js_challenges
@js_masters_gp
🔥8😎1
#answer
#no38
#js_nuggets
Map data structure

درسته که این ویدیوها در واقع جواب چالش شماره 38 هستن اما چون داخلش با هم Map data structure رو هم یاد میگیریم، به عنوان js_nugget هم دسته بندیش کردم 👌🔥

گاهی اوقات Map بسیار تمیز تر از Object ها عمل میکنه و میتونه جلوی خیلی از کثیف کاری ها رو بگیره 🤝

پ.ن: ترتیب ویدیوها ابتدا از بالا به پایین و بعد از چپ به راست هست

@js_challenges
@js_masters_gp
🔥4👍3
#answer
#no39

الحق و الانصاف که new Date خیلی کانستراکتور خفنیه 🔥
یعنی هر نوع تاریخی تحویل بدی این برات تبدیلش میکنه به یک آبجکت جذاب 👌

حالا بگید ببینم (مخصوصا کسایی که تازه با constructor آشنا شدن)، آیا میدونید constructor function دقیقا چیه 😄؟

@js_challenges
@js_masters_gp
🔥9❤‍🔥1👍1
هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

جواب چالش ها:
#answer

لینک ریپازیتوری ای که تمام چالش های اصلی اونجا جمع شده میتونید یه جا دسترسی داشته باشید:
https://github.com/MCKH03/JS_Challenges

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets
مواردی که تاکنون داخل js_nuggets آموزش داده شده:
Intersection Observer API
Short Circuting
Object Destructuring
Array Destructuring
map filter reduce methods
clientX screenX pageX offsetX
clientY screenY pageY offsetY
Fetch
Try catch block
Map data structure

آموزش های طولانی (عموما بیشتر از ۱۵ دقیقه):
#js_amozsh

سطوح چالش های اصلی چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#dates
#GitHub
#DOM

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun
#Tech_Trends

مطالب خارج از محیط سیستم:
#Out_Of_Laptop

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp
👍61
#answer
#no40

و اما جواب چالش سبد خرید 🔥
آقا حقیقتش رو بخواید به نظر من این واقعا یک مینی دورست
یعنی هر چی مطلب که میتونستم تو این ویدیوها بهتون انتقال بدم رو بهتون آموزش دادم ❤️

ضمنا توی آخرین ویدیو بهتون گفتم که خب الان تفاوت یک فریمورکی مثل ریکت (که البته در اصل یک لایبرری هست) با جاوااسکریپت خام توی زدن یه همچین چیزی دقیقا چیه 👌
اونجاست که به قدرت ریکت و کلا فریمورک ها ایمان میارید
و ضمنا چشمه ای functional programming رو بهتون یاد دادم

پ.ن اول: ترتیب ویدیوها ابتدا از بالا به پایین و از سمت چپ به راست هست
————————————————
پ.ن دوم: آقا من هر چقدر سعی کردم حجم این ها رو بیارم پایین نشد، برای همین شما صرفا یکی دوتا ویدیو رو نگاه کنید، اگر براتون مفید بود (که حتما هست) بقیش رو دانلود کنید
————————————————
پ.ن سوم: جواب خیلی طولانی شد چون چالش واقعا چالش سختی بود و من سعی کردم به کاملترین شکل ممکن براتون توضیحش بدم ✌️
————————————————
پ.ن چهارم: بازخوردتون نیروی محرکه بندست، خواهشا منو از بازخورداتون نسبت به این ویدیوها دریغ نکنید ❤️

@js_challenges
@js_masters_gp
❤‍🔥16👍2🔥2
Media is too big
VIEW IN TELEGRAM
#answer
#no41

جواب چالش شماره 41
فقط یک خط 👌

میدونید این قدرت چیو نشون میده؟ قدرت متودهایی مثل map filter reduce

به نظر من این متودها چندین لول سطح زبان جاوااسکریپت رو بالا بردن چون فوق العاده کاربردی هستن و استفاده ازشون عجیب راحته 🔥
🔥16
Media is too big
VIEW IN TELEGRAM
#answer
#no42

چند نفرتون همه متودارو پشت سر هم ردیف میکنید 😁؟

من حقیفتا دیگه بیشتر از دو سه تا دیگه نمیفهمم چی دارم مینویسم 😂

در هر حال اینم جواب چالش شماره 42، لذت ببرید و قدرت متودها رو پشت سر هم دیگه ببینید 👌

@js_challenges
@js_masters_gp
🔥11❤‍🔥1
Media is too big
VIEW IN TELEGRAM
#answer
#no42

هر چقدر بیشتر با reduce کار میکنم، بیشتر بهش علاقه مند میشم ...

تازه اینکه یه استفاده سادس انشالا بعدا استفاده های پیچیده تری رو هم ازش براتون میارم 👌

ضمنا احتمالا چالش بعدی مربوط به DOM باشه از این کومپوننت هایی که دیدید که میزنید روش تکست رو نشون میده، وقتی میزنید بسته میشه بقیه تکست رو سه نقطه میزاره 🔥

اگر پیشنهاد های دیگه ای دارید بدید برای چالش های بعدی ...

@js_challenges
@js_masters_gp
🔥13👍1
Media is too big
VIEW IN TELEGRAM
#answer
#no44

انصافا برنامه نویسی با جاوااسکریپت خام یه چیز دیگست
ریکت و امثالهم لذت باگ زدایی رو از آدم میگیرن 😁

پ.ن: متاسفانه زور VLC و یا برنامه های دیگه ای که باهاشون سعی میکنم حجم رو بیارم پایین به ویدیوهایی که با بندیکم میگیره به اندازه سایر ویدیوها نمیرسه، بیشتر از این نشد حجم ویدیو رو بیارم پایین 💔

احتمالا رکوردر رو از دفعات بعد عوض کنم که این مشکل برطرف بشه 👌

@js_challenges
@js_masters_gp
👍11
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
#js_challenge حتما توضیحات سوال رو گوش بکنید #no46 #easy_to_medium هشتگ های مرتبط: #arrays #numbers لینک سوال:(برای تست جواب‌هاتون) https://www.codewars.com/kata/514b92a657cdc65150000006 پ.ن.پ: دوستان جواب چالش رو تا شب تو یوتوب قرار میدیم❤️ پ.ن.پ ۲: منتظر…
#answer
#no46

آقا جواب چالش آپلود شد🔥


دوستان حالا تو یوتوب به حضور سبزتون نیازمندیم❤️

🧑‍💻تو این ویدیو سعی کردم علاوه بر حل چالش حتی بیشتر از نیاز خودش هرچه ساده تر و مفهومی تر هر خط کدی رو که زدم براتون توضیح بدم.
پ.ن.پ: حمایت فراموشتون نشه😎
لینک ویدیو:
https://www.youtube.com/watch?v=AJ2Z9BU6JOI

@js_challenges
@js_masters_gp
🔥761👍1