اضافه کردن Snake Game به پروفایل گیت هاب 🐍

خب همونطور که قولش رو داده بودم تو این پست میخوام روش اضافه کردن مار بازی به گیت هاب رو بهتون بگم!

این کار چند مرحله ساده داره که کافیه طبق تصاویر و پست اونها رو دنبال کنید!

1️⃣ مرحله اول: ساخت ریپازیتوری پروفایل:
اول از همه، اگه تا الان اینکار رو انجام ندادید، باید یه ریپازیتوری جدید بسازید و اسمش رو دقیقا شبیه یوزرنیم گیت هاب خودتون قرار بدید. دقت کنید که اسم ریپازیتوری به حروف کوچک و بزرگ حساسه!.
بعد از اینکه ریپازیتوری رو ساختید، داخلش یه فایل README.md درست کنید. محتویات این فایل قراره درون پروفایل شما نمایش داده بشه!

2️⃣ مرحله دوم: ساخت فایل snake.yml:
تو این مرحله باید یه اکشن جدید بسازیم که کارش ساخت فایل انیمیشن مار بر اساس نمودار مربع های گیت هابمون هست.
برای این کار، داخل ریپازیتوری خودتون یه پوشه به اسم .github بسازید و داخلش یه پوشه دیگه به اسم workflows ؛ حالا داخل پوشه workflows یه فایل به اسم snake.yml بسازید و کد زیر رو داخلش قرار بدید:

name: GitHub Snake Game



on:

  # Schedule the workflow to run daily at midnight UTC

  schedule:

    - cron: "0 0 * * *"



  # Allow manual triggering of the workflow

  workflow_dispatch:



  # Trigger the workflow on pushes to the main branch

  push:

    branches:

      - main



jobs:

  generate:

    runs-on: ubuntu-latest

    timeout-minutes: 10



    steps:

      # Step 1: Checkout the repository

      - name: Checkout Repository

        uses: actions/checkout@v3



      # Step 2: Generate the snake animations

      - name: Generate GitHub Contributions Snake Animations

        uses: Platane/snk@v3

        with:

          # GitHub username to generate the animation for

          github_user_name: ${{ github.repository_owner }}



          # Define the output files and their configurations

          outputs: |

            dist/github-snake.svg

            dist/github-snake-dark.svg?palette=github-dark

            dist/ocean.gif?color_snake=orange&color_dots=#bfd6f6,#8dbdff,#64a1f4,#4b91f1,#3c7dd9

        env:

          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}



      # Step 3: Deploy the generated files to the 'output' branch

      - name: Deploy to Output Branch

        uses: peaceiris/actions-gh-pages@v3

        with:

          github_token: ${{ secrets.GITHUB_TOKEN }}

          publish_dir: ./dist

          publish_branch: output

          # Optionally, you can set a custom commit message

          commit_message: "Update snake animation [skip ci]"

بعد از اینکه کد رو پیست کردید، فایل رو با کلیک روی دکمه سبز رنگ کامیت کنید (تصویر 1)

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

YOUR_GITHUB_USERNAME/
├── .github/
│   └── workflows/
│       └── snake.yml
└── README.md

3️⃣ مرحله سوم: فعال کردن اکشن:
تو ریپازیتوری خودتون، به تب Action برید و از منوی سمت چپ روی گزینه All Workflows کلیک کنید. تو این قسمت میتونید یک سری workflow مربوط به ریپازیتوری خودتون رو مشاهده کنید که بین این گزینه ها یک یا دو مورد به اسم GitHub Snake Game وجود داره. (تصویر 2)

حالا دوباره از منوی سمت چپ روی گزینه GitHub Snake Game کلیک کنید. تو این قسمت دوباره یک لیست از workflow ها رو مشاهده میکنید. بالای لیست یک گزینه رو میتونید مشاهده کنید که نوشته:

This workflow has a workflow_dispatch event trigger.

سمت راست این گزینه یه دکمه با متن Run Workflow وجود داره.
1- روش کلیک کنید و برنچ main رو انتخاب کنید
2- روی دکمه سبز رنگ با متن Run Workflow کلیک کنید

(تصویر 3)

حالا بعد از 1 یا چند دقیقه اجرای workflow به پایان میرسه. بعد از کلیک روی گزینه Run Workflow باید به صف اجرا اضافه بشه و بعد از تکمیل شدن یه تیک سبز کنارش نمایش داده میشه (تصویر 4).

خب، حالا بعد از اجرا شدن workflow باید بریم به صفحه اصلی ریپازیتوری یا root. حالا تو قسمت برنچ ها میتونیم ببینیم که یه برنچ جدید به اسم output ایجاد شده. (تصویر 5).

اگه سوئیچ کنیم به برنچ output میتونیم ببینیم چند تا فایل ایجاد شده (تصویر 6)
این فایل ها انیمیشن مار رو تشکیل میدن و هر نیمه شب به صورت خودکار آپدیت میشن تا فعالیت های اخیر رو نمایش بدن.

خب حالا وقتشه بریم سراغ مرحله چهارم!


4️⃣ مرحله چهارم: اضافه کردن انیمیشن به پروفایل
این مرحله آخره و تنها کاری که باید انجام بدیم اینه که کد markdown انیمیشن رو به فایل README.md پروفایل اضافه کنیم!

برای انجام این کار کافیه برگردیم به برنچ main و روی گزینه ادیت فایل README کلیک کنیم، و بعد کد زیر رو درون فایل قرار بدیم:

<!-- Snake Game Animation -->
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/YOUR_GITHUB_USERNAME/YOUR_GITHUB_USERNAME/output/github-snake-dark.svg" />
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/YOUR_GITHUB_USERNAME/YOUR_GITHUB_USERNAME/output/github-snake.svg" />
  <img alt="github-snake" src="https://raw.githubusercontent.com/YOUR_GITHUB_USERNAME/YOUR_GITHUB_USERNAME/output/github-snake.svg" />
</picture>

توی کد بالا قسمت YOUR_GITHUB_USERNAME رو با یوزرنیم خودتون جایگزین کنید!

انجام مرحله به مرحله این کار رو میتونید تو تصویر 7 ببینید!

تمام! حالا فقط کافیه از خروجی کار لذت ببریم!

اگه سوالی داشتید یا با مشکلی مواجه شدید میتونید تو کامنتا بپرسید 👇

خبر بزرگ برای جامعه React!
از این پس React و React Native مستقل شدن و زیر چتر React Foundation به راهشون ادامه میدن تصمیم‌گیری‌ها دیگه دست جامعه‌ست و Meta فقط یه حامیه

🧩 فریمورک NiceGUI — ساخت رابط کاربری وب فقط با پایتون!

اگه همیشه دوست داشتی برای پروژه‌هات رابط کاربری بسازی ولی حال و حوصله‌ی درگیر شدن با HTML، CSS و جاوااسکریپت رو نداشتی، فریمورک NiceGUI دقیقاً برای تو ساخته شده! 😎

با NiceGUI می‌تونی فقط با پایتون، یه رابط کاربری مدرن و تعاملی برای برنامه‌ت بسازی — از دکمه و اسلایدر گرفته تا چت، گراف، 3D Scene و حتی اتصال به IoT یا ربات!

نکته‌ی جالبش اینه که هرچیزی که باهاش می‌سازی در واقع یه وب‌اپلیکیشن واقعیه که توی مرورگر اجرا میشه، ولی تو فقط با پایتون سروکار داری!
پس عملاً داری فرانت اند برنامه‌ات رو با پایتون مینویسی!

ویژگی‌هاش؟ یه لیست بلندبالاست، ولی چند تا از جذاب‌تریناش اینان:

• دکمه‌ها، فرم‌ها، نوتیفیکیشن‌ها، چت‌ها و هرچی که از یک UI بخوای
• پشتیبانی از Tailwind و Quasar برای استایل‌دهی
• اجرای سریع با FastAPI
• سازگاری با Docker
• پشتیبانی از سنسورها، GPIO و حتی وب‌کم
• و یه عالمه دمو از اپ‌های واقعی (از Todo گرفته تا چت با AI )

نصبش هم خیلی ساده‌ست:

pip install nicegui
python main.py

from nicegui import ui

ui.label('Hello World!')

ui.run()

و تمام! مرورگر رو باز کن، و ببین پایتونت چطوری تبدیل به یه وب‌اپ شیک شده


این فقط یه معرفی کوتاه از NiceGUI بود!
توی پست‌های بعدی قراره بیشتر راجب NiceGUI بحث کنیم و چند تا از کاربرد های باحالش رو با مثال های عملی ببینیم!

🔗 https://nicegui.io/
🔗 https://github.com/zauberzeug/nicegui/

#python #lib

TheCodəPod | TheCodePodGroup

✅ مفاهیم پایه‌ای دنیای دیجیتال (سفری از 0 و 1 تا رم ۴ گیگابایتی)

1) بیت (Bit)
چیست؟ کوچک‌ترین واحد داده در دنیای کامپیوتر
معنی: مخفف Binary Digit یعنی «رقم دودویی».
مقدار: فقط دو حالت دارد:
• 0
• 1
• مثال:
مثل یک کلید برق: یا خاموش (0) است یا روشن (1)
تمام چیزهایی که در کامپیوتر می‌بینید—متن، عکس، ویدئو، بازی‌ها— در نهایت از میلیاردها 0 و 1 تشکیل می‌شوند.
پست های مربوط
https://t.me/TheCodePod/1852
https://t.me/TheCodePod/1855
https://t.me/TheCodePod/1857

2) بایت (Byte)
چیست؟ واحد اصلی سنجش حجم داده و فضای ذخیره‌سازی
ارتباط با بیت:
هر ۱ بایت = ۸ بیت
چرا ۸ بیت؟
چون با ۸ بیت می‌توان ۲۵۶ حالت مختلف (2⁸) ساخت و این مقدار برای نمایش:
✅ حروف الفبا (انگلیسی)
✅ اعداد
✅ علائم نگارشی
کافی بود
مثال:
ذخیره‌ ی حرف ‘A’ یا ‘?’ معمولاً ۱ بایت نیاز دارد

3) گیگا (Giga)
چیست؟
یک پیشوند (نه یک واحد جدا)، در سیستم SI
معنی: "گیگا" یعنی یک میلیارد (10⁹)
کاربرد:
وقتی قبل از یک واحد قرار می‌گیرد، مقدار آن واحد × 10⁹ می‌شود.
مثال:
گیگابایت = یک میلیارد بایت

✅ جمع‌بندی نهایی (چطور این مفاهیم به هم وصل می‌شوند؟)
برای اندازه‌گیری حجم داده، ما از «بایت» استفاده می‌کنیم.
وقتی بگیم:
۴ گیگابایت (4 GB) یعنی:
• Giga = 10⁹ (یک میلیارد)
• Byte = 8 Bit
پس:
۴ GB = 4 × 10⁹ Byte
و اگر بخواهیم بر حسب بیت بنویسیم:
4 GB = 4 × 8 × 10⁹ bit
این دقیقاً یعنی ظرفیت فیزیکی حافظه یا رم به زبان بیت و بایت

آمارهای جالب GitHub از فعالیت توسعه‌دهنده‌ها توی سال ۲۰۲۵

قیمت رم (RAM) تو کل دنیا داره میره بالا سامسونگ هم قیمت ماژول‌هاشو ۶۰٪ افزایش داده
تو ماه سپتامبر ۲۰۲۵، یه رم ۳۲ گیگابایتی DDR5 سامسونگ رو می‌تونستی با ۱۴۹ دلار بگیری ولی حالا همون رم رو دارن ۲۳۹ دلار می‌فروشن — یعنی دقیقاً ۶۰٪ گرون‌تر شده!
علتش؟ مسابقه هوش مصنوعی! شرکت‌ها دارن همه چیپ‌های HBM و DDR رو برای دیتاسنترهای AI میخرن پس رم معمولی هم کم میشه و قیمتش می‌ره بالا. به زودی بقیه قطعات هم گرون‌تر میشن