دوستان این مقاله Commit-Like-a-Pro رو سپهر رسولی ترجمه کردن.
خسته نباشید میگم بهشون و اینکه کار خفن ارزش حمایت کردن داره💔

🌐 https://github.com/SepehrRasouli/CommitLikeAProTranslation

#article
☕️ @CodeExplore

زندگی عادلانه نیست، به آن عادت کنید!

" بیل گیتس "

#motivational
☕️ @CodeExplore

آخی

#fun
☕️ @CodeExplore

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

#book #pdf
☕️ @CodeExplore

⌨️ خروجی این کد پایتون کدوم گزینه هست؟

def quiz_function(x, y):
    result = []
    for i in range(x):
        if i % y == 0:
            result.append(i)
    return result

output = quiz_function(10, 3)
print(output)

A) [3, 6, 9]
B) [0, 3, 6, 9]
C) [0, 3, 6]
D) [1, 4, 7]

#python #challenge
☕️ @CodeExplore

زبان QBasic چه زبانیه؟ 💻

💠زبان QBasic (مخفف Quick Beginners All-purpose Symbolic Instruction Code) یک زبان برنامه‌نویسی ساده و مبتنی بر BASIC است که مایکروسافت در دهه 80 میلادی ارائه کرد. این زبان برای آموزش مفاهیم پایه برنامه‌نویسی به مبتدیان طراحی شده بود و در سیستم‌عامل MS-DOS به کار می‌رفت.


☄️ویژگی ها:

1️⃣محیط تعاملی:
‏QBasic یک محیط توسعه یکپارچه (IDE) داشت که شامل ویرایشگر کد، ابزارهای اشکال‌زدایی و مفسر بود. کاربران می‌توانستند کد را بنویسند، اجرا کنند و نتایج را فوراً ببینند.

2️⃣دستورات ساده:
دستورات QBasic مثل PRINT برای نمایش متن و IF...THEN برای شرط‌گذاری بسیار قابل فهم بودند که یادگیری را آسان می‌کرد.


ℹ️قابلیت‌ها و محدودیت‌ها:
‏QBasic از حلقه‌ها (FOR...NEXT)، توابع و مدیریت فایل‌ها (OPEN, CLOSE) پشتیبانی می‌کرد. با این حال، برای پروژه‌های حرفه‌ای مناسب نبود و از برنامه‌نویسی شی‌گرا پشتیبانی نمی‌کرد. با وجود این محدودیت‌ها، QBasic نقش مهمی در آموزش برنامه‌نویسی به مبتدیان داشت و همچنان به عنوان یک ابزار آموزشی مورد توجه است.

#qbasic #languages
☕️ @CodeExplore

سلام خوش اومدین به یه آموزش دیگه از تیلویند 🔥
تو مباحث قبلی ما درباره کانفیگ کردن تیلویند صحبت کردیم و خب برای بحث کانفیگ کردن فونت ها امروز قراره این پست کوتاه رو ببینیم ⚡️

خب اول از همه شما نیاز به ادرس فونت یا فایلش دارین، بعد از اون خب داخل نصب تیلویند یه فایل css داریم که لایه های تیلویند رو اضافه کردیم داخلش
مثلا فایل main.css که داخلش این موارد هست هرچند توی نصب تیلویند تو همون مباحث اولیه گفتیم:

@tailwind base;
@tailwind components;
@tailwind utilities;

🟢خب حالا ما میتونیم اینجا به لایه های مختلف تیلویند یسری چیزارو اضافه کنیم، اگر قرار باشه فونت اضافه کنیم باید داخل لایه base باشه چون که مربوط به چیزای ریشه‌ای میشه.

این کارو میکنیم:

@layer base {
 @font-face {
       font-family: "new font",
       src: url("./path/to/your/font.ttf)
  }
}

حالا داخل فایل tailwind.config.ts میایم و فونتمون رو اضافه میکنیم:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js}'],
  theme: {
    extend: {
      fontFamily: {
      newFont : "new font",
    },
    }
  },
}

💡تبریک میگم فونت شما اضافه شد به تیلویند
استفادش:

class="font-newFont"

#tailwind #tailwind_14
☕️ @CodeExplore

⚪️منبعی کاربردی که لودینگ های مختلفی داره Customize کنید و به شکل کد های CSS میتونید توی بخش های مختلف ازشون استفاده کنید.

🔗cssportal.com/css-loader-generator

#loader #css
☕️ @CodeExplore

تشخیص جنسیت صدا 🎙️

🌪 یکی از دوستان یک ریپوزیتوری نوشته که باهاش میتونید تشخیص بدید ویسی که بهش دادید مال یک زن هست یا مال یک مرد هست.

آموزش:

1. ریپو رو کلون میکنید:
git clone https://github.com/RiraAI/gender-recognition

2. لایبرری های مورد نیاز رو نصب میکنید :
pip3 install -r requirements.txt

3. فایل صوتی خودتون رو مطابق کامند زیر تست میکنید:

sudo python recognition.py --file "samples/fa_006.wav"

🔗RiraAI

#ai
☕️ @CodeExplore | </Mahi>

🥤🥤🥤

#fun
☕️ @CodeExplore

به آخر لینک، png. یا json.اضافه کنید و خودتون نتیجه رو ببینید.

🌐 https://github.com/π

#json #png #github
☕️ @CodeExplore

پاک کردن مقادیر کاذب (Falsy) از آرایه در جاوا اسکریپت ✌️

💎توی جاوااسکریپت از filter برای حذف مقادیر کاذبی مثل null، undefined، 0، "" و false از یک آرایه استفاده کنید، چطوری؟ اینطوری:

const array = [0, 1, false, 2, '', 3, null, 'test', undefined];
const cleanedArray = array.filter(Boolean);
console.log(cleanedArray); 
// [1, 2, 3, 'test']

#javascript #js #trick
☕️ @CodeExplore

تو سایت زیر می تونین آیکون ، وکتور و SVG های رایگان دانلود کنید.

🌐 https://www.svgrepo.com/

#icon #vector #svg #site
☕️ @CodeExplore

خوش اومدین به یه قسمت دیگه از آموزش TailwindCss ☄️

🗣️ برای امروز مبحث خاصی نداریم و میخایم چند تا چیز مختلف رو از تیلویند بررسی کنیم.

💡 اولین چیزی که مد نظرمونه یه سینتکس قشنگ برای کاستوم کردن کلاس هاس یا شرایطی که بخاین استایل هارو جای دیگه بزنین یا کامپوننتون رو درست کنین
ما داخل تیلویند یه چیزی داریم به اسم apply@ که میتونین داخل css و نه داخل html استایل های تیلویند رو اعمال کنین
یه مثال:

.element{
     border-radius: 5px;
     @apply w-24 h-24 bg-green
}

الان اینجا ما اومدیم داخل استایل های تگی که کلاس المنت داره یه استایل دیفالت css رو کنار استایل های تتیلویند زدیم و حله

خیلی وقت ها نیاز داریم فیلتر های css رو روی المنت هامون اعمال کنیم و کلی کلاس هست که یسریاشو مثال میزنیم:

blur
blur-md
brigness-0
brigness-50
brigness-200
contrast-50
drop-shadow
drop-shadow-lg
grayscale
hue-rotate-15
invert

برای اعمال ترنسفورم به امنت هم این سری استایل هارو داریم:

scale-50
scale-x-50
rotate-0
rotate-3
rotate-180
translate-x--24
translate-y-4
skew-x-6
skew-y-6

#tailwind #tailwind_15
☕️ @CodeExplore

خروجی این کد PHP کدوم گزینه از بین گزینه های پایین هستش؟ 🤔

function customFunction($arr) {
    $result = '';
    foreach ($arr as $key => $value) {
        if (is_int($key)) {
            $result .= chr($value);
        } else {
            $result .= $value;
        }
    }
    return $result;
}

$input = [
    72, 101, 'l' => 'l', 111, 32, 87, 'o' => 'o', 114, 108, 100
];

echo customFunction($input);

A) Hello World
B) HelloWorld
C) Helllo World
D) Helo World

#php #challenge
☕️ @CodeExplore

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

" بیل گیتس "

#motivational
☕️ @CodeExplore

من از همتون جلو ترم 😇

#fun
☕️ @CodeExplore

استفاده از توابع all و any در پایتون ⌨️

🔹تابع any
فرض کنید یه لیست از اعداد دارین و می‌خواین ببینین آیا حداقل یکی از اون‌ها غیر صفر(یا درست) هست یا نه. any دقیقاً همین کار رو براتون انجام میده.

numbers = [0, 0, 1, 0]
if any(numbers):
    print("حداقل یکی از اعداد غیر صفره!")

# خروجی: حداقل یکی از اعداد غیر صفره!

🔸تابع all
حالا فرض کن می‌خوای مطمئن بشی که همه اعداد توی یه لیست غیر صفر هستن. all بهت کمک می‌کنه که این کار رو به راحتی انجام بدی.

numbers = [1, 2, 3, 4]
if all(numbers):
    print("همه اعداد غیر صفرن!")

# خروجی: همه اعداد غیر صفرن!

☄️این دو تا تابع بهت کمک می‌کنن تا بدون نیاز به حلقه و شرط‌های اضافی، خیلی راحت و سریع چک کنی که همه یا بعضی از مقادیر توی یه لیست به شرط خاصی می‌خورن یا نه. همین دیگه، خیلی راحت و کاربردی!

#python #all #any
☕️ @CodeExplore

ما فرض میکنیم شما یک زبان برنامه نویسی هستید. حالا لطف کنید اسمتون رو بگید😁

#programming #language
☕️ @CodeExplore

👋خوش اومدین به آخرین پست از مباحث TailwindCss ( خداییش دیگه نمدونم چیز خاصی هست بگم یا نه، بقیش جزئیاته که باید خودتون پیگیر بشین )

خب بچه ها یسری چیزای جالب ازش بگم و تمومش کنیم:

🟡مبحث اول راجب transition ها هستش که ما میتونیم برای المنتمون مشخص کنیم چه transition هایی داشته باشه

transition-none
transition-all
transition
transition-colors
transition-opacity
transition-shadow
transition-transform

لیست بالا کامل از اسمش هم مشخصه که هر ترنزیشن برای کدوم قسمت از المنت شما اعمال میشه
و میتونین تایم بندیش رو هم عوض کنین (دیفالت : 150ms ):

duration-0
duration-75
duration-100
duration-150
...
duration-700
duration-1000

خب حالا بریم برای بحث بعدی که راجب مقادیر منفی هستش
🟢خب قطعا میدونین که ما یه وقتایی میخایم یه مقدار منفی به پراپرتی بدیم، مثلا:

.element{
position: relative;
top: -20px;
}

خب ما قبلا راجب اینکه چطوری بیایم top رو ست کنیم گفتیم:

class="top-4"

و حالا کافیه برای اینطور مقادیر ( پوزیشن ها، سایه ها و حتی ترنسفورم ها ) اینطوری منفی بدیم:

class=" -top-4 -rotate-180"

🔴بحث بعدی راجب بک گراند گرادینت هست ( background gradients )
داخل این قسمت خب ما میدونیم که باید به صورت دیفالت، رنگی که ازش شروع میشه، درصدش، رنگ بعدی و درصدش و رنگ اخری و درصدش رو کامل مشخص کنیم، حالا داخل تیلویند اینطوری راحت میتونین بک گراند گرادینت ست کنین:

اول کلاس هارو ببینیم

from-[color]
from-[present]
via-[color] // optional middle color
via-[present]
to-[color]
to-[present]

برای مشخص کردن جهت گرادینت هم کلاس داریم:

bg-gradient-to-r
bg-gradient-to-l
bg-gradient-to-t
bg-gradient-to-b

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

<button type="button" class="bg-gradient-to-r from-green-400 to-blue-500 hover:from-pink-500 hover:to-yellow-500 ...">
  Hover me
</button>

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

راستی پیشنهادتون رو بگین که چه مبحثی دوست دارین و اگر شرایطش بود براتون قرار بدیم

#tailwind #tailwind_16
☕️ @CodeExplore