✅ با اعلام تیم React.js ابزار create react app منسوخ (deprecate) شد!

🔺بیشتر برنامه نویس‌های فرانت اند اولین بار با این ابزار یه برنامه ری اکتی رو بالا آوردن ولی چون مشکلاتی از قبیل کند بودن و زمانبر بودن ایجاد پروژه اولیه داشت، رفته رفته استفاده ازش کم شد و در نهایت به کلی منسوخ شد! برای ساخت برنامه ری اکتی میتونید از vite استفاده کنید که امکانات خیلی خوبی داره و کاملا مناسبه.

✦ 💻 @programming_codiing

36 سریال پیشنهادی برای تماشا به همراه نمرات IMDb

' گفتم شاید خوشتون بیاد از نوع پست ها '

✦ 💻 @programming_codiing

گیت هاب بنده :
https://github.com/mohammad-2012/

فعلا خیلی از پروژه ها رو وقت نکردم بندازمشون , ولی پروژه هایی هم انداختم توی ریدمی لینک انلاینشون هست می تونید ببینید. و اگه خواستید دنبالم کنید منم شما رو می کنم.🙂❤️

از طریق روش زیر میتونید صفحات اینترنتی رو به صورت استاتیک از طریق گیت‌هاب (actions & pages) دریافت کنید و ببینید:
http://Github.com/0xjafari/RepoRri/RepoRelay

صفحه اینترنتی IP شمارو نمی‌بینه و ترافیک از طریق زیرساخت گیت هاب منتقل میشه، بدون نصب یا سرور و اینا.
مثلا برای دریافت سایتی که تحریم کرده.

✦ 💻 @programming_codiing

یه رود مپ کامل گفتم براتون بنویسیم برای فرانت اند که خیلی هاتون برای اینکه وارد فرانت اند بشین بهش نیاز دارین :
1 - html css
2 - flex box - cssgrid
3 - Responsive design
4 - Tailwind
5 - Git - Github
6 - Javascript
7 - Typescript
8 - regex
9 - React
- React router
- Redux toolkit
- React Query (tanstack query)
- React hook form
10 - Next.js

و خیلی چیزا های مهم دیگه که ریز هستند اما مهم که اینجا نیاوردم چون یکی دو تا که نیستن خیلی ان که اگر دوره های خوبی و کاملی برای هر یک از موارد بالا ببینید توش اشاره شده. ❤️‍🔥

✦ 💻 @programming_codiing

اگه تازه جاوا اسکربپت یاد گرفتین یا دارین یادش می‌گیرین، این ریپو 30 تمرین جاوا اسکریپت با سورس‌کد و بدون سورس‌کد قرار داده که می‌تونه چند قدم جلو بندازتتون:

📎 https://github.com/wesbos/JavaScript30

✦ 💻 @programming_codiing

چند وقت پیش در یکی از پروژه‌هایی که با Next.js توسعه می‌دادم، نیاز به یک loading bar داشتم تا هنگام navigation نمایش داده بشه.

چند پکیج رو امتحان کردم، اما تقریبا همه‌شون یکی از این مشکلات رو داشتن:
- خیلی از پکیج‌ها با App Router به‌خوبی کار نمی‌کردند
- با دکمه‌های back/forward مرورگر کار نمی‌کردند
- امکان نمایش UI سفارشی به عنوان loading هنگام navigation وجود نداشت

برای همین تصمیم گرفتم یک پکیج سبک، قابل سفارشی سازی و سازگار با App Router و Pages Router توسعه بدم:

ابزار nextjs-progress

چند قابلیت کلیدی:
- پشتیبانی کامل از App Router و Pages Router
- پشتیبانی از TypeScript و JavaScript
- امکان نمایش UI سفارشی به جای progress bar
- تشخیص back/forward مرورگر
- و Link و useRouter اختصاصی
- و useProgress برای کنترل دستی

اگر از Next.js استفاده می‌کنی و دنبال یک راه‌حل پایدار برای نمایش loading هنگام navigation هستی تا تجربه کاربری رو بهبود ببخشی، این پکیج دقیقا برای همین ساخته شده.

https://github.com/thehadikarimi/nextjs-progress
https://www.npmjs.com/package/nextjs-progress


✦ 💻 @programming_codiing

چه بشه 😂😂

✦ 💻 @programming_codiing

🖥 معنی حروف آخر در اسم پردازنده‌ها چیه؟

🧠 آخر اسم پردازنده‌ها (مثل i7-12700K) فقط یه حرف نیست،
حرف آخر دقیقاً می‌گه پردازنده برای چه کاری ساخته شده!

تو پست بعدی، یه نگاه کامل و سریع می‌ندازیم به این حروف برای Intel و AMD 👇

✔️ پردازنده‌های Intel:
📎 خلاصه‌ش اینکه: فقط عدد پردازنده مهم نیست

✦ 💻 @programming_codiing

🔸 K → قابل اورکلاک
🎯 مخصوص گیمینگ و رندرینگ حرفه‌ای

🔸 KF → قابل اورکلاک، اما بدون گرافیک داخلی
🎯 مناسب گیمینگ و کارهای سنگین با کارت گرافیک جدا

🔸 F → بدون گرافیک داخلی
🎯 برای سیستم‌هایی که کارت گرافیک مجزا دارن

🔸 T → کم‌مصرف
🎯 مناسب اداری، خانگی، مصرف پایین

🔸 H → مخصوص لپ‌تاپ‌های گیمینگ
🎯 مناسب بازی و طراحی گرافیکی سنگین

🔸 HK → H + قابلیت اورکلاک
🎯 گیمینگ حرفه‌ای تو لپ‌تاپ

🔸 U → کم‌مصرف، اولترابوک
🎯 مناسب کارای روزمره، سبک، دانشجویی

🔸 X / XE → رده‌بالا و حرفه‌ای
🎯 برای تولید محتوا، رندر سنگین، پروژه‌های صنعتی

✔️ پردازنده‌های AMD:

🔸 X → فرکانس و قدرت بیشتر
🎯 برای گیمرها و رندرینگ

🔸 XT → نسخه بهینه‌شده X
🎯 اجرای سنگین‌تر، بهتر از مدل‌های X

🔸 G → دارای گرافیک داخلی
🎯 مناسب کارای روزمره، گیم سبک، طراحی ساده

🔸 H → مخصوص لپ‌تاپ گیمینگ
🎯 مناسب بازی و طراحی سنگین

🔸 HS → نسخه کم‌مصرف‌تر H
🎯 گیمینگ با مصرف برق پایین‌تر

🔸 U → کم‌مصرف، مخصوص لپ‌تاپ
🎯 تماشای فیلم، تایپ، آموزش، عمومی

🔸 PRO → مدل‌های تجاری
🎯 مناسب امنیت، برنامه‌نویسی، شرکت‌ها و
سرورها


✦ 💻 @programming_codiing

بازم از این چیزا بزارم ؟ ❤️ || 👎🏻

یه ری اکشن که زمانی نمی گیره ازتون

چه حرف گوش کن یه ری اکشن بودا 🙂‍↔️

مقایسه جامع GitLab و GitHub و Git

یه توضیح کوتاه و جامع برای سه ابزار قدرتمند در دنیای توسعه نرم‌افزار هاا

✦ 💻 @programming_codiing

برین کتاب چگونه کمال گرا نباشیم رو بخونین خیلی از برنامه‌نویس ها دچارشن
من که نابود شدم , باید برم بخونم.

یک فرد با کاراکتر ‎کمالگرایی (perfectionism) صد نفر رو در یک نفر زندگی میکنه! یعنی میزان توقعاتی که از خودش و توانمندی‌هاش داره، چند برابر یک آدم عادیه

به‌ خاطر همین همیشه ناآروم و مضطربه!
چه رنجی میکشه کسی که کمالگراست...

✦ 💻 @programming_codiing

مواردی که در راستای امنیت Api باید بلد باشید:

📎 https://roadmap.sh/api-security-best-practices

✦ 💻 @programming_codiing

‼️ یه اپی معرفی کنم که مجبورت می‌کنه بیدار بشی...!

▪️اگه از اون دسته از آدمایی هستی که خوابت به شدت سنگینه پیشنهاد میکنم یه بار برنامه QR Alarm رو نصب کنی ... چرا؟!

▪️چون آلارم کوک میکنی بعد واسه قطع شدن آلارم باید یه QR کد مشخص رو اسکن کنی ، مثلا QR روی پاکت شیر ، یا اصلا یه QR پرینت بگیر بذار بیرون از خونه که قشنگ خواب از سرت بپره

🅿️ Download From Play Store

✦ 💻 @programming_codiing

یه ابزار باحال آنلاین که یه عکس می‌دی بهش، بهت گرادینت میده با کلی تنظیمات.
برای وقتایی که دنبال یه بک‌گراند یا پلت رنگی هماهنگ با یه تصویری، عالیه.

تو مرورگر کار می‌کنه و رایگانه
http://photogradient.com

✦ 💻 @programming_codiing

لیستی از بهترین فیلم های ۱۰ سال اخیر

✦ 💻 @programming_codiing

این سایت اومده یسری سوال چالشی و مصاحبه‌ای از Css و Js رو به صورت سطح‌بندی‌شده و همراه با جواب تشریحی گذاشته که اگه در حال یادگیری هستین خیلی می‌تونه واسه درک بهتر کمک‌تون کنه:

⚡️ https://30secondsofinterviews.org

✦ 💻 @programming_codiing

تست رسپانسیو وبسایت، در همه اندازه ها🔥

برنامه LT Browser، یک ابزار تست نمایشگر وب هست که به دولوپرا کمک می‌کنه، تا طراحی وبسایت‌های خودشون رو بر روی انواع دستگاه‌ها و اندازه‌های صفحه نمایش، تست کنند. این برنامه امکان تست ریسپانسیو و تطابق وب‌سایت با دستگاه‌های مختلف از جمله تلفن همراه، تبلت و کامپیوتر رو فراهم می‌کنه 📱

می تونید از افزونه هایی هم استفاده کنید در مرورگر خود که این بنظرم افزونه بهتره.

Download 🌐

✦ 💻 @programming_codiing