تو سایت زیر می تونین آیکون ، وکتور و 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

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

function trickyFunction(arr) {
    return arr.reduce((acc, curr) => {
        if (curr % 2 === 0) {
            acc.even.push(curr);
        } else {
            acc.odd.push(curr);
        }
        return acc;
    }, { even: [], odd: [] });
}

const { even, odd } = trickyFunction([1, 2, 3, 4, 5, 6, 7, 8]);
const result = even.map((num, index) => num * odd[index]);
console.log(result);

#js #challenge
☕️ @CodeExplore

ممکنه؟😶

#fun
☕️ @CodeExplore

کار با فایل‌های JSON در پایتون ⌨️

👀 یک کد کوتاه و مختصر برای یادگیری کار با فایل های json در پایتون

import json

# نوشتن به فایل JSON
data = {"name": "Alice", "age": 25}
with open('data.json', 'w') as f:
    json.dump(data, f)

# خواندن از فایل JSON
with open('data.json', 'r') as f:
    data = json.load(f)
    print(data)  # {'name': 'Alice', 'age': 25}

#python #json
☕️ @CodeExplore

📱 نسخه دسکتاپ ChatGPT برای مک منتشر شد!

▪️شرکت OpenAI نسخه دسکتاپ ChatGPT رو برای macOS معرفی کرد که به کاربران امکان می‌ده با ترکیب کلید Option + Space به سرعت به ChatGPT دسترسی پیدا کنن.

▪️این برنامه امکاناتی مثل گرفتن اسکرین‌شات، آپلود فایل‌ها، جستجوی مکالمات و مکالمه صوتی رو فراهم می‌کنه. برای استفاده، macOS 14+ و Apple Silicon (M1 یا بالاتر) نیازه و نسخه ویندوز هم به‌زودی عرضه خواهد شد!

#ai #chatgpt #mac
☕️ @CodeExplore

🎨👾با استفاده از این دوتا هوش مصنوعی میتونید برای پروژه هاتون طرح UI & UX بزنید.

کافیه فقط موضوع پروژه مثلا سایت یا اپلیکیشن موردنظر به همراه استایلی که علاقمندید وجود داشته باشه (به عنوان مثال 3D) رو وارد کنید و خروجی طرح UI & UX رو دریافت کنید و استفاده کنید 💡

🔗https://usegalileo.ai
🔗https://dora.run

#ui #ux #project
☕️ @CodeExplore

هرجا میریم هی میگن داداش برو w3schools هرچی میخای یاد بگیر😠
ولی این سایت پایین هم جون میده واسه یادگیری انواع زبان ها و تکنولوژی ها که میتونین ازش استفاده کنین
🌐https://www.tutorialspoint.com/index.htm

#site
☕️ @CodeExplore

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

def complex_function(a, b):
    result = []
    for i in range(min(len(a), len(b))):
        if i % 2 == 0:
            result.append(a[i] + b[-(i+1)])
        else:
            result.append(a[i] - b[-(i+1)])
    return result

a = [3, 8, 2, 7]
b = [1, 4, 9, 6]
output = complex_function(a, b)
print(output)

#python #challenge
☕️ @CodeExplore

واقعیت vs لینکدین 😂

👀کیا مثل این دوستمون هستن ؟

#fun
☕️ @CodeExplore

تگ <time> در HTML 🖐

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

❓مثال: فرض کنیم میخوایم تاریخ یه رویدادی رو بنویسیم...

<p>آغاز رویداد: <time datetime="2024-06-27T10:00:00">27 ژوئن 2024، ساعت 10:00</time></p>

◀️اینجا داریم به مرورگر می‌گیم که این "27 ژوئن 2024، ساعت 10:00" یه تاریخ و زمان خاصه. این خیلی کمک می‌کنه که مرورگر بفهمه این یه زمان مهمه و موتورهای جستجو هم راحت‌تر می‌تونن این اطلاعات رو پیدا کنن.


✅کجاها می‌تونیم ازش استفاده کنیم؟

1⃣وقتی توی سایت بلاگ می‌نویسیم و می‌خوایم تاریخ انتشار مقاله‌هامون رو نشون بدیم.

🔢 اگه سایتی داریم که رویدادها رو معرفی می‌کنه و می‌خوایم زمان شروع و پایان رویدادها رو بنویسیم.

🔢یا حتی وقتی یه تایم‌لاین داریم و می‌خوایم بگیم هر اتفاقی کی افتاده.

#html #time
☕️ @CodeExplore

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

function trickyFunction($num) {
    return $num * ($num - 1);
}

$array = array(1, 2, 3, 4, 5);
$result = array_map('trickyFunction', $array);
echo implode(', ', $result);

#php #challenge
☕️ @CodeExplore