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

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

Eron33 429 Texnologiyalar & Aralashmalar13 203

9 043

Obunachilar

+224 soatlar

+337 kunlar

+5130 kunlar

2 515

Post ko'rishlar

Ma'lumot yo'q24 soatlar

Ma'lumot yo'q48 soatlar

27.81%

Muloqot nisbati

Ma'lumot yo'q

Kuniga postlar

Ads index

beta

Postlar arxiv

9 044

موافقید فردا یه ویدیوی کوتاه در مورد short circuiting به کمک عملگرهایی مثل && یا || و همچنین نکته همین سوال بزارم براتون؟ به ۳۰ تا 👍 برسه میزارم ❤️ @js_challenges @js_masters_gp

9 044

خروجی ؟

Anonymous voting

9 044

CHALLANGE 12 #quick_challenge بحث در مورد سوال در گروه ... @js_masters_gp

9 044

خروجی؟؟؟؟

Anonymous voting

9 044

CHALLENGE 11 #quick_challenge بحث در مورد سوال داخل گروه ... @js_masters_gp دوستان جواب چالش دیروز رو حتما نگاه کنید. https://t.me/js_challenges/206

9 044

این هم برای اون دسته از عزیزانی که حوصله ویدیو دیدن رو ندارن 😁 هر چند توصیه میکنم حتما ببینید ارزش داره ❤️ @js_challenges @js_masters_gp

9 044

#answer #no26 بابت اون واترمارک که دقیقا روی بنده هست باید بگم که نمیدونستم واترمارک دقیقا اونجا قرار میگیره و دفعات بعد حتما جای خودم رو عوض میکنم 👌 راستی ویدیو با حضور خودم چطور بود 😄؟ چون طول ویدیو زیاد شد، برای همین حجمش یه مقدار زیاد شده تازه این بعد از کم کردن حجمشه ... @js_challenges @js_masters_gp

9 044

چقدر هوادار دارم خبر نداشتم 😁❤️ انشالا فردا ویدیوی چالش امروز رو با حضور خودم خواهم گذاشت براتون 🔥

9 044

بچه ها موافقید از این به بعد خودمم داخل ویدیوها باشم؟! به همون شکلی که همه جا دیدید گوشه پایین سمت راست به حالت یه دایره کوچیک بله بله 👍 نه 👎

9 044

بچه ها موافقید یه تبلیغ خیلی ریز داخل یه چنلی بریم یه مقدار ممبر بگیریم؟ به نظرتون چنل به اندازه کافی رشد کرده و محتوا به اندازه کافی مفید هست که تبلیغ جواب بگیره 🤔؟ آره عالیه 👍 متوسط 🔥 اصلا! 👎 اگرم چنلی میشناسید که هم قیمتش منصفانس و هم در رابطه با برنامه نویسیه خوشحال میشم برام داخل کامنت ها بنویسید ❤️ به ۴۵ تا 👍 برسه میزارم #موقت

9 044

خروجی؟؟؟

Anonymous voting

9 044

CHALLENGE 10 #quick_challenge بحث در مورد سوال داخل گروه ... @js_masters_gp دوستان چالش امروز رو از دست ندین و حلش بکنید قطعا مفید براتون . https://t.me/js_challenges/197

9 044

#Out_Of_IDE #Fun فقط عاشق اون قسمت API شدم😂😂 دوستان چالش امروز رو از دست ندین و حلش بکنید قطعا مفید براتون . https://t.me/js_challenges/197 @js_challenges @js_masters_gp

9 044

کدهای HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Codewars</title>
    <link rel="stylesheet" href="./styles.css" />
    <script defer src="./main.js"></script>
  </head>
  <body>
    <div class="container">
      <h1 class="name">Mehrshad</h1>
      <p class="id">@js_challenges</p>
      <figure class="img-box">
        <img src="./blank.png" alt="profile-img" class="img" />
      </figure>
      <label for="img-input" class="label">Upload image</label>
      <input
        type="file"
        class="input"
        id="img-input"
        accept="image/jpeg, image/png, image/jpg"
      />
    </div>
    <div class="drag-box">
      <p class="drag-label">Drag here</p>
    </div>
  </body>
</html>

کدهای CSS:

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

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

body {
  background-color: #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;

  font-family: cursive;
  height: 100vh;
}

.container {
  background-color: white;
  padding: 8rem 12rem;
  text-align: center;
  border-radius: 3rem;
}

.name {
  font-size: 4rem;
  color: black;
  margin-bottom: 1rem;
}

.id {
  font-size: 2rem;
  color: #bbb;
  margin-bottom: 3rem;
}

.img-box {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 6rem;
}

.img {
  width: 100%;
  height: 100%;
}

.label {
  background-color: green;
  color: white;
  border-radius: 1.5rem;
  font-size: 3rem;
  padding: 1.5rem;
  cursor: pointer;
}

.input {
  display: none;
}

.drag-box {
  width: 40rem;
  height: 40rem;
  border: 10px solid white;
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drag-label {
  font-size: 4rem;
}

9 044

این عملکرد رو به احتمال زیاد داخل سایت های دیگه دیدید و امروز میخوایم پیاده سازیش بکنیم 🔥 من کدهای HTML و CSS رو در پیام بعدی برای عزیزانی که میخواین فقط روی جاوااسکریپتش کار بکنید میزارم هر چند توصیه میکنم خودتون روی UI اش کار کنید✌️ #js_challenge #DOM #no26 @js_challenges @js_masters_gp

9 044

فردا یه چالش DOM داریم که بسیار در سایت های مختلف دیدید ... اگر هر چالش DOM دیگه ای هم مد نظرتون هست که داخل سایت های مختلف دیدید و دوست دارید پیاده سازیشون رو با هم انجام بدیم حتما به من بگین که من بتونم اونها رو هم براتون بزارم ❤️ @js_challenges @js_masters_gp

9 044

خروجی ؟

Anonymous voting

9 044

CHALLENGE 9 #quick_challenge بحث در مورد سوال @js_masters_gp

9 044

#answer #no25 از این به بعد تمام چالش ها داخل کدوارز قرار میگیره چون به امتیاز کافی برای سوال درست کردن داخل کدوارز رسیدم 🔥 @js_challenges @js_masters_gp

9 044

#Tips_N_Tricks راحت ترین روش روی تبدیل انواع دیتا بهم جمع هر چیزی با "" => راحت ترین روش تبدیل به رشته گذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد گذاشتن !! => راحت ترین روش تبدیل به بولین. دوستان جواب چالش امروز رو فراموش نکنید,این چالشها خیلی مهم هستن حتما حلش کنید. https://t.me/js_challenges/187/ @js_challenges @js_masters_gp