فریب کلاهبرداران را نخورید! تل‌متریو این کانال‌ها را شناسایی و برچسب‌گذاری می‌کند 👉 برای مشاهده برچسب، اشتراک تهیه کنید

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 Document\n \n \n

\n Write something about yourself\n

\n \n

180 / 180

\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 display: flex;\n align-items: center;\n justify-content: center;\n font-family: cursive;\n\n height: 100vh;\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 2rem;\n}\n\n.text {\n font-size: 2rem;\n color: black;\n}\n\n#story,\nbutton {\n border: none;\n outline: none;\n height: 20rem;\n width: 40rem;\n border-radius: 1.5rem;\n background-color: #000000;\n padding: 2rem;\n color: white;\n font-size: 2rem;\n\n transition: all 0.3s;\n}\n\nbutton {\n height: auto;\n width: auto;\n}\n\nbutton:hover {\n cursor: pointer;\n}\n\n#story::placeholder {\n transition: all 0.3s;\n}\n\n#story:focus::placeholder {\n opacity: 0;\n}\n\n.text-box {\n position: relative;\n}\n\n.count {\n position: absolute;\n right: 2rem;\n bottom: 2rem;\n color: white;\n}\n\n.counter.red {\n color: red;\n}\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-03T10:33:46Z","dateModified":"2023-10-03T10:33:46Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":10,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":330},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/127","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/127","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/127","headline":"#no21 #DOM بعد از دو چالش خفن، یه چالش ساده تر داریم از DOM این عملکردی که برای این textarea میبینید عملکرد ب…","articleBody":"#no21\n#DOM\n\nبعد از دو چالش خفن، یه چالش ساده تر داریم از DOM\n\nاین عملکردی که برای این textarea میبینید عملکرد بسیار معمولی هست که قطعا داخل سایت های مختلف دیدید\n\nامروزم تعطیله دیگه بشینید حلش بکنید 🔥\n\nراستی پیامی که ریپلای زدم رو بخونید و چالش داخل گیت هاب رو هم حتما بررسی بکنید چالش DOM خوبی داخل گیت هابم قرار دادم براتون که این هفته جوابش رو میزارم\n\nاگر هم عملکرد معمول یا غیر معمول دیگه ای مد نظر شما هست که داخل سایت های دیگه دیدید و دوست دارید اون ها رو با هم پیاده سازی بکنیم، حتما به من بگید که داخل چنل قرار بدم ✌️\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-03T06:57:06Z","dateModified":"2023-10-03T06:57:06Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":30,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":327},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":30}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/126","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/126","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/126","headline":"#Out_Of_Laptop 🟢 رسمی؛ بازی الاتحاد - سپاهان به دلایل سیاسی لغو شد! چرا واقعا؟! گروه متصل به چنل: @js_masters…","articleBody":"#Out_Of_Laptop\n\n🟢 رسمی؛ بازی الاتحاد - سپاهان به دلایل سیاسی لغو شد!\n\nچرا واقعا؟!\n\nگروه متصل به چنل:\n@js_masters_gp","datePublished":"2023-10-02T17:48:29Z","dateModified":"2023-10-02T17:48:29Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":14,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":314},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":14}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/125","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/125","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/125","headline":"#answer #no20 این هم به نظر من چالش خفنی بود 🔥 گروه متصل به چنل: @js_masters_gp","articleBody":"#answer\n#no20\n\nاین هم به نظر من چالش خفنی بود 🔥\n\nگروه متصل به چنل:\n@js_masters_gp","datePublished":"2023-10-02T15:50:02Z","dateModified":"2023-10-02T15:50:02Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":9,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":327},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":9}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/124","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/124","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/124","headline":"توضیحات سوال","articleBody":"توضیحات سوال","datePublished":"2023-10-02T04:29:17Z","dateModified":"2023-10-02T04:29:17Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":332},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/123","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/123","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/123","headline":"حتما به ویس توضیحات گوش کنید #js_challenge #your_challenge #no20 #medium هشتگ های مرتبط: #arrays لینک سوال: h…","articleBody":"حتما به ویس توضیحات گوش کنید\n\n#js_challenge\n#your_challenge\n#no20\n#medium\n\nهشتگ های مرتبط:\n#arrays\n\nلینک سوال:\nhttps://www.codewars.com/kata/5679aa472b8f57fb8c000047/train/javascript\n\n@js_masters_gp","datePublished":"2023-10-02T04:23:37Z","dateModified":"2023-10-02T04:23:37Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":355},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/122","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/122","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/122","headline":"#Out_Of_IDE #FUN من که خودم اینجوریم بعضی وقتا 😅","articleBody":"#Out_Of_IDE\n\n#FUN\n\nمن که خودم اینجوریم بعضی وقتا 😅","datePublished":"2023-10-01T21:54:37Z","dateModified":"2023-10-01T21:54:37Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":332},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/121","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/121","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/121","headline":"#answer #no19 سوال بسیار جذابی بود به نظر من نظر شما چیه؟ دوستان راستی گروه متصل به چنل عضو باشید بحث های خوب…","articleBody":"#answer\n#no19\n\nسوال بسیار جذابی بود به نظر من\n\nنظر شما چیه؟\n\nدوستان راستی گروه متصل به چنل عضو باشید بحث های خوبی حول این چالش ها و موارد دیگه اتفاق میافته ❤️\n\n@js_masters_gp","datePublished":"2023-10-01T15:59:34Z","dateModified":"2023-10-01T15:59:34Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":341},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/120","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/120","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/120","headline":"توضیحات سوال","articleBody":"توضیحات سوال","datePublished":"2023-10-01T04:42:54Z","dateModified":"2023-10-01T04:42:54Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":369},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/119","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/119","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/119","headline":"حتما به ویس توضیحات گوش کنید #js_challenge #your_challenge #no19 #medium هشتگ های مرتبط: #strings #arrays لین…","articleBody":"حتما به ویس توضیحات گوش کنید\n\n#js_challenge\n#your_challenge\n#no19\n#medium\n\nهشتگ های مرتبط:\n#strings\n#arrays\n\nلینک سوال:\nhttps://www.codewars.com/kata/57eb8fcdf670e99d9b000272\n\nاین اولین سوالیه که دارم براتون از دانشگاه میزارم با لپ تاپ 🔥 پس حتما حلش بکنید 😁\n\n@js_challenges\n@js_masters_gp","datePublished":"2023-10-01T04:39:56Z","dateModified":"2023-10-01T04:39:56Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":72,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":411},{"@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":72}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/116","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/116","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/116","headline":"#Out_Of_IDE #Fun مخصوصا وقتی که هنوز پروژه رو استارت نکردیم و دنبال اینیم كه چرا تغییرات اعمال نمیشه 😂","articleBody":"#Out_Of_IDE\n#Fun\n\nمخصوصا وقتی که هنوز پروژه رو استارت نکردیم و دنبال اینیم كه چرا تغییرات اعمال نمیشه 😂","datePublished":"2023-09-29T18:19:47Z","dateModified":"2023-09-29T18:19:47Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":13,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":477},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":26},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":13}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/114","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/114","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/114","headline":"#GitHub #DOM از همین امروز، چالش های داخل گیت هاب استارت میخوره ✌️ در این ویدیو ساختار کلی قرارگیری پروژه های…","articleBody":"#GitHub\n#DOM\n\nاز همین امروز، چالش های داخل گیت هاب استارت میخوره ✌️\n\nدر این ویدیو ساختار کلی قرارگیری پروژه های DOM و چالش های جاوااسکریپت رو براتون توضیح دادم\n\nاگرم باز هم سوالی داشتید از خودم بپرسید اما به طور کلی ساختار این ریپازیتوری به این صورته:\n\nیک ریپازیتوری داریم به نام JS_Challenges و لینکش هم اینه:\nhttps://github.com/MCKH03/JS_Challenges\n\nداخل این ریپازیتوری دوتا پوشه هست به نام های DOM و JS Challenges\n\nداخل DOM هر هفته یک پروژه قرار میگیره که خودتون باید html css js رو بزنید و اونجا داخل فولدر همون پروژه، یک پوشه به اسم خودتون درست کنید و اونجا آپلودش کنید و همین موضوع برای چالش های جاوااسکریپت داخل پوشه JS Challenges هم صدق میکنه\n\nمن یک هفته بعد از قرار گرفتن این پروژه داخل گیت هاب، جوابش رو همراه ویدیو داخل خود گیت هاب قرار میدم\n\nتوضیحات تکمیلی تر داخل ویدیو هست\n\nاین هفته قراره روی یک Image Carousel کار بکنیم 🔥\n\n@js_masters_gp","datePublished":"2023-09-29T07:06:11Z","dateModified":"2023-09-29T07:06:11Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":25,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":567},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":17},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":25}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/113","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/113","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/113","headline":"#Out_Of_IDE #Music می‌زنیم به سلامتی ۳۰۰ تایی شدنمون 🍷 راستی بچه هایی که داخل گروه این چنل عضو نیستید، حتما ع…","articleBody":"#Out_Of_IDE\n#Music\n\nمی‌زنیم به سلامتی ۳۰۰ تایی شدنمون 🍷\n\nراستی بچه هایی که داخل گروه این چنل عضو نیستید، حتما عضو بشید چون کلی دوستانی که عضو هستن در مورد چالش ها صحبت میکنن و نکات خوبی داخلش رد و بدل میشه 👌\n\nآیدیش هم @js_masters_gp هست","datePublished":"2023-09-28T16:59:31Z","dateModified":"2023-09-28T16:59:31Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":501},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/112","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/112","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/112","headline":"#answer #no18 هنوز 300 تا نشدیم ولی من پیشاپیش 300 تایی شدنمون رو به کامیونیتی بزرگمون تبریک میگم انشالا روز…","articleBody":"#answer\n#no18\n\nهنوز 300 تا نشدیم ولی من پیشاپیش 300 تایی شدنمون رو به کامیونیتی بزرگمون تبریک میگم\n\nانشالا روز به روز این چنل و این کامیونیتی بزرگ و بزرگتر بشه 🔥","datePublished":"2023-09-28T15:59:30Z","dateModified":"2023-09-28T15:59:30Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":37,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":482},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":37}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/110","url":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/110","mainEntityOfPage":"https://telemetr.io/fa/channels/1956864682-deepdevs/posts/110","headline":"توضیحات سوال","articleBody":"توضیحات سوال","datePublished":"2023-09-28T07:04:34Z","dateModified":"2023-09-28T07:04:34Z","author":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"publisher":{"@type":"Organization","name":"Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب","url":"https://telemetr.io/fa/channels/1956864682-deepdevs","image":"https://img.telemetr.io/c/28qNTA/5821039244821512105?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":484},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}}]}

9 277

توضیحات سوال

9 277

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

9 277

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

Anonymous voting

9 277

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

Anonymous voting

9 277

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

9 277

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

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

9 277

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

9 277

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

9 277

توضیحات سوال

9 277

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

9 277

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

9 277

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

9 277

توضیحات سوال

9 277

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

9 277

#Out_Of_IDE #Fun مخصوصا وقتی که هنوز پروژه رو استارت نکردیم و دنبال اینیم كه چرا تغییرات اعمال نمیشه 😂

9 277

#GitHub #DOM از همین امروز، چالش های داخل گیت هاب استارت میخوره ✌️ در این ویدیو ساختار کلی قرارگیری پروژه های DOM و چالش های جاوااسکریپت رو براتون توضیح دادم اگرم باز هم سوالی داشتید از خودم بپرسید اما به طور کلی ساختار این ریپازیتوری به این صورته: یک ریپازیتوری داریم به نام JS_Challenges و لینکش هم اینه: https://github.com/MCKH03/JS_Challenges داخل این ریپازیتوری دوتا پوشه هست به نام های DOM و JS Challenges داخل DOM هر هفته یک پروژه قرار میگیره که خودتون باید html css js رو بزنید و اونجا داخل فولدر همون پروژه، یک پوشه به اسم خودتون درست کنید و اونجا آپلودش کنید و همین موضوع برای چالش های جاوااسکریپت داخل پوشه JS Challenges هم صدق میکنه من یک هفته بعد از قرار گرفتن این پروژه داخل گیت هاب، جوابش رو همراه ویدیو داخل خود گیت هاب قرار میدم توضیحات تکمیلی تر داخل ویدیو هست این هفته قراره روی یک Image Carousel کار بکنیم 🔥 @js_masters_gp

9 277

#Out_Of_IDE #Music می‌زنیم به سلامتی ۳۰۰ تایی شدنمون 🍷 راستی بچه هایی که داخل گروه این چنل عضو نیستید، حتما عضو بشید چون کلی دوستانی که عضو هستن در مورد چالش ها صحبت میکنن و نکات خوبی داخلش رد و بدل میشه 👌 آیدیش هم @js_masters_gp هست

9 277

#answer #no18 هنوز 300 تا نشدیم ولی من پیشاپیش 300 تایی شدنمون رو به کامیونیتی بزرگمون تبریک میگم انشالا روز به روز این چنل و این کامیونیتی بزرگ و بزرگتر بشه 🔥

9 277

توضیحات سوال