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

😍 کد ساده تخمین زمان مطالعه نوشته یا مقاله وردپرس

function estimate_study_duration(){
    $content_text           = strip_tags( get_the_content() );
    $content_words          = explode( ' ', $content_text );
    $word_count             = count( $content_words );
    $estimate_duration      = round( $word_count / 200 );
    $estimate_duration_html = '<p>';
        $estimate_duration_html.= 'مدت زمان برای مطالعه: ';
        $estimate_duration_html.= $estimate_duration . ' دقیقه';
    $estimate_duration_html.= '</p>';
    return $estimate_duration_html;
}
add_shortcode('studyduration', 'estimate_study_duration');

استفاده به عنوان شرت کد:
[studyduration]

<?php echo do_shortcode( '[studyduration]' ); ?>

@TheRaymondDev

☠️ یکی از خطراتی که افزونه های کرک شده یا Null شده میتونن داشته باشن، قرار دادن کد مخرب داخل افزونه یا قالبیه که برای دانلود به صورت رایگان گذاشته است.

یه مثال ساده استفاده از کد «تزریق کاربر وردپرس» هست که در اولین اجرا یه کاربر با دسترسی «مدیر کل» تو سایتتون ایجاد میکنه و مهاجم هر وقت خواست میتونه به کل سایت شما دسترسی داشته باشد.

@TheRaymondDev

🔶 کد ورود با ایمیل یا موبایل در لاراول

اضافه کردن در جدول users :

$table->string('mobile', 14)->unique();

در بخش validator کنترلر RegisterController کد زیر وارد کنید:

'mobile' => ['nullable', 'string', 'min:9', 'max:14', 'unique:users'],

در بخش create کنترلر RegisterController کد زیر وارد کنید:

'mobile' => $data['mobile'],

در register.blade.php فیلد موبایل اضافه کنید:

<div class="row mb-3">
   <label for="mobile" class="col-md-4 col-form-label text-md-end">{{ __('Mobile') }}</label>

    <div class="col-md-6">
       <input id="mobile" type="text" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{ old('mobile') }}" required autocomplete="mobile">

        @error('mobile')
           <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
           </span>
        @enderror
    </div>
</div>

در کنترلر LoginControllter تابع username را وارد کنید:

public function username()
    {
        $login = request()->input('username');

        if(is_numeric($login)){
            $field = 'mobile';
        } elseif (filter_var($login, FILTER_VALIDATE_EMAIL)) {
            $field = 'email';
        } else {
            $field = 'username';
        }

        request()->merge([$field => $login]);

        return $field;
    }

در آخر در مسیر login.blade.php فیلد Email Address زیر را ویرایش کنید:

<div class="row mb-3">
   <label for="username" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label>
<div class="col-md-6">
   <input id="username" type="text" class="form-control @error('username') is-invalid @enderror" name="username" value="{{ old('username') }}" required autocomplete="username" autofocus>
      @error('username')
          <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
          </span>
       @enderror
    </div>
</div>

این برای لاراول UI هست که ممکنه برای پکیچ های جت استریم و Breeze متفاوت باشد.

@TheRaymondDev

🔶 ایجاد نمودار ساده میله ای یا Bar با HTML و CSS

HTML:

<div class="simple-bar-chart">
    <div class="item" style="--clr: #5EB344; --val: 80">
        <div class="label">عنوان ۱</div>
        <div class="value">80%</div>
    </div>

    <div class="item" style="--clr: #FCB72A; --val: 50">
        <div class="label">عنوان ۲</div>
        <div class="value">50%</div>
    </div>

    <div class="item" style="--clr: #F8821A; --val: 100">
        <div class="label">عنوان ۳</div>
        <div class="value">100%</div>
    </div>

    <div class="item" style="--clr: #E0393E; --val: 15">
        <div class="label">عنوان ۴</div>
        <div class="value">15%</div>
    </div>

    <div class="item" style="--clr: #963D97; --val: 1">
        <div class="label">عنوان ۵</div>
        <div class="value">1%</div>
    </div>

    <div class="item" style="--clr: #069CDB; --val: 90">
        <div class="label">عنوان ۶</div>
        <div class="value">90%</div>
    </div>
</div>

CSS:

.simple-bar-chart {
  --line-count: 10;
  --line-color: currentcolor;
  --line-opacity: 0.25;
  --item-gap: 2%;
  --item-default-color: #060606;

  height: 10rem;
  display: grid;
  grid-auto-flow: column;
  gap: var(--item-gap);
  align-items: end;
  padding-inline: var(--item-gap);
  --padding-block: 1.5rem;
  /*space for labels*/
  padding-block: var(--padding-block);
  position: relative;
  isolation: isolate;
}

.simple-bar-chart::after {
  content: "";
  position: absolute;
  inset: var(--padding-block) 0;
  z-index: -1;
  --line-width: 1px;
  --line-spacing: calc(100% / var(--line-count));
  background-image: repeating-linear-gradient(to top, transparent 0 calc(var(--line-spacing) - var(--line-width)), var(--line-color) 0 var(--line-spacing));
  box-shadow: 0 var(--line-width) 0 var(--line-color);
  opacity: var(--line-opacity);
}

.simple-bar-chart>.item {
  height: calc(1% * var(--val));
  background-color: var(--clr, var(--item-default-color));
  position: relative;
  animation: item-height 1s ease forwards
}

@keyframes item-height {
  from {
    height: 0
  }
}

.simple-bar-chart>.item>* {
  position: absolute;
  text-align: center
}

.simple-bar-chart>.item>.label {
  inset: 100% 0 auto 0
}

.simple-bar-chart>.item>.value {
  inset: auto 0 100% 0
}

@TheRaymondDev

🔶 انواع فرمت پارتیشن در لینوکس

SWAP

این فرمت برای پارتیشنی به کار میرود که لینوکس برای ایجاد حافظه مجازی استفاده میکند. فرض کنید میخواهید از برنامه ای استفاده کنید که احتیاج به مقدار زیادی حافظه RAM دارد. لینوکس از این فرمت برای شبیه سازی RAM روی هارد دیسک استفاده میکند. البته این نمیتواند به عنوان جایگزینی برای RAM در نظر گرفته شود زیرا سرعت آن بسیار پایین تر از RAM است. ولی تا وقتی که شما RAM خود را افزایش دهید میتواند کار شما را راه بیندازد. اندازه این پارتیشن باشد باید به اندازه حافظه RAM ویا دوبرابر آن باشد. اگر فضای کافی روی هارد دیسک خود دارید پیشنهاد میشود فضایی معادل دو برابر RAM به این پارتیشن اختصاص دهید. البته باید توجه داشته باشید که این مقدار بدون توجه به مقدار حافظه ای که دارید باید بین ۳۲MB تا ۲GB باشد. به عنوان مثال اگر مقدار RAM شما ۲GB است نمیتوانید ۴GB به این پارتیشن اختصاص دهید.

ext2

این فرمت برای ذخیره اطلاعات معمولی که کاربر به طور روزمره با آن سروکار دارد به کار میرود. اما از درهت ۷٫۱ به بعد جای خود را به ext3 داد.

ext3

این فرمت نسخه ارتقا یافته ext2 است که نسبت به نسخه قبل خود دارای چندین مزیت است. همانطور که میدانید قبل از اینکه کامپیوتر خود را خاموش کنید باید آن را Shut Down کنید. اگر به هر دلیلی این کار انجام نشود دفعه بعد که کامپیوتر را روشن میکنید درایوها باید از نظر انسجام اطلاعات تست شوند. ولی در فرمت ext3 از روشی به نام Journaling استفاده میشود که این کار در مدت زمان بسیار اندکی صورت می‌گیرد و این ربطی به اندازه درایو شما ندارد. از نظر انسجام داده ها و سرعت دسترسی نیز این فرمت بهتر از نسخه قبلی خود عمل میکند. ضمنا تبدیل از ext2 به ext3 و بالعکس به آسانی بدون از دست دادن اطلاعات امکان پذیر است.

vfat

این نوع پارتیشن برای اشاره به درایوهایی است که در ویندوز به نام FAT32 شناخته میشوند. درایوهای اصلی لینوکس نمیتوانند با این فرمت پارتیشن بندی شده باشند، ولی امکان خواندن و نوشتن در این پارتیشن‌ها بدون مشکل وجود دارد.
RAID یا Redundant Array of Independent Disks

فرض کنید که چند هارد دیسک با اندازه های کوچک دارید و میخواهید این هارد دیسکها به عنوان یک هارد دیسک بزرگ عمل کنند. این کار برای افزایش راندمان خواندن/نوشتن همچنین برای مواقعی که میخواهید در آن واحد اطلاعاتتان روی چند هارد دیسک نوشته شود استفاده میشود. این نوع پارتیشن بندی دارای انواع سخت افزاری و نرم افزاریست که هر کدام به سطوح مختلف تقسیم میشوند.

LVM) Logical Volume Manager)

از درهت ۸ به بعد فرمت جدیدی ارایه شد که با استفاده از آن میتوانید اندازه پارتیشن ها را بنا بر نیازتان تغییر دهید بدون اینکه احتیاج به پارتیشن بندی مجدد داشته باشید. حتی اگر هارد دیسک جدیدی خریداری کرده اید میتوانید آن را به پارتیشن های موجود اضافه کنید.

@TheRaymondDev

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

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

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

<<یاد گرفتن مسیر به راه حل رسیدن، از خود راه حل مهم تره>>

https://www.linkedin.com/posts/milad-azhdehnia_chatgpt-problemsolving-programming-activity-7102911152254246912-6RSe

@TheRaymondDev

🔶 چرا جاوا اسکریپت؟

از پیکسل ها تا پردازنده ها، جاوا اسکریپت رشته ای است که فناوری ما را متصل می کند. در سمفونی بزرگ فناوری، جاوا اسکریپت ملودی را پخش می کند که در دستگاه ها شنیده می شود

جاوا اسکریپت یک زبان برنامه نویسی همه کاره با کاربردهای گسترده است.

👉 توسعه وب: جاوا اسکریپت در درجه اول برای ایجاد صفحات وب تعاملی و پویا استفاده می شود. این به توسعه دهندگان اجازه می دهد تا رفتارها و ویژگی هایی را اضافه کنند که به اقدامات کاربر پاسخ می دهد، مانند اعتبار سنجی فرم، انیمیشن ها و به روز رسانی های بلادرنگ.

👉 توسعه سمت کاربر: یکی از اجزای ضروری توسعه وب جلویی است که امکان ایجاد رابط های کاربری، مدیریت تعاملات کاربر و بهبود تجربه کاربر را فراهم می کند.

👉 توسعه سمت سرور: با فناوری‌هایی مانند Node.js، جاوا اسکریپت می‌تواند برای برنامه‌نویسی سمت سرور استفاده شود و به توسعه‌دهندگان اجازه می‌دهد تا سیستم‌های بک‌اند مقیاس‌پذیر و کارآمد بسازند.

👉 برنامه‌های وب: چارچوب‌ها و کتابخانه‌های جاوا اسکریپت مانند React، Angular و Vue.js برای ساخت اپلیکیشن‌های پیچیده تک صفحه‌ای (SPA) استفاده می‌شوند که تجربه کاربری بهتری را ارائه می‌دهند.

👉 توسعه اپلیکیشن موبایل: فناوری هایی مانند React Native و Apache Cordova توسعه دهندگان را قادر می سازند تا از جاوا اسکریپت برای ساخت اپلیکیشن های موبایلی چند پلتفرمی استفاده کنند.

👉 توسعه بازی: جاوا اسکریپت، همراه با بوم HTML5 یا WebGL، می تواند برای ایجاد بازی های مبتنی بر مرورگر و تجربه های چند رسانه ای تعاملی استفاده شود.

👉 اسکریپت سمت سرور: Node.js به توسعه دهندگان اجازه می دهد تا جاوا اسکریپت را روی سرور اجرا کنند و برنامه های بلادرنگ، برنامه های چت و API ها را فعال کنند.

👉 افزونه های مرورگر: جاوا اسکریپت برای ایجاد افزونه های مرورگر استفاده می شود که عملکرد مرورگرهای وب را بهبود می بخشد.

👉 تجسم داده ها: کتابخانه هایی مانند D3.js به توسعه دهندگان کمک می کنند تا تصاویر پویا و تعاملی داده ها را در وب سایت ها ایجاد کنند.

👉 وب API: جاوا اسکریپت برای تعامل با API های مختلف وب استفاده می شود و به وب سایت ها اجازه می دهد داده ها را از منابع خارجی دریافت کنند یا داده ها را به سرویس های دیگر ارائه دهند.

👉 اتوماسیون: جاوا اسکریپت را می توان برای خودکارسازی وظایف در مرورگرهای وب، مانند پر کردن فرم ها یا تعامل با صفحات وب به صورت برنامه ای استفاده کرد.

👉 اینترنت اشیا IOT: جاوا اسکریپت را می توان برای برنامه ریزی دستگاه های اینترنت اشیا و تعامل با آنها از طریق واسط های وب استفاده کرد.

👉وب سرورها و API ها: فناوری هایی مانند Express.js به توسعه دهندگان این امکان را می دهد تا با استفاده از جاوا اسکریپت برای مسیریابی، رسیدگی به درخواست ها و مدیریت داده ها، سرورهای وب و API ایجاد کنند.

👉 ربات چت ها : جاوا اسکریپت می تواند تعاملات چت بات ها را در وب سایت ها تقویت کند و پاسخ های فوری و کمک به کاربران ارائه دهد.

👉برنامه های بلادرنگ: ماهیت رویداد محور جاوا اسکریپت آن را برای ساخت برنامه های بلادرنگ مانند پلتفرم های پیام رسانی و ابزارهای مشارکتی مناسب می کند.

@TheRaymondDev

🔶 شرط اصلی برای فریلنسر شدن :

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

@TheRaymondDev

🔶 فایل های ترجمه mo و po وردپرس به PHP تبدیل کنید

علت این کار سرعت سایت های ترجمه شده را افزایش میدهد و زیرا اگر سایت فایل ترجمه به زبان های mo و po باشد, سرعت بارگزاری آن تا 50 درصد را کاهش می دهد و باعث کاهش عملکرد سرور می شود.

نتیجه این کار توسط تیم توسعه وردپرس طبق تحقیقاتی بدست آمده است.

دانلود افزونه وردپرس :

https://wordpress.org/plugins/performant-translations/

@TheRaymondDev

کانال را به دوستان خود معرفی کنید.
دمت گرم ❤️

https://news.1rj.ru/str/TheRaymondDev

🔶 ماژولار کردن یک پروژه لاراولی کار سختی نیست.

پکیچ (وابستگی) لاراول ماژولار به نام Laravel-Modules از معروف ترین پکیچ برای لاراول می باشد که پروژه لاراول را خیلی سریع با چند دستور ماژولار می کند.

پیوند گیت هاب :

https://github.com/nWidart/laravel-modules

برای نصب آن دستور زیر را وارد کنید:

composer require nwidart/laravel-modules

با دستور زیر فایل کانفیگ اون رو از داخل فولدر vendor استخراج میکنیم:

php artisan vendor:publish --provider="Nwidart\Modules\LaravelModulesServiceProvider"

وارد فایل composer.json بشید و توی بخش autoloading، پکیج رو رجیستر کنید:

{
  "autoload": {
    "psr-4": {
      "App\\": "app/",
      "Modules\\": "Modules/",
      "Database\\Factories\\": "database/factories/",
      "Database\\Seeders\\": "database/seeders/"
  }
}

خب نصب آن به اتمام رسید و می رسیم به آموزش کار با وابستگی لاراول ماژولار ... 😍😘

@TheRaymondDev