#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

#Bot

🔘 این ربات برای زیپ کردن فایل ها و خارج کردن از حالت زیپ در بستر تلگرامه، خیلی کاربردیه.

🔗 @ZipTools_bot

🔘 این ربات هم لینک دانلود میدید و فایل دانلود رو براتون می‌فرسته، خیلی کاربردیه.

🔗 @urluploadxbot

➖➖➖➖➖➖➖➖➖➖
✍🏽 ¦ @DevYara

#Extension

🔵 یکی از اکستنشن های پرطرفدار Vs Code هست که کد شمارو میتواند بطور خودکار کامل کند، خیلی جذابه حتمی نصب کنید و استفاده کنید.🌟

Name Extension: Tabnine
⚠️نیاز به لاگین و ثبت نام دارد.

✍🏽 ¦ @DevYara

#YouTube

🔴 چنل های یوتیوب فارسی در حوضه برنامه نویسی بخصوص (فرانت)
قرار نیست همیشه فقط یوتیوبر های خارجی معرفی بشند.👨🏻‍💻

www.youtube.com/@sarvinStyle

www.youtube.com/@ParsclickTV

www.youtube.com/@jahangirics

www.youtube.com/@kalagar2

www.youtube.com/@MasoodSadri

www.youtube.com/@MisterProgrammer

www.youtube.com/@neonlearn

www.youtube.com/@rezadolati0101

www.youtube.com/@next1code

www.youtube.com/@darsmanAcademy

www.youtube.com/@ahmadrezashamimi/videos

www.youtube.com/@MaryamSadeghiPython

www.youtube.com/@Mirland_ir

www.youtube.com/@Yadify

www.youtube.com/@HappyDeveloper

💥 ارزش سابسکرایب دارند.

✍🏽 ¦ @DevYara

#javascript

🟠 برگه تقلب جاوااسکریپت

• مناسب برای مرور کوتاه و مختصر روی کلیات.🔥

✍🏽 ¦ @DevYara

#Extension

💎یکی از بهترین اکستنشن هایی که برای مرورگرم استفاده میکنم، که قابلیت های مثل Chat gpt و در لحظه ترجمه متن یا خلاصه متن و...

• https://monica.im/
🌐 حتمی استفاده کنید دستیار مرورگر خوبی میشه...

✍🏽 ¦ @DevYara

#JobSkills

چرا نمونه کار مهمه❗️

- نمونه کارها حکم وکیل مدافع ما رو دارن. صرفا سایت های استاتیک و پورتفولیو کافی نیست! حتی گاها نیازی نیست. چون کسی رو متقاعد نمیکنه.

📌 - ویژگی نمونه کار خوب؟

تعامل با کاربر: کاربر بتونه باهاش ارتباط بگیره، مثلا پروژه های بلاگی، فروشگاهی سبد خرید، پنل کاربر، ادمین و تودولیست.

صفحات متنوع: پروژه شما باید چندین صفحه رو داشته باشه که نشون بده شما ریکت یا نکست رو بلد هستین.

کدنویسی تمیز: لازمه که برای اسم گذاری کامپوننت ها، توابع، کلاس های CSS و... نهایت دقت رو داشته باشید. سورس کدتون رو هم توی گیت هاب بذارید.

کاملا رسپانسیو و چشم نواز: برای یه  فرانت اند مهمه که بتونه خروجی کارش کاملا رسپانسیو باشه. حتی روی سایه ها، فونت ها، فاصله بین المان ها، بوردر ها، پدینگ، مارجین، رنگ ها (خیلی مهمه) باید نهایت دقت رو داشته باشید.

ابزار های پیشرفته: میتونید از ابزارهای خفن مثل تیلویند، MUI ، Redux، React-query  و... توی پروژه تون استفاده کنید.

⚡️ تعداد نمونه کار مهم نیست! مهم اینه که زمان طولانی روی 1-2 نمونه کار کار کنید و به اندازه کافی جامع و پیچیده باشه.

✍🏽 ¦ @DevYara

#Sass

جزوه (دست نویس) Sass 🌐

درباره nesting و mixin و...
مناسب برای یادگیری و مرور و... 〽️

✍🏽 ¦ @DevYara

#Js_Quiz

💎 خروجی کد زیر کدام است...!؟

let obj= {
x:5, 
getX: () => this.x,
};

console.log(obj.getX());

✍🏽 ¦ @DevYara