#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

#JobSkills

مدت قرارداد باید چجوری باشه❗️

✨ دوستان قبل از هر چیزی رایگان کار نکنید و کلا ارزش کار خودتون رو پایین نیارید.

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

یه راهکار اصولی اینه که برای یه مدت به صورت تستی مثلا ۲ هفته باهاشون کار کنید. حتی برای همین مدت تستی هم باید بهتون پول بدن و قرار داد ببندید.

بعد از اتمام مدت تستی، اگر طرفین به توافق رسیدید، میتونید برای مدت ۳ تا ۶ ماه قرار داد جدید ببندید.

نکته بسیار مهم، حواستون باشه در شروع کار قرارداد بلند مدت نبندید. چون قطعا بعد ۳-۶ ماه تجربه شما روی اون پروژه و اون شرکت بالاتر رفته و میتونید راحت تر دنبال افرایش حقوق تون باشید ✅

اگر متوجه این قضیه شدین که سطح شما بالاتر از این عدده و شرکت افزایش حقوق نمیده، میتونید بدون هیچ دردسری ازشون جدا بشید و دنبال شرکت های بهتری هم باشید.

✍🏽 ¦ @DevYara

#JobSkills

🌟نمونه قرارداد طراحی وب سایت

• یک نگاهی بهش بندازین و استفاده کنید.
• پست رو در یکجا ذخیره کنید.

✍🏽 ¦ @DevYara

#JobSkills

سفته بدیم یا نه❗️

بچه ها کل تلاشت روی این باشه که کلا سفته ندین. میتونید با نشان دادن انضباط کاری و دانش فنی تون، اعتماد لازم رو برای شروع کار ایجاد کنید.

👈🏼 اگر هم به هر دلیلی سفته دادین این نکاتی که میگم رو رعایت کنید تا دچار مشکلات حقوقی نشید👇🏼

•سفته مبلغ پایین بدین

•پشت سفته حتما حتمااا ذکر شود که سفته بابت حسن انجام کار هست.

•تاریخ سفته و گیرنده سفته (شرکت یا شخص) رو دقیقا قید کنید. اگر هم قبول نکردین همینجا بهشون شک کنید!

•از سفته کپی بگیرید، طرف مقابل تون هم امضا بکنه و نزد خودتون نگه داری کنید. تا اگر مشکلی پیش اومد، بتونید با مدرک معتبر برای اثبات اصالت بابت، مبلغ و گیرنده سفته تون اقدام بکنید.

•اگر هم شرکتی سفته ای رو با این شرایط قبول نکرد، بهتره که یک درصد هم بهشون فکر نکنید. معمولا این جور شرکت ها سفته رو میگیرن که بعدا بتونن حق و حقوق تون رو ندن و اهرم فشاری رو برای ترس و اذیت شما داشته باشن

✍🏽 ¦ @DevYara

#algoritm

💎 کتاب درک الگوریتم

•راهنمای تصویری
• برای برنامهنویسها
• و افراد کنجکاو

✍🏽 ¦ @DevYara