不要被骗子欺骗！Telemetrio 会找到并标记这些频道 👉 如果想查看标记，请订阅

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

前往频道在 Telegram

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

显示更多

伊朗34 471 技术与应用12 846

9 276

订阅者

无数据24 小时

+147 天

+1330 天

1 645

帖子浏览量

~ 65624 小时

~ 83148 小时

17.74%

参与率

无数据

每日帖子数

Ads index

beta

帖子存档

\n \n \n

Mehrshad

@js_challenges

\n $\"profile-img\"$ \n \n Upload image\n \n

Drag here

\n \n\n\nکدهای CSS:\n*,\n*::after,\n*::before {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n background-color: #aaa;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n\n font-family: cursive;\n height: 100vh;\n}\n\n.container {\n background-color: white;\n padding: 8rem 12rem;\n text-align: center;\n border-radius: 3rem;\n}\n\n.name {\n font-size: 4rem;\n color: black;\n margin-bottom: 1rem;\n}\n\n.id {\n font-size: 2rem;\n color: #bbb;\n margin-bottom: 3rem;\n}\n\n.img-box {\n width: 20rem;\n height: 20rem;\n border-radius: 50%;\n overflow: hidden;\n margin: 0 auto;\n margin-bottom: 6rem;\n}\n\n.img {\n width: 100%;\n height: 100%;\n}\n\n.label {\n background-color: green;\n color: white;\n border-radius: 1.5rem;\n font-size: 3rem;\n padding: 1.5rem;\n cursor: pointer;\n}\n\n.input {\n display: none;\n}\n\n.drag-box {\n width: 40rem;\n height: 40rem;\n border: 10px solid white;\n border-radius: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.drag-label {\n font-size: 4rem;\n}","datePublished":"2023-10-10T03:21:09Z","dateModified":"2023-10-10T03:21:09Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":359},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/197","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/197","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/197","headline":"این عملکرد رو به احتمال زیاد داخل سایت های دیگه دیدید و امروز میخوایم پیاده سازیش بکنیم 🔥 من کدهای HTML و CSS…","articleBody":"این عملکرد رو به احتمال زیاد داخل سایت های دیگه دیدید و امروز میخوایم پیاده سازیش بکنیم 🔥\n\nمن کدهای HTML و CSS رو در پیام بعدی برای عزیزانی که میخواین فقط روی جاوااسکریپتش کار بکنید میزارم هر چند توصیه میکنم خودتون روی UI اش کار کنید✌️\n\n#js_challenge\n#DOM\n#no26\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-10T03:20:28Z","dateModified":"2023-10-10T03:20:28Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":359},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/196","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/196","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/196","headline":"فردا یه چالش DOM داریم که بسیار در سایت های مختلف دیدید ... اگر هر چالش DOM دیگه ای هم مد نظرتون هست که داخل…","articleBody":"فردا یه چالش DOM داریم که بسیار در سایت های مختلف دیدید ...\n\nاگر هر چالش DOM دیگه ای هم مد نظرتون هست که داخل سایت های مختلف دیدید و دوست دارید پیاده سازیشون رو با هم انجام بدیم حتما به من بگین که من بتونم اونها رو هم براتون بزارم ❤️\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-09T17:52:14Z","dateModified":"2023-10-09T17:52:14Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":33,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":332},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":33}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/195","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/195","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/195","headline":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","datePublished":"2023-10-09T17:04:59Z","dateModified":"2023-10-09T17:04:59Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":389},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/194","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/194","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/194","headline":"CHALLENGE 9 #quick_challenge بحث در مورد سوال @js_masters_gp","articleBody":"CHALLENGE 9\n#quick_challenge\n\n بحث در مورد سوال\n@js_masters_gp","datePublished":"2023-10-09T17:04:58Z","dateModified":"2023-10-09T17:04:58Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":352},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/193","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/193","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/193","headline":"#answer #no25 از این به بعد تمام چالش ها داخل کدوارز قرار میگیره چون به امتیاز کافی برای سوال درست کردن داخل…","articleBody":"#answer\n#no25\n\nاز این به بعد تمام چالش ها داخل کدوارز قرار میگیره چون به امتیاز کافی برای سوال درست کردن داخل کدوارز رسیدم 🔥\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-09T15:47:20Z","dateModified":"2023-10-09T15:47:20Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":314},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/192","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/192","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/192","headline":"#Tips_N_Tricks راحت ترین روش روی تبدیل انواع دیتا بهم جمع هر چیزی با \"\" => راحت ترین روش تبدیل به رشته گذاشتن…","articleBody":"#Tips_N_Tricks\n\nراحت ترین روش روی تبدیل انواع دیتا بهم\nجمع هر چیزی با \"\" => راحت ترین روش تبدیل به رشته\nگذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد\nگذاشتن !! => راحت ترین روش تبدیل به بولین.\n\nدوستان جواب چالش امروز رو فراموش نکنید,این چالشها خیلی مهم هستن حتما حلش کنید.\nhttps://t.me/js_challenges/187/\n\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-09T09:20:22Z","dateModified":"2023-10-09T09:20:22Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":311},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/191","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/191","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/191","headline":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","datePublished":"2023-10-09T08:57:49Z","dateModified":"2023-10-09T08:57:49Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":278}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/190","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/190","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/190","headline":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","datePublished":"2023-10-09T07:06:44Z","dateModified":"2023-10-09T07:06:44Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":353},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/189","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/189","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/189","headline":"CHALLENGE 8 #quick_challenge بحث در مورد سوال @js_masters_gp","articleBody":"CHALLENGE 8\n#quick_challenge\n\n بحث در مورد سوال\n@js_masters_gp","datePublished":"2023-10-09T07:04:13Z","dateModified":"2023-10-09T07:04:13Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":10,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":339},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/188","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/188","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/188","headline":"توضیحات سوال","articleBody":"توضیحات سوال","datePublished":"2023-10-09T04:42:49Z","dateModified":"2023-10-09T04:42:49Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":288}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/187","url":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/187","mainEntityOfPage":"https://telemetr.io/ch/channels/1956864682-deepdevs/posts/187","headline":"حتما به ویس توضیحات گوش کنید #js_challenge #no25 #medium هشتگ های مرتبط: #arrays لینک تست جواب: https://mckh0…","articleBody":"حتما به ویس توضیحات گوش کنید\n\n#js_challenge\n#no25\n#medium\n\nهشتگ های مرتبط:\n#arrays\n\nلینک تست جواب:\nhttps://mckh03.github.io/JS_Challenge_25/\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-09T04:29:37Z","dateModified":"2023-10-09T04:29:37Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/ch/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":291},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}}]}

9 275

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

9 275

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

9 275

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

9 275

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

9 275

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

9 275

خروجی؟؟؟

Anonymous voting

9 275

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

9 275

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

9 275

کدهای 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 275

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

9 275

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

9 275

خروجی ؟

Anonymous voting

9 275

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

9 275

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

9 275

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

9 275

بریم چالش بعدی ؟

Anonymous voting

9 275

خروجی ؟

Anonymous voting

9 275

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

9 275

توضیحات سوال

9 275

حتما به ویس توضیحات گوش کنید #js_challenge #no25 #medium هشتگ های مرتبط: #arrays لینک تست جواب: https://mckh03.github.io/JS_Challenge_25/ @js_challenges @js_masters_gp