کداکسپلور | CodeExplore
7.92K subscribers
2.01K photos
348 videos
103 files
1.83K links
با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️😉

سایت:
CodeExplore.ir
👨🏻‍💻 ارتباط با ما :
@CodeExploreSup
گروه :
@CodeExplore_Gap
تبلیغات در کد اکسپلور :
@CodeExploreAds
Download Telegram
فرق فریمورک با کتابخانه چیه؟ 🤔

◀️خیلی هامون شنیدیم که در مورد فلان فریمورک یا فلان کتابخانه صحبت میکنن، ولی واقعا فرق این دو تا چیه؟ چه محدودیت ها یا مزیت هایی دارن؟

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

◀️اما کتابخانه صرفا یک سری کدِ آماده هست که در اختیار ما قرار دادن تا هر وقت بخوایم از هرکدوم که بخوایم استفاده کنیم، و البته که شما میتونید توی هر برنامه از هر چندتا کتابخونه که میخواید استفاده کنید!

#library #framework
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥235❤‍🔥1
تو گیت هاب زیر می تونین یک لیست از کلی ابزار و اکستنشن و فریم‌ورک و...برای زبان جاوااسکریپت پیدا کنید و به نظرم خیلی می تونه براتون مفید باشه❤️

🌐 https://github.com/sorrycc/awesome-javascript

#javascript
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥162❤‍🔥1
دسترسی به متنِ داخل عکس؟🤔

◀️خب یک افزونه کروم براتون آوردیم به اسم Project Naptha که باهاش میتونید به متنِ داخل عکس دسترسی بیشتری داشته باشید(نسبت به بقیه افزونه ها)!

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

🗃 لینک دانلود
#extension
☕️ @CodeExplore
❤‍🔥113🔥3
سایتی برای اشتراک‌گذاری و حل چالش‌های مختلف برنامه‌نویسی فرانت‌اند 💯

برای استفاده کافیه داخل سایت ثبت نام کنید و Challenge های مختلف رو استارت کنید و خودتون رو به چالش بکشید ❤️‍🔥

🌐 https://codier.io

#challenge #frontend
@CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥7❤‍🔥1
کداکسپلور | CodeExplore
تو گیت هاب زیر می تونین یک لیست از کلی ابزار و اکستنشن و فریم‌ورک و...برای زبان جاوااسکریپت پیدا کنید و به نظرم خیلی می تونه براتون مفید باشه❤️ 🌐 https://github.com/sorrycc/awesome-javascript #javascript ☕️ @CodeExplore
😎 تو این قسمت می تونین به یک لیست از ابزار وفریم‌ ورک ، اکستنشن و ... برای ریکت پیدا کنید.

🌐 https://github.com/enaqx/awesome-react

🔥🔥🔥🔥🔥🔥🔥🔥

به نظرم باید همچین لیستی برای همه ی زبان های برنامه نویسی و فریم ورک هاش باشه ، سعی میکنم همچین سایتی یا آدرس گیت هابی رو اگه پیدا کردم حتما در اختیارتون قرار بدم 🔥

👍با کد اکسپلور یاد بگیر، لذت ببر و بروز باش👍

#react
☕️ @CodeExplore || </yasna>
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥92🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
اگه از تم دارک استفاده میکنید قطعا این صحنه براتون آشناست😢

#fun
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
😁531
دوستان اگه دنبال وبسایتی بودید که بخواید حجم عکس هاتون رو کاهش بدید ، بطوری که کیفیت عکس تغییر نکنه ، من بهتون وبسایت زیر رو معرفی میکنم 😉

🌐 https://squoosh.app

#پست_پیشنهادی #site
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥174❤‍🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
💡آپدیت جدید هوش مصنوعی Pika

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

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

#ai #pika
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥152❤‍🔥1
😎 یک Cheat-sheet خفن برای برنامه نویس ریکت کار

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


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

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

#react #site
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥2❤‍🔥1
🎙تبدیل صدای خواننده به شخصیت های مختلف

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

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

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

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

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

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

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

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

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

#ai
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11❤‍🔥33
ایده ها و طرح های خلاقانه برای ایده گرفتن در ساخت برنامه های مختلف🔥

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

🌐 https://behance.net

#design #frontend
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83❤‍🔥1
روش های مختلف رد و بدل لینک 🔗

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

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

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

#url #link
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤‍🔥11
یک نصیحت به برنامه نویسان ، هیچوقت باهوش ترین فرد اتاق نباشید چون تبدیل میشید به باگ فیکسر ( فیکس کننده باگ )

#fun
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
😁56🔥5❤‍🔥3💔1
تو ربات زیر شما می تونین هر فایل صوتی ، تصویری ، فیلم رو به متن تبدیل کنید.

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

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

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

#bot
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥3💔3❤‍🔥2
🔖 کتاب Crafting Interpreters

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

🇬🇧 https://craftinginterpreters.com

#book #interpreter
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
14🔥4❤‍🔥2
تا حالا حتما اسم GraphQL و شنیدید ولی دقیقا چه کاربردی داره؟🤔

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

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

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


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


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


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


#frontend #backend
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
10🔥4❤‍🔥1
سایت wayback machine ، آرشیو اینترنت 🏠

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

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

🌐 لینک سایت

#archive #wayback_machine
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
10❤‍🔥4🔥3
یکی از مشکلاتی که بهش برخوردم توی Vue یا Nuxt یا اکثر دولوپر های Vue باهاش مشکل داشتن. زمانی که یک دراپ داون یا مودال و هرچیزی اینطوری داشته باشیم بیرون از اون المنت توی دام کلیک شد بسته یا مخفی (hidden) بشه. پکیج واسه این مورد بود اما یکسری مشکلات داشت و از اون ور قضیه بعضیا اعتقاد دارن واسه چنین کار ریزی پکیج لازم نیست.
یک فایل 10 الی 11 خطی واسه این کار نوشتم که کار همون پکیج رو انجام میده و نیازی به نصب هیچ دپندنسی نداره. به صورت یک directive میتونید ازش استفاده کنید. نحوه استفاده توی ریپازیتوری زیر گذاشتم 👇
• Don't forget share😉
https://github.com/sohilpro/outside-click


👨‍💻@sohilpro

🔥🔥🔥🔥🔥🔥🔥🔥

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

☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
10❤‍🔥5🔥5
✔️6 تا سایت ک صداهای ضبط شده رو به متن تبدیل میکنه:

⏯️ VoiceNote.in

2️⃣ Sonix.ai

3️⃣ Dictation.io

4️⃣ Chorme Speech

5️⃣ Google Docs

6️⃣ SpeechTexter.com

#site
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
10🔥3
کداکسپلور | CodeExplore
یکی از مشکلاتی که بهش برخوردم توی Vue یا Nuxt یا اکثر دولوپر های Vue باهاش مشکل داشتن. زمانی که یک دراپ داون یا مودال و هرچیزی اینطوری داشته باشیم بیرون از اون المنت توی دام کلیک شد بسته یا مخفی (hidden) بشه. پکیج واسه این مورد بود اما یکسری مشکلات داشت و…
دوستان ما همیشه از کارهای خوب حمایت میکنیم که تا الان بالای چندین بار از کارهای دوستان حمایت کردیم 👌

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

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

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

🔥🔥🔥🔥🔥🔥🔥🔥
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥183🔥1