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

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

فردا یه چالش DOM داریم که بسیار در سایت های مختلف دیدید ...

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

@js_challenges
@js_masters_gp

❤5👍2

481 viewsMehrshad, edited 17:52

3:59

This media is not supported in your browser

VIEW IN TELEGRAM

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

من کدهای HTML و CSS رو در پیام بعدی برای عزیزانی که میخواین فقط روی جاوااسکریپتش کار بکنید میزارم هر چند توصیه میکنم خودتون روی UI اش کار کنید✌️

#js_challenge
#DOM
#no26

@js_challenges
@js_masters_gp

🔥10

572 viewsMehrshad, edited 03:20

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

کدهای HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <noscript>Codewars</noscript>
    <link rel="stylesheet" href="./styles.css" />
    <noscript defer src="./main.js"></noscript>
  </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;
}

❤3

520 viewsMehrshad, 03:21

#Out_Of_IDE
#Fun

فقط عاشق اون قسمت API شدم😂😂

دوستان چالش امروز رو از دست ندین و حلش بکنید قطعا مفید براتون .
https://news.1rj.ru/str/js_challenges/197

@js_challenges
@js_masters_gp

😁10👍1

532 viewsAmir Nobari, 07:23

CHALLENGE 10
#quick_challenge

بحث در مورد سوال داخل گروه ...
@js_masters_gp

دوستان چالش امروز رو از دست ندین و حلش بکنید قطعا مفید براتون .
https://news.1rj.ru/str/js_challenges/197

👌6

491 viewsAmir Nobari, 11:29

خروجی؟؟؟

Anonymous Quiz

👍4

94 voters490 viewsAmir Nobari, 11:34

بچه ها موافقید یه تبلیغ خیلی ریز داخل یه چنلی بریم یه مقدار ممبر بگیریم؟ به نظرتون چنل به اندازه کافی رشد کرده و محتوا به اندازه کافی مفید هست که تبلیغ جواب بگیره 🤔؟

آره عالیه 👍
متوسط 🔥
اصلا! 👎

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

به ۴۵ تا 👍 برسه میزارم

#موقت

👍30🔥3👎1

484 viewsMehrshad, edited 12:59

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

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

بله بله 👍
نه 👎

👍31👎3❤‍🔥1

461 viewsMehrshad, edited 17:05

چقدر هوادار دارم خبر نداشتم 😁❤️

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

❤9

453 viewsMehrshad, 18:23

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

21:10

Media is too big

VIEW IN TELEGRAM

#answer
#no26

بابت اون واترمارک که دقیقا روی بنده هست باید بگم که نمیدونستم واترمارک دقیقا اونجا قرار میگیره و دفعات بعد حتما جای خودم رو عوض میکنم 👌

راستی ویدیو با حضور خودم چطور بود 😄؟

چون طول ویدیو زیاد شد، برای همین حجمش یه مقدار زیاد شده تازه این بعد از کم کردن حجمشه ...

@js_challenges
@js_masters_gp

👌6🔥2👎1

509 viewsMehrshad, edited 07:33

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

این هم برای اون دسته از عزیزانی که حوصله ویدیو دیدن رو ندارن 😁

هر چند توصیه میکنم حتما ببینید ارزش داره ❤️

@js_challenges
@js_masters_gp

❤3👌1

519 viewsMehrshad, edited 08:25

CHALLENGE 11
#quick_challenge

بحث در مورد سوال داخل گروه ...
@js_masters_gp

دوستان جواب چالش دیروز رو حتما نگاه کنید.
https://news.1rj.ru/str/js_challenges/206

❤4

577 viewsAmir Nobari, 09:20

خروجی؟؟؟؟

Anonymous Quiz

27%

{ firstName: 'amir', age: 33, lastName: 'Nobari' }

10%

{ firstName: 'amir' }

47%

{ firstName: 'amir', lastName: 'Nobari', age: 33 }

16%

{ firstName: 'amir', age: 33 }

81 voters546 viewsAmir Nobari, 09:25

CHALLANGE 12
#quick_challenge

بحث در مورد سوال در گروه ...
@js_masters_gp

👌3👍1

517 viewsHossein, 16:36

خروجی ؟

Anonymous Quiz

106 voters534 viewsHossein, 16:36

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

موافقید فردا یه ویدیوی کوتاه در مورد short circuiting به کمک عملگرهایی مثل && یا || و همچنین نکته همین سوال بزارم براتون؟

به ۳۰ تا 👍 برسه میزارم ❤️

@js_challenges
@js_masters_gp

👍29👎2

484 viewsMehrshad, edited 17:09

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

Aram Aram (Guitar)

#Out_Of_IDE
#Music

آرام آرام به نیم هزار نفر رسیدیم و آرام آرام به فراتر از این ها خواهیم رسید ... 🍷

لایک های این رو هم برای فردا بکوبید 🔥

https://news.1rj.ru/str/js_challenges/215

@js_challenges
@js_masters_gp

❤‍🔥13👍2

530 viewsMehrshad, edited 19:03

Converter

Lost Years

#Out_Of_IDE
#Music
وقتایی که میخوای با فاز هکری کد بزنی 😅
اگه از این موزیکا دوست داشتین با ری اکشن نشون بدین تا بازم بذارم 👍

@js_challenges
@js_masters_gp

👍11😁2

535 viewsAmir Nobari, edited 06:57

code.png

53 KB

CHALLANGE 13
#quick_challenge

بحث در مورد سوال در گروه ...
@js_masters_gp

541 viewsAmir Nobari, 08:26

خروجی؟؟؟؟

Anonymous Quiz