🤣 نقطه مشترکی که بین ومپایر، سوپرمن و برنامه‌نویس وجود داره☝️

🔥🔥🔥🔥🔥🔥🔥🔥

⭕️ حالا جدا از فان بودن پست لازمه بگم که ما همه فکر میکنیم IDE لایت مثلا واسه چشم ضرر داره و حتما باید از IDE دارک استفاده کنیم که به نظرم می تونه باور غلطی باشه.

چون واسه هر کسی به خودش مربوطه و باید اون IDE رو بر اساس اون محیطی که توش هست انتخاب کنه ، مثلاً باید محیط کار خودش رو در نظر بگیره ، سلیقشو بسنجه ، مشکلات بینایی خودشو در نظر بگیره و ...
وقتی همه ی اینارو سنجید می تونه بهترین IDE خودشو انتخاب کنه👌

#fun
☕️ @CodeExplore

واسه خیلی هامون احتمالا سوال شده که چطور این قسمت منحنی هارو میسازن ؟ 🤔

تو این پست می‌خوام جواب سوالتون رو بدم :)

اگه برای وبسایتتون از این منحنی ها می‌خواید می‌تونین از سایت زیر یکی از اینا رو واسه خودتون بسازید و تو سایتتون استفاده کنید 😎👇

🌐 https://www.shapedivider.app

#site
☕️ @CodeExplore

سایت تم و رنگ بندی 🎨

🟢سایت colorhunt (شکارچی رنگ) یک سایت هستش که براتون کلی تم های متنوع با رنگ های مختلف گذاشته و شما میتونید کد رنگ ها رو کپی کنید. معمولا هر تم ۳ الی ۵ رنگ داره!

🟣ویژگی جالبی که این سایت داره اینه که میتونید با استفاده از رنگ داخلش سرچ کنید، یعنی مثلا من رنگ #FF0000 رو انتخاب میکنم(رنگ قرمز) و بعد برام تم هایی که به این رنگ میخورن رو میاره! و یک ویژگی جالبش اینه که میتونید زمینه برای تم ها انتخاب کنید یعنی مثلا تم کودکانه یا تم زمستان یا ...

💎 چند تا سایت مشابه به این سایت قبلا توی این پست معرفی کردیم که جا داره دوباره ببینیدشون ❤️

#colorhunt
☕️ @CodeExplore

منابع ارزشمندی برای برنامه نویسی فرانت اند به ویژه CSS 💎

ایده های کاربردی برای افکت هایی مثل هاور، Blur ،Bubble و بخش های مختلف فوتر، پنل کاربری، باکس های قیمت گذاری و... همراه با کد و دمو که پیاده سازی شدن که میتونید برای طراحی هاتون ازشون استفاده کنید💯

➕همچنین اینکه آپدیت هم میشن. جزئیات بیشتر رو خودتون از لینک پایین میتونید ببینید.

👉 https://freefrontend.com

#frontend #css
☕️ @CodeExplore

کتابخانه Zustand ! قدرتمند، راحت و
پر طرفدار❤️‍🔥

کتابخانه Zustand یک State Management سبک و قدرتمند برای مدیریت State در کامپوننت ها هست.

بر خلاف State Management هایی مثل ریداکس که خیلی پیچیده هستن و یادگیری سختی دارن، کتابخانه Zustand کار و برای ما خیلی ساده تر کرده.


ویژگی‌های کلیدی Zustand عبارتند از 👇

1. سادگی: Zustand با استفاده از Hook‌های React بسیار ساده برای استفاده هست. شما نیازی به ایجاد مفاهیم پیچیده‌تری نظیر "اکشن‌ها" ندارید.

2. انعطاف: این کتابخانه به شما اجازه میده وضعیت‌های مختلف و به صورت مستقل تعریف کنید. همچنین می‌تونید از ویژگی‌های immer برای تغییر وضعیت‌ها به صورت ایمن استفاده کنید.

3. عملکرد بالا: Zustand بهینه‌سازی‌هایی برای عملکرد داره و می‌تونه در برنامه‌های با حجم بزرگ نیز کارآمد باشه

4.حجم کم: ( حجم کل باندل این کتابخانه فقط 1.2 کیلوبایت هست ! )

به طور کلی در Zustand دیگه خبری از پیچیدگی و شلوغی های همیشگی نیست و خیلی ساده میتونیم Global State های خودمون رو ذخیره و مدیریت کنیم.

اطلاعات بیشتر و در داکیومنت این کتابخونه مطالعه کنید👌🤍



#frontend
☕️ @CodeExplore

⭕ فرق بین پروتکل http با https

◀️ به زبان ساده Https پروتکل امنیتی و نسخه بروز شده Http است. یعنی ازشون برای انتقال اطلاعات بین مرورگر وب و سرور وب استفاده میشه.

#https #http
☕️ @CodeExplore

کاربرا فکر میکنن که این برنامه برای استفاده امنه:

و منی که تو پرداکشن دارم باگ هارو فیکس میکنم😀

#fun
☕️ @CodeExplore

⌨️ شما با اکستنشن Code Runner  می تونی خروجی کدهاتون رو توی خود VsCode ببینید

📣 اکثر زبان های برنامه نویسی توسط این اکستنشن پشتیبانی میشه و به نظرم دیگه لزومی نداره که هر کدی رو توی محیط خودش اجرا کنید💯

#extension
☕️ @CodeExplore

💡 معرفی مرورگرهای antidetect ، ضد تشخیص ، ضد اثرانگشت ، ساخت هویت جدید برای ناشناس ماندن

رایگان
1⃣ https://undetectable.io/

🔢 https://anty.dolphin.ru.com/

🔢 https://hydraproxy.com/hydraheaders/

🔢 https://incogniton.com/

🔢 https://multilogin.com/

➕مرورگرهایantidetect اصولا مرورگرهای خیلی گرونی هستند این لیست بالا هم یه تعدادی رایگانه که فقط مجوز چند روز استفاده رایگان رو داره...

💡 برای چه کاربریی توصیه میشه؟

➕کاربرانی که نیاز به سطح بالاتری از ناشناس ماندن دارن ، کسانی که برای مچ کردن آی پی و مرورگر و دستگاه نیاز به هویت جدید دیجیتالی دارن و کسانی که خرید جعلی و کاردینگ کار میکنن.

☕️ @CodeExplore

🟡عینک هوشمند Air Glass 3 با دستیار AI AndesGPT

در نمایشگاه MWC 2024، اوپو از عینک هوشمند Air Glass 3 XR رونمایی کرد که با دستیار هوش مصنوعی AndesGPT بهبود پیدا کرده.

این محصول Air Glass 2 هست و با هدف ساده‌سازی استفاده از هوش مصنوعی و ایجاد ارتباط بین فناوری و راحتی روزمره طراحی شده.

عینک‌های سبک وزن Air Glass 3 XR با وزن ۵۰ گرم، دارای صفحه نمایشی با کیفیت بالا و روشنایی تا ۱۰۰۰ نیت هست که تصویری واضح در هر نور رو فراهم می‌کنه.

#news
☕️ @CodeExplore

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

توضیحات کامل برای نصب و استفاده اینجا هست، امیدوارم واستون مفید باشه و با حمایت (star دادن ⭐️) دادن هم انرژی به من بدید، همچنین خوشحال میشم اگه جای نیاز به بهبود داشت واسم request بفرستید یا پیام بدید که بیشتر راجبش گپ بزنیم.


🌐 https://github.com/pedramre/pedre-response

آیدی توسعه دهنده پکیج :
🌐 @Pedram_Re

🔥🔥🔥🔥🔥🔥🔥🔥
☕️ @CodeExplore

بینندگان عزیز، هم اکنون React 19 💪

بالاخره تیم توسعه React، نسخه 19 این Framework محشر و دارن اراِئه میدن ، اما بیاین باهم بررسی کنیم که چه مواردی به این Framework اضافه شده🔥




1⃣ کامپایلر React: بهینه‌سازی هسته

به گفته تیم توسعه React js ، "دیگه React Compiler یک پروژه تحقیقاتی نیست: و از قدرت این کامپایلر در حال حاضر در وب‌سایت instagram.com استفاده میشه و ما در حال کار بر روی استفاده این کامپایلر به سایر سطوح در Meta و آماده‌سازی اولین نسخه منبع باز هستیم"


🔢 کامپوننت های سمت سرور: آزاد کردن قدرت Server-Side Rendering

مشکلات بارگذاری اولیه کُند و مشکلات بهینه‌سازی برای موتورهای جستجو به لطف Server Component ها قابل حل هستن که یکی دیگه از برگه برنده های React محسوب میشود. تصور کنین یک صفحه اصلی خبری با مقالاتی که به طور مکرر به‌روزرسانی می‌شن. Render کردن این Component ها مستقیماً روی Server با استفاده از Server Component، اولین تاثیرات فوق‌العاده سریع را ارائه می‌ده و رتبه‌بندی موتورهای جستجو را افزایش میده.



🔢 اقدامات ( Actions ): Streamlining Data Flow and Optimistic Updates

پردازش ارسال فرم‌ها و دیگر تعاملات داده‌ای بین client و server ممکنه که یه کار پیچیده‌ای باشه. Action ها به عنوان یک API جدید که در React 19 معرفی شدند، این فرآیند را ساده‌تر می‌کند و با ارائه روشی یکپارچه و شناختی (intuitive) حالا منظور از شناختی چیه (یعنی که رفتار و عملکرد اون پیش‌بینی‌پذیر و سازگار هست و کاربران به راحتی می‌تونن از اون استفاده کنن بدون نیاز به دانش فنی عمیق).



🔢 هوک ها:

تعجب نکنین توی React 19 خبری از Hook جدیدی نیست، اما نگران نباشین یکسری از Hook های اصلی تغییر اساسی میکنن.

هوک های useMemo و useCallback: قابلیت‌های بهبود یافته برای Memoization دقیق‌تر، که ممکنه تعداد بیشتری از Renderهای غیرضروری را کاهش بده. تصور کنید یک Component list بزرگ که تنها موارد خاصی باید بر اساس تعامل کاربر مجدداً Render بشن.

هوک useEffect: کنترل بیشتری بر روی زمان اجرای effect ها، که اجازه میده مدیریت Side effect ها تمیزتر و کارآمدتری داشته باشیم. تصور کنید یک effect که داده‌ها را تنها زمانی که یک کامپوننت خاص mount می‌شه، دریافت می‌کنه.

هوک useImperativeHandle: استفاده بهینه‌تر برای ایجاد object های شبیه به ref در functional component ها. تصور کنید یک Carousel Component سفارشی که متدهایی را برای کنترل رفتار اون ارائه میده.


در آخر میشه گفت React 19 یک ارتقاء نیست، بلکه دروازه‌ای به تجربه توسعه‌ی Performance پویا و جذابه. از کامپایلر نوآورانه React تا یکپارچگی با اجزای وب، هر ویژگی به شما این امکان رو میده تا رابط‌های کاربری‌ رو ایجاد کنید که فوق العاده باشه.

#frontend #react
☕️ @CodeExplore

وقتی تو مصاحبه میگن برنامه ای بنویسید که کوچک ترین عدد لیست رو پیدا کنه، می تونید همچین کاری کنید ، ولی اینکه بعدش چه بلایی سر شما بیاد رو دیگه خودتون می دونید😂👌

#fun
☕️ @CodeExplore

⭐‌ ‌دوستان اگه خواستید برای زبان یا فریم‌ورک دیگه ای همچین لیستی پیدا کنید ، می تونین توی گوگل سرچ کنید (اسم زبان برنامه نویسی ) + (Awesome)، اون موقع از همین لیست‌ ها براتون میاره

سرچ در گوگل باید به شکل زیر باشه :

👉Awesome Python
👉Awesome Javascript
👉Awesome Laravel

☕️ @CodeExplore

سه سایت ارائه دهنده هاست رایگان ✔️

👍سایت اول که خیلی معروف هم هست سایت infinityfree هستش ، نکته مهمی که باید به خاطر داشته باشید اینه که اگر تا ۳۰ روز وارد اکانتتون نشید ، اکانت دی اکتیو میشه و بعد از اون اگر تا ۲ الی ۳ هفته وقت دارین تا دوباره اکانتتون رو اکتیو کنین، وگرنه هاست شما پاک میشه! دامنه رایگان هم ارائه میدن که اون هم مثل شرایط هاست پاک میشه. سایت برای هاست ها از زبان های php ، python ، ruby ، node.js ، perl و go استفاده میکنه!

✅سایت دوم سایت pythonanywhere هستش که همونطور که از اسمش پیداست مخصوص پایتونه! ورژن ها و کتابخونه های زیادی از پایتون رو پشتیبانی میکنه ولی یک شرط مهمی که داره اینه که هر سایتی که شما باهاش میسازید تا یک ماه بالا میاد بعد از یک ماه دوباره باید دکمه فعال سازیش رو بزنید، بعلاوه چندتا محدودیت دیگر در استفاده از منابع... دامنه و هاست هر دو رو رایگان در اختیارتون میزاره سایت!

☄️سایت سوم سایت ParsPack هستش که یک سایت ایرانیه، این سایت هم معمولا اگر ۴۰ روز هیچ تغییری روی هاستتون انجام ندید، هاستتون رو حذف میکنه. در کنار هاست رایگان بهتون دامنه رایگان هم میده! و نکته ای که هست اینه که هاست ها تا الان فقط از زبان php پشتیبانی میکنن(طبق تجربه ای که داریم و باهاشون صحبت کردیم)

🔥 همچنین قبلا یک پست داشتیم که توی اون سایت های دیگه ای رو هم معرفی کردیم، برای دیدنش کلیک کنید.

#free_host
☕️ @CodeExplore

‏💡هوش مصنوعی قدرتمند Claude 3 از راه رسید!

▪️این ابزار هوش مصنوعی روز گذشته از جدیدترین مدل نورون خودش به نام Claude 3 رونمایی کرد و مدعی شد که این مدل در واقع ترکیبی از سه مدل زبانی AI بسیار پیشرفته شبیه به زیرساخت‌های ChatGPT است.

▪️مهندسان این استارت‌آپ ادعا می‌کنن که این مدل‌ها معیارهای صنعتی جدیدی رو در دنیای هوش مصنوعی و در طیف وسیعی از وظایف شناختی تعیین میکنن، تا جایی که در برخی موارد به قابلیت‌های نزدیک به انسان هم دست پیدا کردن...

▪️این شرکت گفت که تواناترین مدل جدید، Claude 3 Opus، از GPT-4 OpenAI و Gemini Ultra گوگل در تست های استاندارد صنعتی، مثل دانش در سطح کالج، استدلال در سطح فارغ التحصیل و ریاضیات پایه بهتر عمل کرده.

#ai
☕️ @CodeExplore

انواع نامگذاری متغیر ها ✍️

🔴میدونین که اهمیت نامگذاری درست متغیر ها چقد بالا هستش، اوج اهمیتش رو وقتی احساس میکنیم که بعد یک ماه پروژه قدیمی رو دوباره نگاه میندازیم و اونجا میفهمیم که چه اشتباه بزرگی کردیم!

‼️توی این عکس انواع روش های نامگذاری متغیر ها رو نوشته که بد نیست یک سری ویژگی هاشون رو بگیم!

1⃣ camelCase :
این روش خیلی روش رایجی هستش برای برنامه نویسی مخصوصا توی زبان های شی گرا مثل جاوا ، باعث میشه واضح بدونیم داریم از کدوم کتابخونه استفاده میکنیم اما بعضی وقت ها ظاهر کد رو خیلی بهم میریزه

🔢 kebab-case :
این روش هم روش خوبی هستش که باعث میشه بتونیم یک دسته بندی خاصی رو توی متغیرهامون داشته باشیم، اما ایراد مهمی که داره اینه که بعضی از زبان ها این مدل نامگذاری رو پشتیبانی نمیکنن

🔢 PascalCase :
این روش میتونه کاربردی باشه و خوانایی رو خیلی بالا میبره اما خیلی جاها ممکنه با اسم کلاس ها یا یکسری متغیر خاص تداخل داشته باشه

🔢 snake_case :
این هم مثل kebab-case هستش ولی توی اکثر زبانها استفاده میشه اما بدی ای که داره اینه که نامگذاری باهاش خیلی سریع نام رو طولانی میکنه

#variables
☕️ @CodeExplore

🖥لینکدین و 🌐گیت هاب دو پلتفرم عالی واسه شبکه سازی هستن و همون‌طور که میدونین ، برنامه نویسی که شبکه سازی خوبی نداشته باشه مثل سربازیه ک اسلحه نداره.

تو کامنت های این پست میتونین لینک گیت هاب یا لینکدین خودتون رو بذارین تا با بقیه برنامه نویس ها اولین شبکتون رو ایجاد کنید🔥⬇️

#linkedin #github
☕️ @CodeExplore

🔥 یکی از نیازهای خیلی مهم که برای رسیدن به موفقيت بهش نیاز داریم، صبر هست! جاده موفقیت پر از سربالایی هست که سرعت شما رو ممکنه کم کنه، ولی هیچوقت نباید اجازه بدید که شما رو متوقف کنه.

صبور باشید و با نظم و برنامه به فعالیتتون ادامه بدید. نتایج بزودی پیداشون میشه 🔝

#motivational
☕️ @CodeExplore

وقتی کدهای قبلمو میخونم :

#fun
☕️ @CodeExplore