🔶 آموزش جامع Blueprints وردپرس : ساختن پیش‌نمایش زنده افزونه از صفر تا صد!

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

اما اتفاقی که انتظارش رو داشتید نمی‌افته. نصب‌ها کمه. کاربرا در بخش نظرات می‌پرسن: «آیا این افزونه با قالب من سازگاره؟»، «آیا می‌تونه این کار خاص رو انجام بده؟»، «نصبش سخته؟».

شما هم جواب می‌دید، توضیح می‌دید، اسکرین‌شات می‌ذارید… اما باز هم شک و تردید باقی می‌مونه.

حالا تصور کنید همین صحنه رو با یک تفاوت بزرگ: بالای صفحه افزونه شما، یک دکمه درخشان به نام «Live Preview» یا «دموی زنده» وجود داره. کاربر با یک کلیک، وارد یک محیط کامل وردپرسی می‌شه که افزونه شما رویش نصب و فعال‌سازی شده. می‌تونه تنظیمات رو ببینه، باهاش کار کنه و حس واقعی کار با افزونه شما رو تجربه کنه.

#وردپرس

@TheRaymondDev

اینو داشته باشید شاید یه روزی به دردتون خورد.

#excel

@TheRaymondDev

🔸برای اینکه کدمون تمیزتر و حرفه‌ای‌تر بشه، چه چیزهایی رو باید رعایت کنیم یا از چی استفاده کنیم؟ تجربه و نظر خودتون چیه؟

نظر خودم: یاد گرفتن تست نویسی
چون شمارو ناچار میکنه تا یسری اصول رو رعایت کنید مثل solid - clean code - پرهیز از Singleton و Global State غیرضروری
توابع کوچک‌تر = تست راحت‌تر + Mock کمتر و.......

@TheRaymondDev

🔶 من تازه متوجه شدم که تنها دو کشوری که اکنون فعالیت استارتاپی قابل توجهی دارند، به معنای واقعی کلمه فقط ایالات متحده و چین هستند.

بقیه جهان واقعاً نمی ‌توانند استارتاپ راه‌اندازی کنند، بودجه ندارند، نمی‌توانند آنها را رشد دهند و بیشتر شبیه پروژه ‌های سرگرمی نمایشی برای دولت ‌هایشان است.

که ممکن است به ما بگوید ثروت آینده در کجای جهان متمرکز خواهد شد.

#توییت

@TheRaymondDev

🔶 نیکیتا بیر، رئیس بخش محصولات X، اعلام کرد که پرچم های اجباری کشورها روی حساب ها ظرف «۷۲ ساعت» در دسترس خواهند بود.

#خبر
#توییت

@TheRaymondDev

🔶 این هندی ها دیگه شورشو درآوردند.

خبرش آمده که ایران ورود بدون ویزا برای شهروندان هندی را لغو کرده است.

گزارش شده است که این تصمیم پس از سوء استفاده از تسهیلات بدون ویزا توسط سازمان های اطلاعاتی هند اتخاذ شده است.

#خبر
#توییت

@TheRaymondDev

🔶صفحه فرود برای نرم افزار TrimBG ایجاد شد.

https://trimbg.github.io/

@TheRaymondDev

🔶 در گوگل صفحات GitHub بدون دامنه اختصاصی را نمی‌توان به عنوان Domain Property در Google Search Console ثبت کرد.

برای Domain Property گوگل باید مالکیت کل دامنه را تایید کند و این فقط از طریق TXT record در DNS دامنه امکان‌پذیر است.

🚬

@TheRaymondDev

🔶 کلودفلر از کار افتاده و بعد از آن شبکه اجتماعی ایکس هم از کار افتاد.

@TheRaymondDev

چند وقت پیش یه هندی رو از یه شرکت اخراج کرده بودن

اونم زده بود تمام سرور های مجازی ( بالای 200 تا ) رو پاک کرده بود نزدیک 10 میلیون دلار خسارت زده بود به شرکت

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

@poinair پوینا

🔶 امروز ثابت شد که بیشترِ ما واقعاً نرم ‌افزار نمی‌سازیم؛ فقط یه ‌سری سرویس را با هزار جور نوار چسب به هم می ‌چسبانیم و دعا می‌کنیم خراب نشوند.

@TheRaymondDev

کلودفلر به حالت عادی برگشت!

@TheRaymondDev

🔶 خطاب به کانال های پاپلیک کننده دوره های آموزشی

@TheRaymondDev

🔶 در آینده‌ی نزدیک، آب حکم طلا را پیدا خواهد کرد.

یاد فیلم مکس دیوانه افتادم.

@TheRaymondDev

🔶 چه پالت رنگی زیبایی

#ui

@TheRaymondDev

ایشون روز اول کاریش توی کلودفلر بود

@TheRaymondDev

🔶 خلاصه قطعی کلودفلر در ۱۸ نوامبر ۲۰۲۵

قطعی از ساعت ۱۱:۲۰ UTC شروع شد و تا ۱۴:۳۰ ادامه داشت. تمام سرویس ‌ها تا ساعت ۱۷:۰۶ به حالت عادی برگشتند. این بدترین قطعی کلودفلر از سال ۲۰۱۹ بود.

علت اصلی:
تغییر در مجوز های یک پایگاه داده باعث شد فایل پیکربندی سیستم Bot Management دو برابر شود و از حد مجاز عبور کند. این فایل بزرگتر به تمام سرور های شبکه ارسال شد و نرم ‌افزار مسیر یابی ترافیک را مختل کرد.

جزئیات فنی:

- یک کوئری ClickHouse که هر ۵ دقیقه اجرا می‌شد، به دلیل تغییر در مجوز های دسترسی، ردیف ‌های تکراری تولید کرد
- تعداد "فیچر ها" در فایل از حدود ۶۰ به بیش از ۲۰۰ افزایش یافت
- محدودیت حافظه سیستم Bot Management روی ۲۰۰ فیچر تنظیم شده بود
- نرم‌افزار با خطا مواجه شد و کد خطای 5xx برگرداند

سرویس‌های آسیب‌دیده:

- سرویس CDN و سرویس‌های امنیتی اصلی
- سرویس Turnstile و Workers KV
- بخش Dashboard (مشکل ورود کاربران)
- بخش Access (خطاهای احراز هویت)
- بخش Email Security (کاهش دقت تشخیص اسپم)

تیم ابتدا گمان کرد حمله DDoS است، اما بعداً منبع مشکل را شناسایی کردند. با متوقف کردن تولید فایل خراب و بازگرداندن نسخه قدیمی، ترافیک اصلی تا ساعت ۱۴:۳۰ برقرار شد.
کلودفلر برای جلوگیری از تکرار چنین قطعی ‌ها, برنامه ‌هایی برای تقویت سیستم ‌ها، بررسی فایل ‌های پیکر بندی، و بهبود مدیریت خطا ها در دست اجراست.

#خبر

@TheRaymondDev

🔶 از سر بیکاری فریم ورک CSS ساختم 🚬

@TheRaymondDev

🔶 فریم ورک CSS منتشر کنم؟

اگر آره یه اسم خوب بگید.

@TheRaymondDev

یکی از قابلیت‌های کمتر استفاده‌شده‌ ی مرورگرها، Web Speech API است که به شما این امکان رو میده متن رو با صدای طبیعی برای کاربر پخش کنید.

با متود زیر میتونید خیلی ساده به اپلیکیشن وبتون صدا اضافه کنید:

const msg = new SpeechSynthesisUtterance("سلام! این متن در مرورگر خوانده میشه.");
speechSynthesis.speak(msg);

📌 چطوری کار میکنه؟

این SpeechSynthesisUtterance یک شیء (Object) هستش که متن، سرعت، زبان و ... نگه میداره.

متود speechSynthesis.speak() همین شی را به موتور گفتار مرورگر میده و متن رو برای کاربر میخواند.


📌 موارد استفادش:

ساخت نوتیفیکیشن‌ های صوتی در وب

دستیار های صوتی ساده

افزایش Accessibility

خواندن متن یا آموزش زبان برای کاربر

#Javanoscript #جاوااسکریپت #جاوا_اسکریپت

@GoldenCodeir 🔥
(به‌منبع و مثالش دقت کنید 👇🏾)
https://x.com/denicmarko/status/1989665993871036438?t=nr9Tyq5fblSYnQGZiR58mQ&s=19