سلام به همگی 👋

اینجا قراره روزانه چالش جاوااسکریپت حل بکنیم و کلی مطلب جدید از هم یاد بگیریم 🔥

برای استارت فقط کافیه بدونید که چالش هارو میتونید با هشتگ #js_challenge یا #your_challenge پیدا بکنید و جواب چالش ها رو هم میتونید با هشتگ #answer پیدا بکنید، بقیه اش رو خودتون متوجه میشید 😉

راستی ما یه گروه هم داریم که به همین چنل متصله که بحث های جالبی حول همین چالش ها و موارد دیگه داخلش صورت میگیره ❤️ که آیدیش @js_masters_gp هست

آیدی من هم @MehrshadHeisenberg3 هست

هر موردی بود در خدمتم، از تعریف گرفته تا انتقاد و فرستادن چالش های مورد نظر شما ✌️

حتما حتما هم چنل یوتیوبمون رو دنبال کنید چون فوق العاده مطالب مهمی و آموزشی خوبی رو براتون داخلش قرار میدیم:
https://www.youtube.com/@codelabplus

به توضیحات سوال حتما گوش کنید
#js_challenge
#your_challenge
#no9
#medium

هشتگ های مرتبط:
#objects
#arrays
#loops

لینک سوال:
https://www.codewars.com/kata/525c65e51bf619685c000059/train/javascript

ببینم چه میکنید 🔥

@js_challenges

حتما به ویس توضیحات گوش بکنید

#js_challenge
#your_challenge
#no10
#easy

هشتگ های مرتبط:
#async_await
#promises

با این مثال وارد فضای async await میشیم
منتظر چالش های خفن تر در آینده باشید ✌️

حتما به ویس توضیحات گوش بدید

#js_challenge
#your_challenge
#no18
#easy_to_medium

هشتگ های مرتبط:
#strings
#arrays
#chaining_methods

لینک سوال:
https://www.codewars.com/kata/541c8630095125aba6000c00/train/javascript

@js_masters_gp

حتما به ویس توضیحات گوش کنید

#js_challenge
#your_challenge
#no19
#medium

هشتگ های مرتبط:
#strings
#arrays

لینک سوال:
https://www.codewars.com/kata/57eb8fcdf670e99d9b000272

این اولین سوالیه که دارم براتون از دانشگاه میزارم با لپ تاپ 🔥 پس حتما حلش بکنید 😁

@js_challenges
@js_masters_gp

حتما به ویس توضیحات گوش کنید

#js_challenge
#your_challenge
#no20
#medium

هشتگ های مرتبط:
#arrays

لینک سوال:
https://www.codewars.com/kata/5679aa472b8f57fb8c000047/train/javascript

@js_masters_gp

حتما به ویس توضیحات گوش کنید

#js_challenge
#your_challenge
#no23
#medium

هشتگ های مرتبط:
#arrays

لینک سوال:
https://www.codewars.com/kata/525caa5c1bf619d28c000335/train/javascript

اگر از UI بازی و این موارد بگذریم، میشه گفت با حل این چالش تقریبا یک بازی Tic-Tac-Toe نوشتید 🔥

@js_challenges
@js_masters_gp

حتما به ویس توضیحات گوش کنید

به طور خلاصه، باید فانکشنی بنویسید که استرینگ هایی با قالب بالا رو به آبجکت هایی با قالب پایین تبدیل کنه

#js_challenge
#your_challenge
#no27
#medium

هشتگ های مرتبط:
#parsing_data
#arrays

@js_challenges
@js_masters_gp

CHALLANGE 14
#quick_challenge

بحث در مورد سوال در گروه ...
@js_masters_gp

چالش امروز روهم از دست ندید 😉
https://t.me/js_challenges/226

#هشتگ

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

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

حتما توی یوتیوب هم مارو دنبال کنید:
YouTube

لینک شبکه هایی که داخلشون اپیزودهای پادکست #برنامه_نویس_آگاه منتشر میشه:
CastBox
Google Podcasts
Spotify

هشتگ های مربوط به دوره های دوبله شده:
#Course
#JavaScript
#Jonas_Schmedtmann
#S01 #S02 ....
#E01 #E02 ....

اگر هم میخواید که به فایل زیپ دوبله فصل های مختلف دسترسی داشته باشید میتونید از ربات استفاده کنید:
@jschallenges_chat

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

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets

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


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

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

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

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#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

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#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