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

#Tips_N_Tricks

راحت ترین روش روی تبدیل انواع دیتا بهم
جمع هر چیزی با "" => راحت ترین روش تبدیل به رشته
گذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد
گذاشتن !! => راحت ترین روش تبدیل به بولین.

دوستان جواب چالش امروز رو فراموش نکنید,این چالشها خیلی مهم هستن حتما حلش کنید.
https://t.me/js_challenges/187/

@js_challenges
@js_masters_gp

❤8👌2

473 viewsAmir Nobari, edited 09:20

6:03

This media is not supported in your browser

VIEW IN TELEGRAM

#answer
#no25

از این به بعد تمام چالش ها داخل کدوارز قرار میگیره چون به امتیاز کافی برای سوال درست کردن داخل کدوارز رسیدم 🔥

@js_challenges
@js_masters_gp

🔥5

466 viewsMehrshad, edited 15:47

CHALLENGE 9
#quick_challenge

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

495 viewsHossein, edited 17:04

خروجی ؟

Anonymous Quiz

15%

['a'] , undefined , a

👍4🫡1

68 voters539 viewsHossein, 17:04

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

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

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

@js_challenges
@js_masters_gp

❤5👍2

482 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

574 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" />
    <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;
}

❤3

522 viewsMehrshad, 03:21

#Out_Of_IDE
#Fun

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

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

@js_challenges
@js_masters_gp

😁10👍1

533 viewsAmir Nobari, 07:23

CHALLENGE 10
#quick_challenge

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

دوستان چالش امروز رو از دست ندین و حلش بکنید قطعا مفید براتون .
https://t.me/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

About

Blog

Apps

Platform