رسانه توسعه‌دهندگان
نوشته‌ها، آموزش‌ها، اخبار و تجربه‌های برنامه نویس‌ها؛ از مباحث فنی تا مهارت‌های نرم و...

رسالت ما – توانمندسازی توسعه‌دهندگان و علاقه‌مندان به فناوری با ارائه‌ی محتوای غنی، جذاب و به‌روز!

لینک کانال و گروه‌ها:
✍🏽 | @DevYara
🗂 | @ArchiveDevs
🍓 | @TopicsDev
💬 | @ChatDevGp

#tools

🚨 این سایت یک دستیار عالی با امکانات خیلی خوبه و ابزار های خوبی هم معرفی کرده حتمی بهش یه سر بزنید.

•css-tricks.ir

📌 این سایت یکسری داکیومنت برای یادگیری هم داره.

✍🏽 ¦ @DevYara

#challenge

⚪ برنامه ای بنویسید که هر 5 ثانیه یک بار به صورت رندوم بکگراند صفحه مرورگر عوض شود.🚀

✍🏽 ¦ @DevYara

👨🏻‍💻کد این برنامه ↙️

let arryColor=['red','green','yellow']
let colorRandom

setInterval(function({
colorRandom=Math.floor(Math.random()*arryColor.length)
document.body.style.backgroundColor=arryColor[colorRandom]
},5000)

#tools

🔹 کسایی که دنبال Box-Shadow قشنگ برای سبک طراحی نئومورفیسم میخواهند این سایت خیلی کاربردیه.

•neumorphism.io

🔘 میتونید با تغییر زوایا و جزئیات یه چیز خفن بسازید.
✍🏽 ¦ @DevYara

#javascript

🔸Best-practices JavaScript

🔹این pdf درباره بهترین شیوه های جاوااسکریپت هست.
✍🏽 ¦ @DevYara

#VSCode

🔵 شرت کات های محبوب 𝗩𝘀 𝗖𝗼𝗱𝗲

🟪 𝗖𝘁𝗿𝗹 + 𝗕

بستن و باز کردن پنجره سمت چپ

🟫 𝗖𝘁𝗿𝗹 + 𝗫

کپی خطی که در آن هستید

🟥 𝗖𝘁𝗿𝗹 + 𝗖

کپی خطی که در آن هستید

🟦 𝗖𝘁𝗿𝗹 + 𝗩

جایگذاری آن خط

🟩 𝗛𝗼𝗺𝗲

رفتن به اولین خط

⬛️ 𝗘𝗻𝗱

رفتن به آخرین خط

⬜️ 𝗣𝗮𝗴𝗲 𝗨𝗽

رفتن به اولین خط کد ها

🟧 𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻

رفتن به آخرین خط کد ها

🟨 𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️

  کلمه به کلمه عقب یا جلو رفتن

🟪 𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️

انتخاب کلمات جلو یا عقب

🟩 𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲

پاک کردن کلمه به کلمه

🟫 𝗙1

باز کردن پنجره بالا

🟦 𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲

انتخاب انتهای متن با ابتدا

🟥 𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱

انتخاب ابتدا و انتهای کد

🟪 𝗖𝘁𝗿𝗹 + 𝗗

تغییر چند متن پشت هم(کلمات یکسان)

⬜️ 𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲

آوردن پیشنهاد ها

⬛️ 𝗖𝘁𝗿𝗹 + /

کامنت کردن

🟧 𝗖𝘁𝗿𝗹 + 𝗟

انتخاب خط به خط کد ها

🟥 𝗖𝘁𝗿𝗹 + 𝗣

جابه‌جایی فولدر ها

🟨 𝗖𝘁𝗿𝗹 + 𝗙

پیدا کردن یک نام یا کلمه

🟦 𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯

جا به جایی بین فایل

🟪 𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️

جابه‌جایی کد

🟧 𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️

ویرایش چند کد همزمان

✍🏽 ¦ @DevYara

#fun

- چیز مهمی نیست،تاثیری رو سلامت بچه نداره

+ 12 سال بعد...😂

✍🏽 ¦ @DevYara

#Emmet

با کمک Emmet میتونید در هنگام نوشتن کد در زمان صرفه جویی کنید⚡️

⚠️کامل تر این PDF در سایت زیر
docs.emmet.io/cheat-sheet/

✍🏽 ¦ @DevYara

#Bot

🔴 ربات هوش مصنوعی تولید تصاویر از مدل های DALL-E

🔗 @DalleXLBot

🟠 ربات پیشرفته بهبود و افزایش کیفیت عکس ( رمینی )

🔗 @EnhancerOPbot

🟡 ربات همه کاره استخراج و ساخت فایل های فشرده (زیپ)

🔗 @UnzipAll_Bot

🟢 ربات پیشرفته جستجوی موسیقی فوق پیشرفته

🔗 @zornavobot

🔵 ربات فیلم گیر الماس مووی | فیلم‌گیر : بزرگترین ربات تلگرامی فیلم و سریال خارجی

🔗 @filmgirbot

🟣 ربات جستجوی تصاویر پینترست

🔗 @PinterestPBbot

⚫️ متن شما را روی 3 نوع کاغذ با 5 رنگ جوهر مختلف می نویسد

🔗 @AssignmentWriterXbot

⚪️ ربات دانلود از یوتیوب

🔗  @YoutubePBbot

🟤 جستجوی تصاویر پس زمینه بینگ

🔗 @BingImageXbot

🔴 ربات ساخت و خواندن ( اسکن ) بارکد QR کیو آر

🔗 @QR_TasuBot

🟠 ربات لوگو ساز ( عکس نوشته ) با حروف انگلیسی

🔗 @Logo_MakerXbot

🟡 ربات گرامر، املا و نشانه گذاری با هوش مصنوعی | تشخیص غلط املایی

🔗 @TextGearsBot

🔴 دانلود از اینستاگرام

🔗 @iOSF1_instagrambot

✍🏽 ¦ @DevYara

#Extension

🔸اکستنشن VPN برای مرورگر Chrome

https://chromewebstore.google.com/detail/free-vpn-for-chrome-vpn-p/majdfhpaihoncoakbjgbdhglocklcgno?pli=1

🔸اکستنشن VPN برای مرورگر Firefox

https://addons.mozilla.org/en-US/firefox/addon/veepn-free-fast-security-vpn/

✍🏽 ¦ @DevYara

#BEM

روش BEM برای نامگذاری کلاسها

☀️ یکی از مباحث در مورد طراحی وب و سی اس اس نام‌گذاری کلاس ها می باشد که روش BEM محبوبیت خاصی بین توسعه دهندگان دارد.

منابع یادگیری این روش
🔴 Persian : B2n.ir/h55444
🔵 English : https://getbem.com/

✍🏽 ¦ @DevYara