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

به طور خلاصه باید منطق یک بازی سنگ کاغذ قیچی رو داخل فانکشن بنویسید 👌

#js_challenge
#no29
#easy

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

@js_challenges
@js_masters_gp

#js_challenge
#no31
#easy_to_medium

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

این هم از password strength checker 🔥

فایل های html css چالش های DOM از این به بعد داخل گیت هاب قرار میگیره و میتونید از اونجا برش دارید، لینک ریپازیتوری مربوط به این چالش:
https://github.com/MCKH03/Pass_Strength_Checker_1

ضمنا اگر گیت هاب بلد نیستید، حتما یاد بگیرید که فوق العاده مهمه! از کجا؟ از این ویدیوی بنده که در 30 دقیقه هر آنچه که در گیت هاب نیاز دارید رو بهتون آموزش دادم ❤️:
https://t.me/js_challenges/161

@js_challenges
@js_masters_gp

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

#js_challenge
#no32
#easy_to_medium

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

لینک برنچ مربوطه:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_32

لینک ریپازیتوری:
https://github.com/MCKH03/JS_Challenges

و اما اولین چالشی که در گیت هاب قرار گرفت ...
عدد 32 رو به یاد داشته باشید که جاودانه خواهد ماند ❤️‍🔥

منتظر فورک ها و استارهای متعدد شما هستم 😁😂

#Out_Of_IDE

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

#js_challenge
@js_masters_gp

⚠️چالش امروز رو از دست ندید⚠️
https://t.me/js_challenges/299

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

#no33
#medium

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

لینک ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges

لینک برنچ مربوط به این چالش:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_33

منتظر pull request های شما هستم 😁

@js_challenges
@js_masters_gp

توضیحات چالش رو گوش بکنید

#js_challenge
#no34
#medium

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

لینک ریپازیتوری اصلی چالش ها:
https://github.com/MCKH03/JS_Challenges

لینک برنچ مربوط به این چالش:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_34

اگر دوست دارید نحوه کار با گیت هاب رو یاد بگیرید، این ویدیو رو نگاه کنید:
https://t.me/js_challenges/161

@js_challenges
@js_masters_gp

#js_challenge
#DOM
#no35

طبق نظرسنجی که هفته قبل گذاشته شد، زوم شدن عکس با هاور کردن مثل چیزی که در سایت دیجی کالا دیدید رتبه دوم رو کسب کرد و ما هفته قبل چک کردن قدرت پسورد رو بررسی کردیم 🔥

و امروز میخوایم به زوم شدن عکس با هاور شدن بپردازیم 👌

و از اونجایی که برای حل این چالش باید به مواردی مثل offsetX pageX screenX clientX مسلط باشید، امروز یا فردا یک js_nugget در رابطه با این ها ضبط میکنم براتون ❤️

راستی کد های html css این چالش رو براتون داخل ریپازیتوری اصلی قرار دادم:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Image%20Zoom%201

البته اگر کد html css این رو خودتون نزنید دیگه واقعا نشون میده بسیار آدم ...
پیش فعالی هستید 😂

@js_challenges
@js_masters_gp

سلام بچه ها ساعت سه شما بخیر

آقا یه سوال داشتم ازتون، یه عزیزی اومد پیوی بنده و به من گفت که تایمی که من برای حل کردن چالش ها توسط شما در نظر گرفتم کمه

من معمولا همون روزی که چالش رو میزارم شب جوابش رو میزارم حالا با توجه به اینکه الان دانشگاهم میرم، معمولا بعد از ظهرا چالش رو میزارم

حالا میخواستم بپرسم از شما که آیا به نظر شما هم تایم پاسخگویی کمه؟ بزارم بعد از ۲۴ ساعت جواب چالش رو بزارم؟

منظورم #js_challenge ها هست

آره بعد از ۲۴ ساعت 👍
نه شب همون روز 🔥

#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
#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

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

#js_challenge
#no38
#easy_to_medium

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

لینک چالش داخل ریپازیتوری در برنچ مربوطه:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_35

@js_challenges
@js_masters_gp

حتما به ویس توضیحات گوش کنید
#js_challenge
#no39
#easy

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

لینک برنچ مربوطه داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_36

کار کردن با تاریخ ها داخل جاوااسکریپت جزو یکی از پرتکرارترین کارهاییه که انجام میدیم ...

پس خوب یادش بگیرید!

@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

#js_challenge
#DOM
#no40
#hard


آقا یه چالش خفن و پر و پیمون آوردم براتون عشق کنید 🔥
عملکرد یک سبد خرید 👌
ولی چالش سختیه و نیاز داره به آزمون و خطای بسیار!

اگر کسی این رو با جاوااسکریپت خام بزنه، کارش واقعا درسته چون یه کد زدن همچین چیزی با ریکت بسیار ساده تر و شیرین تره 👌
ولی زدنش با جاوااسکریپت خام بسیار بسیار میتونه به حل مسئله و یادگیری جاوااسکریپتتون کمک کنه

اما نکته اینجاست که اگر تلاشی برای حل کردنش نکنید، هیچی یاد نمیگیرید!
پس هر چقدر هم که شده سعی بکنید کدش رو بزنید که بسیار بسیار وقتی ویدیوی جواب رو ببینید در یادگیری بهتون کمک میکنه ❤️

آدرس api ای که اطلاعات از اونجا گرفته شده:
https://fakestoreapi.com/products

آدرس بخشی از ریپازیتوری اصلی که فایل های HTML و CSS این چالش اونجا قرار گرفته:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Cart%201


@js_challenges
@js_masters_gp

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

#js_challenge
#no41
#easy_to_medium

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

لینک برنچ مربوط به چالش داخل ریپازیتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_37

وقتی چالش رو حل کردید، پول ریکوئست فراموش نشه ✌️

@js_challenges
@js_masters_gp

به ویس توضیحات گوش فرا بدید 👌

#js_challenge
#no42
#easy_to_medium

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

لینک برنچ مربوط به چالش داخل ریپازتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_38

این چالش مخصوصا اگر کسی اینستاگرام کار میکنه خیلی به دردش میخوره 🤝

@js_challenges
@js_masters_gp

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

#js_challenge
#no43
#easy_to_medium

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

لینک برنچ مربوطه داخل ریپازیتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_39

@js_challenges
@js_masters_gp

#js_challenge
#no44
#DOM
#medium

لینک فایل های html css و starter.js داخل ریپازیتوری اصلی چنل:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Text%20Collapse%201

خب میریم سراغ چالش DOM بعدی در رابطه با این کومپوننت هایی که قطعا دیدید که وقتی روشون کلیک میشه متنشون بیشتر و یا کمتر نشون داده میشه 👌

کسی که چالش های DOM این چنل رو حل بکنه، بعد وقتی بخواد از ریکت استفاده بکنه قدرش رو خیلی بیشتر میدونه 😁
البته اینم بگما، عزیزانی که ریکت کار میکنید میتونید این چالش های DOM رو شما با ریکت بزنید چون کاملا برای ریکت هم کاربردی هستن ...

ببینید و حلش بکنید و وقتی حلش کردید از کومپوننتی که خودتون طراحی کردید یه ویدیو بگیرید بفرستید ❤️

@js_challenges
@js_masters_gp

#js_challenge
حتما توضیحات سوال رو گوش بکنید

#no46
#easy_to_medium

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

لینک سوال:(برای تست جواب‌هاتون)
https://www.codewars.com/kata/514b92a657cdc65150000006

پ.ن.پ: دوستان جواب چالش رو تا شب تو یوتوب قرار میدیم❤️
پ.ن.پ ۲: منتظر اسنپ شات های شما دوستان هستیم😎

@js_challenges
@js_masters_gp