فرق فریمورک با کتابخانه چیه؟ 🤔
◀️ خیلی هامون شنیدیم که در مورد فلان فریمورک یا فلان کتابخانه صحبت میکنن، ولی واقعا فرق این دو تا چیه؟ چه محدودیت ها یا مزیت هایی دارن؟
◀️ فریمورک یک ساختار هستش! و کد های شما داخل اون ساختار با قواعدِ همون فریمورک قرار میگیره، علاوه بر اون شما نمیتونید توی یک برنامه از چندتا فریمورک استفاده کنید!
◀️ اما کتابخانه صرفا یک سری کدِ آماده هست که در اختیار ما قرار دادن تا هر وقت بخوایم از هرکدوم که بخوایم استفاده کنیم، و البته که شما میتونید توی هر برنامه از هر چندتا کتابخونه که میخواید استفاده کنید!
#library #framework
☕️ @CodeExplore
#library #framework
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23⚡5❤🔥1
تو گیت هاب زیر می تونین یک لیست از کلی ابزار و اکستنشن و فریمورک و...برای زبان جاوااسکریپت پیدا کنید و به نظرم خیلی می تونه براتون مفید باشه❤️
🌐 https://github.com/sorrycc/awesome-javascript
#javascript
☕️ @CodeExplore
#javascript
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - sorrycc/awesome-javascript: 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things. - sorrycc/awesome-javascript
🔥16⚡2❤🔥1
دسترسی به متنِ داخل عکس؟🤔
◀️خب یک افزونه کروم براتون آوردیم به اسم Project Naptha که باهاش میتونید به متنِ داخل عکس دسترسی بیشتری داشته باشید(نسبت به بقیه افزونه ها)!
◀️چیزی که این اکستنشن رو نسبتا متفاوت میکنه اینه که شما علاوه بر توانایی کپی کردن متن میتونید هایلایتش هم بکنید، اینطوری موقع خوندن متنِ داخل عکس دیگه خط رو هم گم نمیکنید!
🗃 لینک دانلود
#extension
☕️ @CodeExplore
◀️خب یک افزونه کروم براتون آوردیم به اسم Project Naptha که باهاش میتونید به متنِ داخل عکس دسترسی بیشتری داشته باشید(نسبت به بقیه افزونه ها)!
◀️چیزی که این اکستنشن رو نسبتا متفاوت میکنه اینه که شما علاوه بر توانایی کپی کردن متن میتونید هایلایتش هم بکنید، اینطوری موقع خوندن متنِ داخل عکس دیگه خط رو هم گم نمیکنید!
🗃 لینک دانلود
#extension
☕️ @CodeExplore
❤🔥11⚡3🔥3
سایتی برای اشتراکگذاری و حل چالشهای مختلف برنامهنویسی فرانتاند 💯
برای استفاده کافیه داخل سایت ثبت نام کنید و Challenge های مختلف رو استارت کنید و خودتون رو به چالش بکشید❤️🔥
🌐 https://codier.io
#challenge #frontend
☕ @CodeExplore
برای استفاده کافیه داخل سایت ثبت نام کنید و Challenge های مختلف رو استارت کنید و خودتون رو به چالش بکشید
#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
#react
☕️ @CodeExplore || </yasna>
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem
A collection of awesome things regarding React ecosystem - enaqx/awesome-react
❤🔥9⚡2🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁53⚡1
دوستان اگه دنبال وبسایتی بودید که بخواید حجم عکس هاتون رو کاهش بدید ، بطوری که کیفیت عکس تغییر نکنه ، من بهتون وبسایت زیر رو معرفی میکنم 😉
🌐 https://squoosh.app
#پست_پیشنهادی #site
☕️ @CodeExplore
#پست_پیشنهادی #site
Please open Telegram to view this post
VIEW IN TELEGRAM
squoosh.app
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
🔥17⚡4❤🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
#ai #pika
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15⚡2❤🔥1
پست مشابه به این موضوع رو می تونین مشاهده کنید :
#react #site
Please open Telegram to view this post
VIEW IN TELEGRAM
DEV Community
React Cheat sheet (Updated June 2021)
Follow me!: Follow @EricTheCoder_ I don't use React often and so whenever I need to do even the...
⚡8🔥2❤🔥1
🌀 با استفاده از این هوش مصنوعی میتونید به راحتی صدای خوانندرو به هرشخصیتی که میخواید تغییر بدید ؛ مثل این ویدیو هایی که باب اسفنجی آهنگ میخونه :))
● صدای خوانندهها رو به همدیگه تبدیل کنید.
● به جای خواننده اصلی، خودتون با صدای شخصیتهای کارتونی یا انیمهای مورد علاقهتون بخونید!
●حذف صدای خواننده یا حذف موسیقی + تبدیل متن به آهنگ
#ai
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11❤🔥3⚡3
ایده ها و طرح های خلاقانه برای ایده گرفتن در ساخت برنامه های مختلف🔥
توی پست های قبلی سایت dribbble رو معرفی کردیم. این سایت هم دقیقا مشابه همونه و دیزاین های فوق العاده جذابی داره که میتونید برای طراحی سایت یا ... ازشون استفاده کنید💯
🌐 https://behance.net
#design #frontend
☕️ @CodeExplore
توی پست های قبلی سایت dribbble رو معرفی کردیم. این سایت هم دقیقا مشابه همونه و دیزاین های فوق العاده جذابی داره که میتونید برای طراحی سایت یا ... ازشون استفاده کنید
#design #frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡3❤🔥1
روش های مختلف رد و بدل لینک 🔗
◀️ هممون میدونیم روش های زیادی هست برای رد و بدل کردن لینک و دادنش به همدیگه! مثلا توی سایت ها میشه دکمه متنی ساخت براش،دکمه عکس دار، یا اصلا روی یک متن قرار بدیم لینکمون رو! ولی توی این پست میخوایم به دو تا روش جالب دیگه بپردازیم که توی چت ها یا کارت ها خیلی کاربردی و شیک هستش!
◀️ خب روش اول که ساخت QR Code هستش که ما با اینکار یک عکس QRCode درست میکنیم و در اختیار افراد میدیم تا با اسکن کردنش به لینک یا متن یا ... دسترسی داشته باشن! قبلا سایت معرفی کردیم درموردش که میتونید در این پست مشاهده بکنید.
◀️ اما روش دوم که کاربردش بیشتره مخصوصا برای وقتی که میخوایم خود لینک رو به نمایش بذاریم، کوتاه کردن لینک هست. بعضی وقت ها دیدیم که لینکمون (بخاطر لغات فارسی داخلش) خیلی طولانی میشه و شاید ۴ ، ۵ خط از پیام رو بگیره! و واقعا ظاهر جالبی نداره. اما ما برای حل این قضیه یک سایت خیلی جالب و کاربردی میخوایم بهتون معرفی کنیم ؛
💎 سایت yun یک سایت ایرانی هستش که براتون جزئیات دقیق افرادی که روی لینک کلیک کردن رو میگه! مثلا چند نفر روی لینک کلیک کردن،اخرین کلیک چه زمانی بوده و چه مرورگر ها و سیستم عامل ها و ... ای روی این لینک کلیک کردن!
#url #link
☕️ @CodeExplore
#url #link
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤🔥1⚡1
یک نصیحت به برنامه نویسان ، هیچوقت باهوش ترین فرد اتاق نباشید چون تبدیل میشید به باگ فیکسر ( فیکس کننده باگ )
#fun
☕️ @CodeExplore
#fun
Please open Telegram to view this post
VIEW IN TELEGRAM
😁56🔥5❤🔥3💔1
تو ربات زیر شما می تونین هر فایل صوتی ، تصویری ، فیلم رو به متن تبدیل کنید.
🎵 تبدیل ویس یا آهنگ به هر فرمتی
🖼️ تبدیل نوشته های داخل عکس به متن
▶️ فیلم و کلیپ ها تا حجم ۳۰۰ مگابایت
💥 فقط کافیه فایل های صوتی یا تصویری حالا با هر زبونی که هست رو براش بفرستید تا براتون تایپش کنه.
آیدی ربات :
🤖 @Voice_Cbot
#bot
☕️ @CodeExplore
آیدی ربات :
#bot
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡8🔥3💔3❤🔥2
کتابی جذاب درمورد چگونگی ساخت یک زبان برنامه نویسی که مطالعه کردنش اطلاعات جالبی رو بهتون میده.
#book #interpreter
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
خب GraphQL یک زبان کوئری اوپنسورس است که از سوی فیسبوک توسعه یافته است. این زبان روشی کارآمد برای طراحی، ایجاد و مصرف API-ها در اختیار ما قرار میدهد و GraphQL اساساً یک جایگزین برای REST محسوب میشود.
برخی از ویژگی های GraphQl
شما دقیقا داده هایی که نیاز دارید و میتونید به دست بیارید. دیگر نیازی به دریافت اطلاعات بیش از حد که در REST مرسوم است نداریم.
زبان GraphQL یک نقطه انتهایی منفرد در اختیار ما قرار میدهد و دیگر نیازی به نسخه 2 یا نسخه 3 برای API یکسان وجود ندارد.
زبان GraphQL دارای «نوعبندی قوی» (strongly-typed) و با استفاده از آن میتوان یک کوئری معتبر درون سیستم نوع GraphQL پیش از اجرا ساخت. GraphQL به ساخت API-های قدرتمند کمک میکند.
پس از این مقدمه کوتاه در مورد GraphQL، دلیل قدرت آن و این که چرا محبوبیت زیادی این روزها کسب کرده است، اگر میخواهید اطلاعات بیشتری در مورد آن کسب کنید، پیشنهاد میکنیم به مستندات موجود در وبسایت آن مراجعه کنید.
#frontend #backend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡10🔥4❤🔥1
سایت wayback machine ، آرشیو اینترنت 🏠
◀️ شاید براتون جالب باشه تغییر و تحولات سایت های مختلف توی UI یا .... اشون رو ببینید! ولی خب کی واقعا سورسِ فرانتِ ۱۰ سال پیش گوگل رو داره؟
🩵 اینجاست که این سایت جذاب میشه براتون! میتونید اکثر سایت ها رو مربوط به هر تاریخی که میخواید ببینید، حتی در ساعات مختلفِ یک روز مشخص!
🌐 لینک سایت
#archive #wayback_machine
☕️ @CodeExplore
#archive #wayback_machine
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡10❤🔥4🔥3
یکی از مشکلاتی که بهش برخوردم توی Vue یا Nuxt یا اکثر دولوپر های Vue باهاش مشکل داشتن. زمانی که یک دراپ داون یا مودال و هرچیزی اینطوری داشته باشیم بیرون از اون المنت توی دام کلیک شد بسته یا مخفی (hidden) بشه. پکیج واسه این مورد بود اما یکسری مشکلات داشت و از اون ور قضیه بعضیا اعتقاد دارن واسه چنین کار ریزی پکیج لازم نیست.
یک فایل 10 الی 11 خطی واسه این کار نوشتم که کار همون پکیج رو انجام میده و نیازی به نصب هیچ دپندنسی نداره. به صورت یک directive میتونید ازش استفاده کنید. نحوه استفاده توی ریپازیتوری زیر گذاشتم 👇
• Don't forget share😉 •
👨💻@sohilpro
🔥 🔥 🔥 🔥 🔥 🔥 🔥 🔥
تو این پست یکی از ابزارهایی که دوستمون توسعه دادند رو براتون قرار دادم❤️
حمایتش کنید حتما👌
☕️ @CodeExplore
یک فایل 10 الی 11 خطی واسه این کار نوشتم که کار همون پکیج رو انجام میده و نیازی به نصب هیچ دپندنسی نداره. به صورت یک directive میتونید ازش استفاده کنید. نحوه استفاده توی ریپازیتوری زیر گذاشتم 👇
• Don't forget share😉 •
https://github.com/sohilpro/outside-click
👨💻@sohilpro
تو این پست یکی از ابزارهایی که دوستمون توسعه دادند رو براتون قرار دادم
حمایتش کنید حتما
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡10❤🔥5🔥5
#site
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡10🔥3
کداکسپلور | CodeExplore
یکی از مشکلاتی که بهش برخوردم توی Vue یا Nuxt یا اکثر دولوپر های Vue باهاش مشکل داشتن. زمانی که یک دراپ داون یا مودال و هرچیزی اینطوری داشته باشیم بیرون از اون المنت توی دام کلیک شد بسته یا مخفی (hidden) بشه. پکیج واسه این مورد بود اما یکسری مشکلات داشت و…
دوستان ما همیشه از کارهای خوب حمایت میکنیم که تا الان بالای چندین بار از کارهای دوستان حمایت کردیم 👌
شما هم اگه پروژه ای زدید یا مقاله ای نوشتید حتما برای من بفرستید که از شما حمایت کنیم نه تنها تو کداکسپلور ، بلکه داخل چنل های دیگه 👌
کار خوب ارزش حمایت کردن داره 🔥
برای دیده شدن کارهاتون با من در ارتباط باشید :
@Hidden_393
🔥 🔥 🔥 🔥 🔥 🔥 🔥 🔥
☕️ @CodeExplore
شما هم اگه پروژه ای زدید یا مقاله ای نوشتید حتما برای من بفرستید که از شما حمایت کنیم نه تنها تو کداکسپلور ، بلکه داخل چنل های دیگه 👌
کار خوب ارزش حمایت کردن داره 🔥
برای دیده شدن کارهاتون با من در ارتباط باشید :
@Hidden_393
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥18⚡3🔥1