NEW BOT Телеграм, страница

حتما به ویس توضیحات گوش بدید #js_challenge #your_challenge #no18 #easy_to_medium هشتگ های مرتبط: #strings #arrays #chaining_methods لینک سوال: https://www.codewars.com/kata/541c8630095125aba6000c00/train/javanoscript @js_masters_gp

10:45

Media is too big

VIEW IN TELEGRAM

#answer
#no18

هنوز 300 تا نشدیم ولی من پیشاپیش 300 تایی شدنمون رو به کامیونیتی بزرگمون تبریک میگم

انشالا روز به روز این چنل و این کامیونیتی بزرگ و بزرگتر بشه 🔥

🔥15

635 viewsMehrshad, 15:59

#answer #no18 هنوز 300 تا نشدیم ولی من پیشاپیش 300 تایی شدنمون رو به کامیونیتی بزرگمون تبریک میگم انشالا روز به روز این چنل و این کامیونیتی بزرگ و بزرگتر بشه 🔥

Way-Down-We-Go=>GOODMUSICS.IR

KALEO =>GOODMUSICS.IR

#Out_Of_IDE
#Music

می‌زنیم به سلامتی ۳۰۰ تایی شدنمون 🍷

راستی بچه هایی که داخل گروه این چنل عضو نیستید، حتما عضو بشید چون کلی دوستانی که عضو هستن در مورد چالش ها صحبت میکنن و نکات خوبی داخلش رد و بدل میشه 👌

آیدیش هم @js_masters_gp هست

❤‍🔥10

672 viewsMehrshad, edited 16:59

9:47

Media is too big

VIEW IN TELEGRAM

#GitHub
#DOM

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

در این ویدیو ساختار کلی قرارگیری پروژه های DOM و چالش های جاوااسکریپت رو براتون توضیح دادم

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

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

داخل این ریپازیتوری دوتا پوشه هست به نام های DOM و JS Challenges

داخل DOM هر هفته یک پروژه قرار میگیره که خودتون باید html css js رو بزنید و اونجا داخل فولدر همون پروژه، یک پوشه به اسم خودتون درست کنید و اونجا آپلودش کنید و همین موضوع برای چالش های جاوااسکریپت داخل پوشه JS Challenges هم صدق میکنه

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

توضیحات تکمیلی تر داخل ویدیو هست

این هفته قراره روی یک Image Carousel کار بکنیم 🔥

@js_masters_gp

🔥12👍3👌2❤1

798 viewsMehrshad, edited 07:06

14:18

#Out_Of_IDE
#Fun

مخصوصا وقتی که هنوز پروژه رو استارت نکردیم و دنبال اینیم كه چرا تغییرات اعمال نمیشه 😂

😁21❤2👎2👍1

622 viewsMehrshad, 18:19

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

#js_challenge
#your_challenge
#no19
#medium

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

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

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

@js_challenges
@js_masters_gp

🔥7

559 viewsMehrshad, edited 04:39

حتما به ویس توضیحات گوش کنید #js_challenge #your_challenge #no19 #medium هشتگ های مرتبط: #strings #arrays لینک سوال: https://www.codewars.com/kata/57eb8fcdf670e99d9b000272 این اولین سوالیه که دارم براتون از دانشگاه میزارم با لپ تاپ 🔥 پس حتما حلش بکنید…

1:52

توضیحات سوال

👌3

504 viewsMehrshad, edited 04:42

13:22

Media is too big

VIEW IN TELEGRAM

#answer
#no19

سوال بسیار جذابی بود به نظر من

نظر شما چیه؟

دوستان راستی گروه متصل به چنل عضو باشید بحث های خوبی حول این چالش ها و موارد دیگه اتفاق میافته ❤️

@js_masters_gp

🔥9

469 viewsMehrshad, edited 15:59

#Out_Of_IDE

#FUN

من که خودم اینجوریم بعضی وقتا 😅

👍13😁2

463 viewsAmir Nobari, 21:54

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

#js_challenge
#your_challenge
#no20
#medium

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

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

@js_masters_gp

🔥5

513 viewsMehrshad, edited 04:23

حتما به ویس توضیحات گوش کنید #js_challenge #your_challenge #no20 #medium هشتگ های مرتبط: #arrays لینک سوال: https://www.codewars.com/kata/5679aa472b8f57fb8c000047/train/javanoscript @js_masters_gp

4:28

توضیحات سوال

471 viewsMehrshad, edited 04:29

13:11

Media is too big

VIEW IN TELEGRAM

#answer
#no20

این هم به نظر من چالش خفنی بود 🔥

گروه متصل به چنل:
@js_masters_gp

🔥5👍1

463 viewsMehrshad, edited 15:50

#Out_Of_Laptop

🟢 رسمی؛ بازی الاتحاد - سپاهان به دلایل سیاسی لغو شد!

چرا واقعا؟!

گروه متصل به چنل:
@js_masters_gp

👍5🆒1

459 viewsMehrshad, 17:48

3:21

This media is not supported in your browser

VIEW IN TELEGRAM

#no21
#DOM

بعد از دو چالش خفن، یه چالش ساده تر داریم از DOM

این عملکردی که برای این textarea میبینید عملکرد بسیار معمولی هست که قطعا داخل سایت های مختلف دیدید

امروزم تعطیله دیگه بشینید حلش بکنید 🔥

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

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

@js_challenges
@js_masters_gp

❤9👍1

478 viewsMehrshad, edited 06:57

کد های HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
    <noscript defer src="./main.js"></noscript>
    <noscript>Document</noscript>
  </head>
  <body>
    <div class="container">
      <span class="text">Write something about yourself</span>
      <div class="text-box">
        <textarea
          id="story"
          type="text"
          placeholder="Tell about yourself..."
          maxlength="180"
        ></textarea>
        <p class="count"><span class="counter">180</span> / 180</p>
      </div>
    </div>
  </body>
</html>

کد های CSS:

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: cursive;

  height: 100vh;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}

.text {
  font-size: 2rem;
  color: black;
}

#story,
button {
  border: none;
  outline: none;
  height: 20rem;
  width: 40rem;
  border-radius: 1.5rem;
  background-color: #000000;
  padding: 2rem;
  color: white;
  font-size: 2rem;

  transition: all 0.3s;
}

button {
  height: auto;
  width: auto;
}

button:hover {
  cursor: pointer;
}

#story::placeholder {
  transition: all 0.3s;
}

#story:focus::placeholder {
  opacity: 0;
}

.text-box {
  position: relative;
}

.count {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  color: white;
}

.counter.red {
  color: red;
}

@js_challenges
@js_masters_gp

🔥4👌3👎1😁1

486 viewsMehrshad, edited 10:33

16:35

Media is too big

VIEW IN TELEGRAM

#answer
#no21

بچه ها این ویدیو رو من سه بار compress کردم که حجمش بیاد پایین

چون دوتا ویدیو شد که بعد با کپ کات به هم چسبوندم، حجمش شد 160 مگ 😐

بعد از دو سه بار فشرده کردن این شده حجمش
حالا شما ریکشنارو بکوبید که هممون بعد از این چالش کاربردی انرژی بگیریم 🔥

@js_challenges
@js_masters_gp

🔥14👍2

431 viewsMehrshad, edited 17:05