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

حتما به ویس توضیحات گوش کنید #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

#GitHub #DOM از همین امروز، چالش های داخل گیت هاب استارت میخوره ✌️ در این ویدیو ساختار کلی قرارگیری پروژه های DOM و چالش های جاوااسکریپت رو براتون توضیح دادم اگرم باز هم سوالی داشتید از خودم بپرسید اما به طور کلی ساختار این ریپازیتوری به این صورته: یک…

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

موافق هستید در مورد گیت هاب یه ویدیوی مختصری بگیرم در حد کمتر از ۳۰ دقیقه براتون توضیحش بدم؟

Anonymous Poll

نه 😐

39%

آره ولی اگر یه ویدیوی خوب از یوتیوب براش معرفی کنی بهتره 👍

52%

قطعا موافقم 🔥

85 voters411 viewsMehrshad, 17:10

const arr = [1,2,3];
arr [ -1 ] = 0;
console.log(arr.length); #TIPS_TRICS

Anonymous Quiz

👌10

90 voters395 viewsAmir Nobari, 20:25

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

#js_challege
#no22
#medium

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

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

@js_challenges
@js_masters_gp

🔥7👍2

470 viewsMehrshad, edited 04:28

به ویس توضیحات گوش کنید #js_challege #no22 #medium هشتگ های مرتبط: #validation #regex لینک سوال: https://www.codewars.com/kata/52e1476c8147a7547a000811/train/javanoscript @js_challenges @js_masters_gp

2:03

توضیحات سوال

👍8

431 viewsMehrshad, edited 04:31

5:35

Media is too big

VIEW IN TELEGRAM

#answer
#no22

هوش مصنوعی؟! بله هوش مصنوعی 😄

@js_challenges
@js_masters_gp

😁7

422 viewsMehrshad, edited 14:38

#Out_Of_IDE
#Fun

درگیری شما کدومه؟ بالایی یا پایینی 😂؟

@js_challenges
@js_masters_gp

❤10👎3😁3

420 viewsMehrshad, edited 17:58

#quick_challenge

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

فقط خواهشاً اول خودتون جواب بدید بعد جواب رو داخل گروه بخونید، با تشکر 😁

👍6

397 viewsMehrshad, edited 07:02