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

#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

جلوگیری از حواس پرتی 🤨

همه ما گاهی موقع کار حواسمون پرت میشه. چند تا راهکار ساده ولی موثر رو براتون نوشتیم که بشه این حواس پرتی ها رو کمتر کرد 🤝

1️⃣لیست کارها
نوشتن لیست کارهای روزانه و اولویت‌بندی اونها.

2️⃣محیط کاری مناسب
-پاکسازی میز کار: میزتون رو از هر چیزی که حواس‌تون رو پرت می‌کنه خالی کنید.
-موسیقی بدون کلام:اگه با صدا تمرکز بهتری دارید، موسیقی بی‌کلام یا صداهای طبیعت می‌تونه مفید باشه.

3️⃣قطع دسترسی به عوامل مزاحم
اعلان‌های موبایل و شبکه‌های اجتماعی رو در زمان کار غیرفعال کنید یا گوشیتون رو روی حالت هواپیما بزارید.

4️⃣استراحت‌های منظم
-استراحت‌های کوتاه: هر یک ساعت یک بار چند دقیقه استراحت کنید تا ذهن‌تون تازه بشه.
-حرکت و کشش: از جاتون بلند شید، کشش انجام بدید یا چند قدم راه برید.

5️⃣تنظیم اهداف کوچک
-تقسیم کارها: کارهای بزرگ رو به بخش‌های کوچکتر تقسیم کنید تا احساس پیشرفت داشته باشید.
-پاداش‌دادن به خودتون: بعد از انجام هر کار، به خودتون یه استراحت یا یه پاداش کوچک بدید.

6️⃣تمرکز بر یک کار
به جای انجام چند کار همزمان، روی یک کار تمرکز کنید و تا پایان اون کار به بقیه کارها نپردازید.

❤️اگه این راهکارها رو امتحان کنید، احتمالاً متوجه می‌شید که تمرکزتون بیشتر شده و کارها رو بهتر و سریع‌تر انجام می‌دید. اگر هر ایده دیگه دیگه ای داشتید توی کامنت ها بهمون بگید 🙂

#trick
☕️ @CodeExplore

📌خیلی وقتا پیش اومده که چه روی فرانت چه روی بک یا حتی کارای دیگه نیاز داشته باشین یسری اطلاعات کامل از یه کاربر وارد کنین ولی خب نداشته باشین، یا لیست خوبی در دسترستون نباشه، سایت زیر میتونه براتون کلی اطلاعات کاربر فیک فراهم کنه:

🌐 https://fauxid.com/

#site
☕️ @CodeExplore

🔥برنامه نویسی شگفت انگیز کوانتومی🔥

خب بچه ها امروز میخایم باهم درباره برنامه نویسی کوانتمی صحبت کنیم که حوزه خیلی خفن و جذابی هست

اول از همه باید بدونیم برنامه نویسی کوانتمی چیه؟
برنامه نویسی کوانتمی در اصل یه حوزه جدید توی علم کامپیوتر هستش که بر اساس مفاهیم فیزیک کوانتمی ساخته شده. داخل این نوع برنامه نویسی، به جای بیت های کلاسیک یا همون 0 و 1 ، از کیوبیت ها استفاده میشه که میتونن به صورت همزمان 0 و 1 باشن
همین ویژگی هم به کامپیوتر های کوانتمی این اجازه رو میده که مسائل پیچیده‌ای رو که برای کامپیوتر های کلاسیک خیلی زمان میبره ( مثلا سال ها ) توی مدت کوتاهی پردازش کنن

◀️کاربرد های برنامه نویسی کوآنتمی چیه؟
🔵رمزنگاری: کامپیوتر های کوانتمی میتونن کلیدهای رمزنگاری غیرقابل شکست تولید کنن که امنیت داده هارو تا ناموس بالا میبره!
🔵شبیه سازی مولکولی: این فناوری قادره که مولکول ها و واکنش های شیمیای پیچیده رو با دقت بالایی شبیه سازی کنه که میتونه دارو های جدید و مواد پیشرفته بسازه
🔵بهینه سازی: مسائل پیچیده بهینه سازی در حوزه هایی مثل لجستیک ، مالی و حتی هوش مصنوعی با استفاده از الگوریتم های کوانتومی میتونن به سرعت حل بشن

◀️زبان و ابزار های برنامه نویسی کوانتمی:
🟢‏Qiskit: یه زبان برنامه نویسی متن باز که توسط IBM توسعه یافته و برای توسعه الگوریتم های کوانتمی و کار با کامپیوتر های کوانتمی IBM به کار میره
🟢‏Cirq: فریمورک برنامه نویسی کوانتمی گوگله که برای توسعه و شبیه سازی الگوریتم های کوانتمی استفاده میشه
🟢‏Q#: زبان برنامه نویسی کوانتمی مایکروسافت که با پلتفرم Azure Quantum یکپارچه شده

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

#QuantumProgramming
☕️ @CodeExplore

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

#book #pdf #programming
☕️ @CodeExplore

کوتاه ، مفید، مختصر

#fun
☕️ @CodeExplore