5 اکستنشن کاربردی برای طراحان و برنامه نویسان سایت 🤩

ColorPick Eyedropper Chrome | Firefox
- این اکستنشن به طراحان و برنامه‌نویسان کمک می‌کند تا رنگ مورد نظر را از هر نقطه‌ای از صفحه وب یا اپلیکیشنی که در حال توسعه است، انتخاب و کد رنگی آن را کپی کنند.

Image downloader Chrome | Firefox
- با استفاده از این اکستنشن می توانید به راحتی تصاویر استفاده شده در صفحات وب را دانلود و استفاده کنید.

SVG Export Chrome | Firefox
- با این اکستنشن می توانید به راحتی آیکن ها و تصاویر SVG را دانلود و استفاده نمایید.

Grid Ruler Chrome | Firefox
- با استفاده از این ابزار، شما می‌توانید گریدها، فواصل، و ابعاد مختلف را در صفحه وب خود نشان دهید تا به دقت رویکردهای طراحی خود را اندازه‌گیری و طراحی نمایید.

Awesome Screenshot Chrome | Firefox
- از طریق این ابزار، شما می‌توانید به راحتی اسکرین‌شات‌هایی از صفحه وب طراحی شده خود بگیرید، آنها را با ابزارهای ویرایش پیشرفته مانند اشاره، هایلایت، و نوشته‌های اضافی ویرایش کنید و سپس آنها را در قالب لینک یا تصویر به اشتراک بگذارید.

#extensions
☕️ @CodeExplore

دوستان اخیرا ی مقاله درباره یک state management با معماری atomic نوشتم به اسم jotai که باهاش میتونین به راحتی و با سرعت خوبی استیت های اپلیکیشن هاتون رو مدیریت کنین توی این مقاله برای هر کانسپتی ی مثال آورده شده و در آخر مقاله هم برای تثبیت یادگیری یک پروژه todolist زدیم و توضیحاتی دربارش دادم خود پروژه رو هم میتونین clone کنید و بخونید . در کل اطلاعات خوبی ازشون میتونین بدست بیارید امیدوارم براتون مفید باشه اگر خوشتون اومد star فراموش نشه ❤️

لینک ریپازیتوری : https://github.com/Ow-mahan-wO/How-to-learn-Jotai-

اگر راحت نیستید که از readme بخونیدش فایل pdf ش داخل فایل ها هست میتونین استفاده کنین.

☕️ @CodeExplore | </Mahan>

دو هوش مصنوعی با ایده های جالب 🤖

🔹️تا حالا شده بخواین در کنار سرچتون ببینید اگر هوش مصنوعی بود، چی میگفت؟ خب الان میتونید! توی سایت gptgo.ai میتونید هم سرچ کنید و هم نتایج هوش مصنوعی رو ببینید! کافیه متنتون رو بنویسید و بعد روی دکمه ذره بین که یکم پایین تر از فیلد سرچ هست کلیک کنید!

🔹️قطعا هممون از بچگی رویای صحبت کردن با سلبریتی ها یا .... رو داشتیم، و الان وقتیه که تقریبا میشه گفت رویای ما به لطف هوش مصنوعی برآورده شده! بله شما میتونید توی سایت character.ai کاراکتر های مختلف رو امتحان کنید و باهاشون صحبت کنید! از ایلان ماسک و مایکل جکسون گرفته تا حتی کاراکتر های انیمه ای و ... شما حتی میتونید کاراکتر خودتون رو هم طراحی کنید!

شما رویای صحبت با چه شخصیت هایی رو داشتید؟ چه سایت های هوش مصنوعی جالب دیگه ای میشناسید؟ توی کامنت ها بهمون بگید 🔥

#ai
☕️ @CodeExplore

یکی دامنه guthib.com رو خریده که به کسی که اینو تایپ کرده بگه اشتباه نوشتی! 😂

#fun
☕️ @CodeExplore

✅ اگر میخواید در برنامه نویسی موفق بشید ، حواستون به این 6 مورد باشه 👆

🔥 البته برای موفقیت در برنامه نویسی خیلی چیزا تاثیر گذار هستش ولی از لحاظ فنی اینارو در نظر بگیرید و خیلی مهم هستن به نظرم 👌

اگر نمیدونید solid چی هستش ادامه مطلب رو مطالعه کنید✌️ :

ببینید 5 تا اصل طراحی شی‌گرا هستند که در سال 2000 معرفی شد. بخوام ساده تر توضیح بدم اینه که به ما برنامه نویسان کمک می کنه کدهای قابل‌فهم‌تر، انعطاف‌پذیرتر و قابل‌توسعه‌تر بنویسیم.

#programming
☕️ @CodeExplore

ویدیویی که به تازگی از سمت یکی از کاربران درباره ویندوز ۱۲ منتشر شده🔥

به تازگی یک ویدیو از سمت کاربری منتشر شده که احتمال دارد ویندوز ۱۲ دارای این امکانات و شکل و شمایل باشد!

نظرتون درمورد این ویدیو چیه؟توی کامنت ها بگین

#news
☕️ @CodeExplore

👨‍💻 4 سایت ضروری و مورد نیاز برنامه نویس‌ها و طراحان سایت

⚡️ سایت‌های زیادی دیگه ای هم هستند که به درد برنامه نویس‌ها می‌خوره، ولی این 4 تا رو باید همه استفاده کنند.

👨‍💻 پس ما برنامه نویسان با استفاده از این ابزارها و برنامه ها می تونیم پیشرفت کنیم و کارهای خودمون رو به نحو صحیح پیش ببریم🔥

#site #programming #github #stackoverflow #trello #w3school
☕️ @CodeExplore

🌐 اکستنشن wappalyzer ، تشخیص اطلاعات انواع سایت ها

🔹️تا حالا برامون پیش اومده که کنجکاو بودیم یک سایت رو چجوری ساختن؟با چی؟ چه کارهایی برای امنیتش کرده...

🔹️این اکستنشن تا حدودی نیاز های شما رو برطرف میکنه،کافیه یکم باهاش توی سایت های ایرانی بگردید تا متوجه منظورم بشید، مثلا اگر سایت رو با وردپرس نوشته باشن لازم نیست برید توی سورس سایت سرچ بزنید wp تا به wp- برسید یا .... ، معمولا زبان ها رو تشخیص میده،دیتابیس ها، بعد اگر از وردپرس استفاده شده باشه، افزونه هایی که استفاده شده رو نمایش میده، کتابخونه های جاوااسکریپت و ....

📥 لینک دانلود

#extensions
☕️ @CodeExplore

📣 نقل قول اسطوره های جهان در مورد برنامه نویسی

✅ یک روزی میاد که یادگیری برنامه نویسی یکی از ضروری ترین مهارت های زندگی میشه و همه مجبورین اون رو یاد بگیرند و فکر کنم به این روز خیلی کم مونده که برسیم 🔥👌

☕️ @CodeExplore

❤️ رمزهای مخفی برای آموزش دیدن و کار کردن :

☑️ رمز عدد ۵: هروقت حوصله نداشتید آموزش ببینید یا کار کنید ، به خودتون بگید فقط 5 دقیقه آموزش میبینم و دیگه بعدش نمی بینم

☑️ رمز عدد ۲۵: به ازای هر ۲۵ دقیقه آموزش یا کار، 5 دقیقه استراحت كنید!

☑️ رمز عدد ۴۰: واسه اینکه به هرچی عادت کنید فقط كافيه ۴۰ روز انجامش بدید!

☑️ رمز عدد ۴۷۸: هروقت استرس پیدا کردید، ۴ ثانيه نفس بکشید، ۷ ثانیه نگهدارید ، تو ۸ ثانيه بعدی بدید بيرون.

☕️ @CodeExplore

یادگیری سی پلاس پلاس در یک درس😄

#fun
☕️ @CodeExplore

👨‍💻 چه اتاق کار جذاب و دوست داشتنی😍

⭐ هم رنگ‌بندیش جذابه هم مدل چیدمانش👌

✔️ من اگه اینطور اتاق کاری داشتم ، عمرا از پشت سیستم بلند میشدم 😅🔥

☕️ @CodeExplore

🔔 یکی از پروژه‌هایی که باید داخل رزومه شما باشه، پروژه فروشگاهی با امکاناتی حرفه‌ای باشه👌

✅ همین پروژه دید استخدام کننده رو کامل عوض میکنه و خیلی تاثیر گذار هستش

⭐️ البته این پروژه اگر آنلاین باشه خیلی بهتر هستش چون مسئول استخدام سریع میبینه و راحتتر توان و قدرت شما رو درک میکنه ، منظورم اینه که رو هاست حتما آپلود کنید 👌🔥

☕️ @CodeExplore

💠 بهتر کامنت گذاشتن ( Better Comments )

💫 دوستانی که از VsCode استفاده می‌کنند حتما افزونه Better Comments رو نصب کنید.

🔺 افزونه Better Comments به شما کمک می‌کنه تا کامنت‌های بهتری را در کد خودتون ایجاد کنید. شما می‌تونید حاشیه نویسی‌های خود را به هشدارها، سوالات، TODOها، موارد برجسته و ... دسته بندی کنید. علاوه بر این می‌تونید کامنتی را نوشت تا مشخص شود این قسمت از کد نباید وجود داشته باشد و آن را استایل دهی کرد.

#extension
@CodeExplore

یه سایت خفن با ایده های جدید و خفن برای برنامه‌نویسان فرانت و طراحان سایت 🔥

▪️با این سایت خیلی راحت میتونید به کلی ایده طراحی دسترسی داشته باشید و همیشه طراحی های جدید و متنوع انجام بدید.

👉🏻 dribbble.com

#ideas #design
☕️ @CodeExplore

🌐 سایت vscodethemes، انتخاب انواع تم

🔹️ خب طبیعتا برای یک برنامه نویس که ساعت ها قراره پشت کامپیوتر بشینه و کد بزنه،مهمه که به چه نور و رنگ و لعابی نگاه میکنه! و افزونه های زیادی هستن برای تم ولی دارای رنگ های گسترده ای نیستن...
🔹️ حالا میتونین توی این سایت انواع تم ها رو حتی با سرچ پیدا کنین! و نیازی نیست برای نصبشون نگران باشید،روی تم دلخواه کلیک میکنید و بعد دکمه VS Code رو میزنید! و بعد از اونجا روی install کلیک میکنید و تنظیمات دلخواهتون رو انجام میدید.

لینک سایت

#themes #VSCode
☕️ @CodeExplore