🔶 نمایش مدت مطالعه متن با جاوا اسکریپت

HTML:

<p id="time"></p>

JavaScript:

// Get the article text
const articleText = document.getElementById('article').innerText;
const time = document.getElementById('time');

// Split the text into an array of words
const wordsArray = articleText.split(' ');

// Count the number of words in the array
const wordCount = wordsArray.length;

// Calculate the estimated reading time
const wordsPerMinute = 200;
const readingTime = Math.ceil(wordCount / wordsPerMinute);

// Display the estimated reading time
time.innerHTML = 'This will take ' + readingTime + ' minute(s) to read';

#javanoscript
@TheRaymondDev

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

ببینید من نه مهندس معکوسم، نه تو امنیت کار کردم. یکی از پروژه‌هایی که داشتم روی کراولینگ بود. یه روز دیدم سایتی که کراول می‌کردم همه درخواست‌هارو بلاک می‌کنه. یه درخواست با curl زدم، نتیجه رو ذخیره کردم و دیدم. فهمیدم مشکل چالش Cloudflare هست. جالبه که با مرورگر وقتی همون درخواست رو می‌زدم، سریع جواب می‌گرفتم.

من قبلاً کتابی در مورد HTTP و TLS خونده بودم و می‌دونستم معجزه‌ای در کار نیست. وقتی درخواست می‌زنی، سرور جوابی می‌ده. پس یه چیزی تو curl داره اشتباه می‌شه که تو مرورگر نمی‌شه. درخواست مرورگر رو دقیقاً با curl کپی کردم، ولی بازم فیل شد! ترافیک سیستم رو پروکسی کردم، یک بار همون curl رو زدم و یک بار هم با مرورگر. مقایسه‌شون کردم و دیدم تفاوت اصلی توی Hello Client هست. همینو تو پایتون پیاده کردم و بایپس شد.

کل این پروسه ۲۰ دقیقه طول کشید. یه سرچ کردم ببینم کلاینت پایتونی برای Cloudflare هست یا نه. دو تا پروژه پیدا کردم که نه کار می‌کردن نه توضیح داده بودن چطور این کارو کردن. حتی اگه کارم می‌کردن، استفاده نمی‌کردم. هیچ‌وقت لایبری که نمی‌دونی چیکار می‌کنه رو تو پروداکشن استفاده نکن. بعداً سورس کد یکیشونو دیدم که وسطش یه کار عجیب می‌کرد که باعث مموری لیک می‌شد!

نکات مهم این داستان:

۱. دانشی که به‌صورت تئوری دارید، زود یادتون می‌ره. وقتی ازش استفاده عملی کنید، بیشتر تو ذهنتون می‌مونه. استفاده عملی از یک نیاز میاد. نه اینکه یک کتاب بخونید ببینید کد هاشو کپی پیست کنید.
۲. همیشه تحقیق کنید و سولوشنی که پیاده کردید رو بفهمید. من اگه اون لایبری رو استفاده می‌کردم، مموری لیک می‌خوردم و این لایبری هم نوشته نمی‌شد.
۳. برای یادگیری از GPT استفاده نکنید. تئوری یاد بگیرید بهتر از اینه که از GPT بپرسید. چون GPT تئوری رو ناقص می‌گه و نمی‌تونه دقیقاً مشکل رو تشخیص بده. همین الان هم این سوال رو ازش پرسیدم با بهترین prompt ای که میشد داد. و جوابشو ببینید خودتون
۴. با تمرین و تکرار مهارتتون بالا می‌ره. این پروسه ۲۰ دقیقه طول کشید چون بارها ترافیک سیستم عاملمو پروکسی کرده بودم و می‌دونستم Network Tab مرورگر خیلی سطح بالاست و بعضی HTTP Headerها رو نشون نمی‌ده. هیچ مجیکی وجود نداره، تمرینه که دستتو سریع می‌کنه. شاید یک نفری که ندونه اینارو و نکرده این تسک چند هفتش میشد.


@PyBackendHub

روی Hey یه آپدیت ریز دادم. حالا می‌تونید آدرس سرویس LLM دلخواه خودتون رو ست کنید واسه پروژه. اینجوری آپدیت کنید:

pip install -U hey-mindsdb

و اینجوری از کانفیگ جدید استفاده کنید:

hey config create
hey config edit

اگه نگران پاک شدن کانفیک قبلی هستید (چون config create کانفیگتونو بازنویسی می‌کنه)، فقط این رو اضافه کنید به کانفیگ فعلیتون:

    ...
    "service": "https://llm.mdb.ai",
    ...

بصورت پیشفرض تنظیم شده به سرویس MindsDB که می‌تونید از این به بعد تغییرش بدید. و اینکه ورژن قبلی هنوز به خوبی کار می‌کنه. اگه احیانا می‌خواید سرویس رو تغییر بدید اپدیت کنید.

#لاس

تو واسم مثل یه Api میمونی که به خوبی داکیومنت شده و استفاده ازش راحته :))

@DevTwitter

Good 🆚 Bad Refactor

وقتی یه پروژه رو میخوایم ریفکتور کنیم چیکارا نکنیم که وضع بدتر شه؟ (این پارت یکه.)

1. Don't Change The Base

بیس کد فعلی رو تا حد امکان تغییر ندید، صرفا شرایط فعلی رو بهتر کنید. مثال:

قبل:

function processUsers(users: User[]) {
  const result = [];
  for (let i = 0; i < users.length; i++) {
    if (users[i].age >= 18) {
      const formattedUser = {
        name: users[i].name.toUpperCase(),
        age: users[i].age,
        isAdult: true
      };
      result.push(formattedUser);
    }
  }
  return result;
}

بعد از یه ریفکتور بد:

import * as R from 'ramda';
const processUsers = R.pipe(
  R.filter(R.propSatisfies(R.gte(R.__, 18), 'age')),
  R.map(R.applySpec({
    name: R.pipe(R.prop('name'), R.toUpper),
    age: R.prop('age'),
    isAdult: R.always(true)
  }))
);

بعد از یه ریفکتور خوب:

function processUsers(users: User[]): FormattedUser[] {
  return users
    .filter(user => user.age >= 18)
    .map(user => ({
      name: user.name.toUpperCase(),
      age: user.age,
      isAdult: true
    }));
}

توی ریفکتور اول بیس کد کلا تغییر کرد و از یه پکیج جدید استفاده شد و احتمال زیاد بقیه کسایی که تو پروژه هستن باهاش آشنایی ندارن و کار برای همه سخت میشه.

#CleanCode SRC
@CleverDevs @CleverDevsGp

راهنمای ایرانسل برای تنظیم اینترنت روی گوشی، مثلاً به انگلیسی، متن نوشته شده :

Dar: Settings>More>Mobile Networks>Access Point Names "APN" ra ezafe

برسونید به دست بچه‌های ایرانسل، الان فهمیدم چرا بعضی توریست‌ها دربه‌در دنبال یکی میگردن تنظیمات اینترنت رو براشون راه بندازه.

باقی متون انگلیسی ایرانسل هم همینجوری هست ؟


البته همینجا بگم، همراه اول هم وضعیت بهتری نداره ها!

🔶 خطای کلاس Normalizer برای نصب لاراول در لینوکس ویندوز

این کلاس Normalizer که بخشی از پسوند intl PHP است در محیط شما موجود نیست. این کلاس برای عادی سازی یونیکد استفاده می شود و برای عملیات خاصی، به ویژه در چارچوب Symfony و Laravel ضروری است.

خطا:

PHP Fatal error:  Uncaught Error: Class "Normalizer" not found

برای حل این خطا بسته زیر را نصب کنید.

Ubuntu/Debian:

sudo apt install php-intl

Red Hat/CentOS:

sudo yum install php-intl

Fedora:

sudo dnf install php-intl

Windows:

اگر از زمپ یا لاراگون استفاده می کنید باید اکستشن php_intl.dll در فایل php.ini فعال کنید و برای فعال سازی سمی‌کالِن یا ویرگول ; زیر را حذف کنید.

extension=php_intl.dll

راه اندازی مجدد وب سرور

Apache:

sudo systemctl restart apache2

Nginx with PHP-FPM:

sudo systemctl restart php-fpm

یا دستور زیر از نصب شدن بسته intl مطمئن شوید.

php -m | grep intl

#linux
#windows
#laravel

@TheRaymondDev

YouTu.be/9rJoB7y6Ncs
Piped | Invidious

به یقین، یکی از بهترین اجراهای بالهٔ جهان:

#culture #heritage
@amiria703_channel

لانچش کردم روی پروداکت‌هانت. آره خلاصه نیازمند Upvoteهای گرمتان هستیم. 🤍🙌

🐈 : https://www.producthunt.com/new/products/hey-30620d3c-3330-4c6a-86cd-8cf9930a2490

#کد_بزنیم

میخوام یه نرم افزار بنویسم بیای فایل زیرنویس بدی با گوگل ترنسلیت به صورت خودکار بیاد زیرنویس رو به فارسی برگردونه بدون به هم ریختگی ساعت میدونم شاید خیلی زیرنویس خوبی در نیاد ولی بازم بنظرم برای برنامه نویسایی که انگلیسیشون ضعیفه و بخاطر اون‌ مجبورن دوره های فارسی رو‌ ببینن خیلی خوبه به از طرفی یخورده‌متوجه بشید اون‌مشکل حل میشه
حالا کسی بهتر از گوگل ترنسلیت برای ترجمه سراغ داره بگه یا هر کی خواست کمک کنه بیاد پیوی باهم بنویسیم حداقلش اینه برنامه‌نویسامون‌ دوره درست حسابی میبینن بجای خیلی از دوره های فارسی زبان :)

@DevTwitter

ممنونم که مثل همیشه بیش از پیش کنارم بودید و هستید. ❤️🎉
فردا متن بهتری برای این مناسبت می‌نویسم. متشکرم.

#موقت

اینترنت برای من جای ترسناکیه. همیشه ترسناک بوده و ترسناک می‌مونه.

#موقت

#میم_شبانگاهی

@DevTwitter | <Doc/>