اهداف نه تنها برای انگیزه دادن به ما، بلکه برای اینکه ما راه زنده نگه دارند ضروری هستند.

" Robert H. Schuller "

#motivational
☕️ @CodeExplore

بزرگترین درد جهان وجود ندا...

#fun
☕️ @CodeExplore

🔥سرعت لود سایت یکی از مهم ترین ویژگی های هر سایتیه و توی فرانت اند خیلی خیلی مهمه
یکی از بزرگ ترین مشکلاتی که باعث میشن سایتمون دیر تر لود بشه، عکس ها هستن، عکس ها خیلی وقتا اذیتمون میکنن و سرعت رو میارن پایین، خب با سایت زیر راحت میتونین فرمت های JPEG , PNG , GIF و حتی PDF رو فشرده کنین

🌐 https://compresspng.com/

#site
☕️ @CodeExplore

کاربرد has() در CSS 🔵

💻 فرض کن می‌خوای تمام کارت‌هایی که داخلشون یک دکمه وجود داره، با یه حاشیه خاص نمایش داده بشن:

.card:has(button) {
  border: 2px solid blue;
}

اینجا، :has(button) تمام .card هایی که شامل یک button هستند رو هدف قرار می‌ده و بهشون حاشیه آبی می‌ده.

#css #trick #has
☕️ @CodeExplore

0️⃣1️⃣ آموزش ریجکس (regex) (عبارت های با قاعده) ☺️ - قسمت دهم (ذکر چندین مثال)

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

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

⏯️ اولین مثال ، مثال خیلی کاربردیه، و برای پیدا کردن انواع ایمیل به کار میره. (ممکنه از طولش بترسید ولی خیلی سادست)

/(^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$)/img

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

2️⃣ فرض کنید یه صفحه html دانلود کردید که میخواید هم تگ های img رو ازش واکشی کنید. برای این کار از ریجکس زیر استفاده میکنیم:

/<img .*\s*.*>/img

3️⃣ حالا فرض کنید یه متن طولانی دارید و میخواید آدرس های اینترنتی رو ازش واکشی کنید که https باشن، ریجکس این مورد یکم طولانیه :

/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/img

✅ حالا چرا فقط مثال زدم و توضیح خاصی ندادم؟
چون میخوام خودتون برای خودتون توضیح بدید و درک کنید که دقیقا چه اتفاقی افتاده. 😒


توی کامنت برام مثال بزنید، یا کاربرد های دیگشو بگید (یا اگه ریجکس چیزی رو مطمئن نیستید بیاید با هم ریجکسشو پیدا کنیم)


روز خوبی داشته باشید 😔


#regex #regular_expression
#regex_10 #regex_example
☕️ @CodeExplore

🔥 این سایت رو هرجایی که میتونی ذخیره کن!

▪️فرض کن یه متنی داشتی ، خودت یا کس دیگه‌ای اون متن رو تغییر داده ، آپدیت کرده یا یه چیزایی رو ازش حذف و اضافه کرده!

▪️حالا تو میخوای متن اصلی خودت رو با متن جدید مقایسه کنی و ببینی که چه تغییراتی داشته ، مثلا چه چیزایی بهش اضافه شده یا چه چیزایی ازش کم شده.

▪️با هوش مصنوعی Diff Checker به راحتی میتونید این کار رو انجام بدید ، متن قبلی و جدید رو وارد می‌کنید ، اون قسمت هایی که هایلایت قرمزه یعنی حذف شده و اون قسمتایی که سبزه یعنی اضافه شده ؛)

🔺 جذااب ترین نکتش برای برنامه‌نویساست ، میتونن کد قدیمی و جدید خودشون رو باهم مقایسه کن ، تازه از داکیومنت و فایل اکسل و.. هم پشتیبانی میکنه

☕️ @CodeExplore

زمان قاجار هم جاوا مینوشتن 😑

#fun
☕️ @CodeExplore | </nebras>

😫برنامه نویسی و از ChatGPT استفاده میکنی...؟!

⬅️شرکت Mistral با ارائه ابزار Codestral 22B، گامی بلند در جهت ارتقای تولید کد برداشته. این ابزار با عملکردی فراتر از مدل‌های پیشین مانند GPT4o، قادر به نوشتن 22 میلیارد خط کد در چند ثانیه، ادغام با یک کلیک در VSCode و پشتیبانی از 80 زبان برنامه‌نویسی است. این امر نشان‌دهنده پیشرفتی قابل توجه در زمینه تولید کد خودکار است.

📃تو ویدیو ضمیمه شده هم میتونید تواناییش رو درمقایسه با ChatGPT مشاهده کنید ؛)

🗺https://chat.mistral.ai/

#Site #Ai
☕️ @CodeExplore

💎داخل نمودار بالا براتون پرفورمنس فریمورک های جاوا اسکریپت رو توی زمان های مختلف اورده

دقت کنین هرچی خط مربوط به نمودار پایین تر باشه یعنی پرفورمنس بهتری داره

✨و طبق این نمودار در سال 2023 بیشترین پرفورمنس مربوط به فریمورک Solid و کمترین پرفورمنس مربوط به React هست البته الان 2024 هستیم و اپدیت ها ممکنه کمی تغییر کرده باشه

✔️بیشتر بخایم راجب این نمودار صحبت کنیم باید بگیم که Angular پرفورمنس بهتری از React داره ولی در آخر Vue.js از همه فریمورک ها به جز Solid، پرفورمنسش بهتره

دوستان لطف کنین تعصبی برخورد نکنین، میتونین با سرچ و... این بنچ مارک هارو به دست بیارین

☕️ @CodeExplore

عملگر Warlus در پایتون ⌨️

ℹ️عملگر Walrus به صورت := نوشته می‌شه و به اسم "Walrus Operator" شناخته می‌شه، این ویژگی از پایتون ۳.۸ به بعد اضافه شد، این عملگر بهت اجازه می‌ده تا در یک عبارت، هم متغیری رو مقداردهی کنی و هم از اون مقدار استفاده کنی. به این صورت می‌تونی کدهای خلاصه‌تر و خواناتری بنویسی. اینجا چندتا از کاربردهاش رو براتون گفتیم:

1️⃣ استفاده در حلقه‌ها

وقتی بخوای یه متغیر رو داخل یه حلقه مقداردهی و همزمان بررسی کنی، Walrus Operator بهت کمک می‌کنه:

while (n := len(some_list)) > 0:
    print(f"List has {n} elements")
    some_list.pop()

اینجا، n := len(some_list) طول لیست رو محاسبه می‌کنه و به n اختصاص می‌ده، بعد بررسی می‌کنه که آیا بزرگتر از صفر هست یا نه. همزمان مقدار n رو هم برای چاپ استفاده می‌کنه.

2️⃣ استفاده در شرط‌ها

برای بررسی و استفاده از مقدار یک متغیر در شرط‌ها:

if (match := re.search(pattern, text)) is not None:
    print(f"Found match: {match.group(0)}")

اینجا، re.search(pattern, text) نتیجه جستجو رو به match اختصاص می‌ده و همزمان بررسی می‌کنه که آیا نتیجه None نیست.

3️⃣ استفاده در comprehension‌ها

عملگر Walrus می‌تونه در list comprehensions هم به کار بره، تا محاسبات و فیلترهای پیچیده‌تر رو ساده‌تر کنه:

results = [y := f(x), y**2 for x in range(10) if (y := f(x)) > 0]

اینجا، y := f(x) تابع فرضی f(x) رو محاسبه می‌کنه و به y اختصاص می‌ده، سپس از y هم برای شرط فیلتر و هم برای تولید مقادیر جدید استفاده می‌کنه.

💬چه کاربرد های دیگه ای به ذهنتون میرسه؟🤨

#python #walrus
☕️ @CodeExplore

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

🔗 https://www.streamlinehq.com/icons/core-sets

#icons #free #design
☕️ @CodeExplore

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

👉 https://locomo.tips/

☕️ @CodeExplore

راه موفقیت همیشه در حال ساخت است. موفقیت پیش رفتن است، نه به نقطه پایان رسیدن.

" آنتونی رابینز "

#motivational
☕️ @CodeExplore

تیم بک اند رو زنده بیارید 😠

#fun
☕️ @CodeExplore

سایت Exercism 🎮

🆕 سایت Exercism یک جایی است که می‌توانید مسائل برنامه‌نویسی را حل کنید و کد خود را به اشتراک بگذارید تا بازخورد بگیرید. این سایت به شما کمک می‌کند تا مهارت‌های برنامه‌نویسی خود را با حل مسائل مختلف تقویت کنید و از طریق ارتباط با جامعه برنامه‌نویسان، به یادگیری مستمر بپردازید.

🔗 لینک سایت

#exercism #site
☕️ @CodeExplore

🔥چرا خیلیاتون نمیدونین PostCss چیه؟؟ اومدم که معرفی کنم

✔️در اصل PostCss یه ابزار Node.js هستش که استایل هاتون رو با استفاده از پلاگین های JavaScript تبدیل میکنه، این ابزار بیشتر از سایز پیش پردازنده های Css ( مثل Sass , Less و Stylus ) از NPM دانلود و نصب میشه

💥نحوه کارش خیلی خفنه! این داداشمون میاد کد css شمارو به یه درخت سینتکس انتزاعی (AST) تبدیل میکنه و بعدش یه API برای تجزیه و تحلیل رابط برنامه نویسی فراهم میکنه، تغییراتش با استفاده از JavaScript اعمال میشه، داخلش هم کلی پلاگین داخلی میتونین نصب و استفاده کنین و کارهای زیادی انجام میده و حتی جایگزین ابزار های دیگه میشه براتون

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

💎حتی تیلویند هم که استفاده کنین میبینین داخلش کانفیگ های PostCss هست و یعنی تیلویند داره ازش استفاده میکنه

#پست_پیشنهادی
#postcss #post_css
☕️ @CodeExplore

📣توی سایت زیر میتونین به کلی بک گراند انیمیشنی و متحرک دسترسی داشته باشین و برای پروژه هاتون استفاده کنین!

🌐https://animatedbackgrounds.me/

#site
☕️ @CodeExplore

⚪️ پلتفرم PlanetScale برای مدیریت دیتابیس MySQL با بهره‌گیری از پروژه‌ی اوپن سورس Vitess و مقیاس‌پذیری بالا امکان ایجاد و مدیریت شاخه‌های دیتابیس (Branching) و آپدیت و توسعه بدون داون تایم را فراهم میکنه و با امنیت بالا، تجربه‌ای قدرتمند و انعطاف‌پذیر برای توسعه‌دهندگان بوجود میاره. PlanetScale دارای پلن های رایگان و پریمیوم هستش.

🔗 https://planetscale.com

#database #mysql
☕️ @CodeExplore