Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

Открыть в Telegram

اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝 دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان: https://t.me/DeepDevs/2166 تبلیغات و تبادل نداریم گروه اصلی برای پرسش و پاسخ: @DeepDevsGpOriginal گروه چت: @InstaDevsGp

Больше

Иран33 429 Технологии и приложения13 203

9 043

Подписчики

+224 часа

+337 дней

+5130 день

2 515

Просмотры поста

Нет данных24 часа

Нет данных48 часов

27.81%

Коэффициент вовлеченности

Нет данных

Постов в день

Ads index

beta

Архив постов

9 047

یکی دیگه بزارم؟! Sure 👍 Nah! 👎

9 047

خروجی؟

Anonymous voting

9 047

#quick_challenge این چالش ها رو جوابشون رو دوستانی که فرستادن داخل گروه توضیح میدن ❤️ @js_masters_gp فقط خواهشاً اول خودتون جواب بدید بعد جواب رو داخل گروه بخونید، با تشکر 😁

9 047

#Out_Of_IDE #Fun درگیری شما کدومه؟ بالایی یا پایینی 😂؟ @js_challenges @js_masters_gp

9 047

#answer #no22 هوش مصنوعی؟! بله هوش مصنوعی 😄 @js_challenges @js_masters_gp

9 047

توضیحات سوال

9 047

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

9 047

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

Anonymous voting

9 047

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

Anonymous voting

9 047

#answer #no21 بچه ها این ویدیو رو من سه بار compress کردم که حجمش بیاد پایین چون دوتا ویدیو شد که بعد با کپ کات به هم چسبوندم، حجمش شد 160 مگ 😐 بعد از دو سه بار فشرده کردن این شده حجمش حالا شما ریکشنارو بکوبید که هممون بعد از این چالش کاربردی انرژی بگیریم 🔥 @js_challenges @js_masters_gp

9 047

کد های 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" />
    <script defer src="./main.js"></script>
    <title>Document</title>
  </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

9 047

#no21 #DOM بعد از دو چالش خفن، یه چالش ساده تر داریم از DOM این عملکردی که برای این textarea میبینید عملکرد بسیار معمولی هست که قطعا داخل سایت های مختلف دیدید امروزم تعطیله دیگه بشینید حلش بکنید 🔥 راستی پیامی که ریپلای زدم رو بخونید و چالش داخل گیت هاب رو هم حتما بررسی بکنید چالش DOM خوبی داخل گیت هابم قرار دادم براتون که این هفته جوابش رو میزارم اگر هم عملکرد معمول یا غیر معمول دیگه ای مد نظر شما هست که داخل سایت های دیگه دیدید و دوست دارید اون ها رو با هم پیاده سازی بکنیم، حتما به من بگید که داخل چنل قرار بدم ✌️ @js_challenges @js_masters_gp

9 047

#Out_Of_Laptop 🟢 رسمی؛ بازی الاتحاد - سپاهان به دلایل سیاسی لغو شد! چرا واقعا؟! گروه متصل به چنل: @js_masters_gp

9 047

#answer #no20 این هم به نظر من چالش خفنی بود 🔥 گروه متصل به چنل: @js_masters_gp

9 047

توضیحات سوال

9 047

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

9 047

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

9 047

#answer #no19 سوال بسیار جذابی بود به نظر من نظر شما چیه؟ دوستان راستی گروه متصل به چنل عضو باشید بحث های خوبی حول این چالش ها و موارد دیگه اتفاق میافته ❤️ @js_masters_gp

9 047

توضیحات سوال

9 047

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