💡آپدیت جدید هوش مصنوعی Pika

🟣هوش مصنوعی تولید ویدئو Pika به تازگی از ویژگی جدیدی به نام لب‌زنی یا لیپ‌سینک رونمایی کرده که امکان اضافه کردن دیالوگ به ویدیوهای مبتنی بر هوش مصنوعی رو به کاربران می‌ده.

🟣این دیالوگ‌ها می‌تونن با استفاده از ابزار هوش مصنوعی ElevenLabs ساخته شن و با حرکت لب‌های شخصیت‌ها در ویدیو هماهنگ شن.

#ai #pika
☕️ @CodeExplore

😎 یک Cheat-sheet خفن برای برنامه نویس ریکت کار

🌐 https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd


پست مشابه به این موضوع رو می تونین مشاهده کنید :

💭 https://t.iss.one/CodeExplore/445

#react #site
☕️ @CodeExplore

🎙تبدیل صدای خواننده به شخصیت های مختلف

🌀 با استفاده از این هوش مصنوعی میتونید به راحتی صدای خوانندرو به هرشخصیتی که میخواید تغییر بدید ؛ مثل این ویدیو هایی که باب اسفنجی آهنگ میخونه :))

1⃣ اول از همه آهنگ مورد نظرتون رو داخل سایت آپلود کنید

🔢 حالا باید خواننده یا شخصیتی که می‌خواید صداش رو جایگزین کنید از بین گزینه هایی که جلوتونه انتخاب کنید.

🔢 و بوم! آهنگ شما با صدای جدید آماده است!

💡با این هوش مصنوعی می‌تونید:

● صدای خواننده‌ها رو به همدیگه تبدیل کنید.

● به جای خواننده اصلی، خودتون با صدای شخصیت‌های کارتونی یا انیمه‌ای مورد علاقه‌تون بخونید!

●حذف صدای خواننده یا حذف موسیقی + تبدیل متن به آهنگ

🔗 https://create.musicfy.lol/create/voice

#ai
☕️ @CodeExplore

ایده ها و طرح های خلاقانه برای ایده گرفتن در ساخت برنامه های مختلف🔥

توی پست های قبلی سایت dribbble رو معرفی کردیم. این سایت هم دقیقا مشابه همونه و دیزاین های فوق العاده جذابی داره که میتونید برای طراحی سایت یا ... ازشون استفاده کنید 💯

🌐 https://behance.net

#design #frontend
☕️ @CodeExplore

روش های مختلف رد و بدل لینک 🔗

◀️هممون میدونیم روش های زیادی هست برای رد و بدل کردن لینک و دادنش به همدیگه! مثلا توی سایت ها میشه دکمه متنی ساخت براش،دکمه عکس دار، یا اصلا روی یک متن قرار بدیم لینکمون رو! ولی توی این پست میخوایم به دو تا روش جالب دیگه بپردازیم که توی چت ها یا کارت ها خیلی کاربردی و شیک هستش!

◀️خب روش اول که ساخت QR Code هستش که ما با اینکار یک عکس QRCode درست میکنیم و در اختیار افراد میدیم تا با اسکن کردنش به لینک یا متن یا ... دسترسی داشته باشن! قبلا سایت معرفی کردیم درموردش که میتونید در این پست مشاهده بکنید.

◀️اما روش دوم که کاربردش بیشتره مخصوصا برای وقتی که میخوایم خود لینک رو به نمایش بذاریم، کوتاه کردن لینک هست. بعضی وقت ها دیدیم که لینکمون (بخاطر لغات فارسی داخلش) خیلی طولانی میشه و شاید ۴ ، ۵ خط از پیام رو بگیره! و واقعا ظاهر جالبی نداره. اما ما برای حل این قضیه یک سایت خیلی جالب و کاربردی میخوایم بهتون معرفی کنیم ؛
💎 سایت yun یک سایت ایرانی هستش که براتون جزئیات دقیق افرادی که روی لینک کلیک کردن رو میگه! مثلا چند نفر روی لینک کلیک کردن،اخرین کلیک چه زمانی بوده و چه مرورگر ها و سیستم عامل ها و ... ای روی این لینک کلیک کردن!

#url #link
☕️ @CodeExplore

یک نصیحت به برنامه نویسان ، هیچوقت باهوش ترین فرد اتاق نباشید چون تبدیل میشید به باگ فیکسر ( فیکس کننده باگ )

#fun
☕️ @CodeExplore

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

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

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

آیدی ربات :
🤖 @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