تو ربات زیر شما می تونین هر فایل صوتی ، تصویری ، فیلم رو به متن تبدیل کنید.

🎵تبدیل ویس یا آهنگ به هر فرمتی
🖼️ تبدیل نوشته های داخل عکس به متن
▶️ فیلم و کلیپ ها تا حجم ۳۰۰ مگابایت

💥 فقط کافیه فایل های صوتی یا تصویری حالا با هر زبونی که هست رو براش بفرستید تا براتون تایپش کنه.

آیدی ربات :
🤖 @Voice_Cbot

#bot
☕️ @CodeExplore

🔖 کتاب Crafting Interpreters

کتابی جذاب درمورد چگونگی ساخت یک زبان برنامه نویسی که مطالعه کردنش اطلاعات جالبی رو بهتون میده.

🇬🇧 https://craftinginterpreters.com

#book #interpreter
☕️ @CodeExplore

تا حالا حتما اسم GraphQL و شنیدید ولی دقیقا چه کاربردی داره؟🤔

خب GraphQL یک زبان کوئری اوپن‌سورس است که از سوی فیسبوک توسعه یافته است. این زبان روشی کارآمد برای طراحی، ایجاد و مصرف API-ها در اختیار ما قرار می‌دهد و GraphQL اساساً یک جایگزین برای REST محسوب می‌شود.

برخی از ویژگی های GraphQl🔥

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


زبان GraphQL یک نقطه انتهایی منفرد در اختیار ما قرار می‌دهد و دیگر نیازی به نسخه 2 یا نسخه 3 برای API یکسان وجود ندارد.


زبان GraphQL دارای «نوع‌بندی قوی» (strongly-typed) و با استفاده از آن می‌توان یک کوئری معتبر درون سیستم نوع GraphQL پیش از اجرا ساخت. GraphQL به ساخت API-های قدرتمند کمک می‌کند.


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


#frontend #backend
☕️ @CodeExplore

سایت wayback machine ، آرشیو اینترنت 🏠

◀️ شاید براتون جالب باشه تغییر و تحولات سایت های مختلف توی UI یا .... اشون رو ببینید! ولی خب کی واقعا سورسِ فرانتِ ۱۰ سال پیش گوگل رو داره؟

🩵 اینجاست که این سایت جذاب میشه براتون! میتونید اکثر سایت ها رو مربوط به هر تاریخی که میخواید ببینید، حتی در ساعات مختلفِ یک روز مشخص!

🌐 لینک سایت

#archive #wayback_machine
☕️ @CodeExplore

یکی از مشکلاتی که بهش برخوردم توی Vue یا Nuxt یا اکثر دولوپر های Vue باهاش مشکل داشتن. زمانی که یک دراپ داون یا مودال و هرچیزی اینطوری داشته باشیم بیرون از اون المنت توی دام کلیک شد بسته یا مخفی (hidden) بشه. پکیج واسه این مورد بود اما یکسری مشکلات داشت و از اون ور قضیه بعضیا اعتقاد دارن واسه چنین کار ریزی پکیج لازم نیست.
یک فایل 10 الی 11 خطی واسه این کار نوشتم که کار همون پکیج رو انجام میده و نیازی به نصب هیچ دپندنسی نداره. به صورت یک directive میتونید ازش استفاده کنید. نحوه استفاده توی ریپازیتوری زیر گذاشتم 👇
• Don't forget share😉 •

https://github.com/sohilpro/outside-click

👨‍💻@sohilpro

🔥🔥🔥🔥🔥🔥🔥🔥

تو این پست یکی از ابزارهایی که دوستمون توسعه دادند رو براتون قرار دادم❤️
حمایتش کنید حتما 👌

☕️ @CodeExplore

✔️6 تا سایت ک صداهای ضبط شده رو به متن تبدیل میکنه:

⏯️ VoiceNote.in

2️⃣ Sonix.ai

3️⃣ Dictation.io

4️⃣ Chorme Speech

5️⃣ Google Docs

6️⃣ SpeechTexter.com

#site
☕️ @CodeExplore

دوستان ما همیشه از کارهای خوب حمایت میکنیم که تا الان بالای چندین بار از کارهای دوستان حمایت کردیم 👌

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

کار خوب ارزش حمایت کردن داره 🔥

برای دیده شدن کارهاتون با من در ارتباط باشید :
@Hidden_393

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

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

🔥🔥🔥🔥🔥🔥🔥🔥

⭕️ حالا جدا از فان بودن پست لازمه بگم که ما همه فکر میکنیم 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