با این وبسایت ها میتونید برنامه‌نویسی رو تمرین کنید

1. LeetCode
http://leetcode.com/

2. HackerRank
http://hackerrank.com/

3. Codewars
http://codewars.com/

4. CodinGame
http://codingame.com/

5. CSSBattle
http://cssbattle.dev/

✦ @programming_codiing

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

اگر جاوااسکریپت کار می‌کنید، این پروژه به زبان فارسی نوشته شده و می‌تواند به درک بهتر نکات و رفتارهای غیرمنتظره‌ی این زبان کمک کند.

https://github.com/KhodeAmirreza/wtfjs/blob/master/README-fa-ir.md

✦ @programming_codiing

دوست خوبمون هوش موصنوعی :
آره درست میگی! توی app.js این دو تا رو داری و من اشتباه گفتم.

کافیه چیزی بلد نباشین و اختیار بدین بهش بلایی سرتون بیاره که یادتون نره.
الان می خواست بک اند رو بریزه بهم😁

بدون کپشن :)

✦ @programming_codiing

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

خیلی وقت‌ها مشکل از مهارت‌ها یا رزومه‌ی تو نیست؛ مشکل اینه که قلق‌های الگوریتم لینکدین رو نمی‌دونی!
تو این پست، ۱۱ تا ترفند طلایی و کاملاً عملی رو برات آوردم که خیلیا به راحتی از کنارشون رد میشن، ولی دقیقاً همون میان‌برهایی هستن که تو سکوت، بقیه رو به صندلی مصاحبه کاری می‌رسونن. از یه تکنیک ساده مثل خاموش و روشن کردنِ “Open to Work” بگیر تا پیدا کردن آگهی‌های شغلی مخفی و شبکه‌سازی درست با آدم‌های کلیدی.

پ.ن : اصلا لینکدین چیه و چرا برای یک برنامه‌نویس مهم هست ؟

✦ @programming_codiing

راهکاری برای افزایش طول عمر باطری لپ تاپ

🌀 اگه بیشتر وقتت لپ‌تاپ به شارژ وصله، این تنظیم ساده می‌تونه به سالم موندن باتری کمک کنه:

1️⃣ وارد نرم‌افزار مدیریت لپ‌تاپت شو.

بسته به برند دستگاه:

• Lenovo → Lenovo Vantage
• ASUS → MyASUS
• HP → HP Support Assistant
• Dell → Dell Optimizer یا Dell Power Manager

برای HP و Acer هم می‌تونی این بخش رو اضافه کنی:
• HP → HP Support Assistant یا MyHP → بخش Battery Health Manager (اگر دستگاه پشتیبانی کند، حالت Maximize Battery Health را فعال کنید.)

• Acer → Acer Care Center → بخش Battery Charge Limit را فعال کنید و حداکثر شارژ را روی ۸۰٪ قرار دهید.

لیست کامل:
Lenovo → Lenovo Vantage
ASUS → MyASUS
HP → HP Support Assistant یا MyHP
Dell → Dell Optimizer یا Dell Power Manager
Acer → Acer Care Center
⚠️ نکته: ممکن است بعضی مدل‌های HP و Acer این قابلیت را نداشته باشند، چون به مدل دستگاه و نسخه BIOS بستگی دارد.

2️⃣ وارد بخش Battery یا Battery Care شو و گزینه محدودیت شارژ رو فعال کن.

حداکثر شارژ رو روی ۸۰٪ (یا ۷۵ تا ۸۰ درصد) قرار بده و تمام!

+ از این به بعد وقتی شارژ به ۸۰٪ برسه، لپ‌تاپ مستقیماً از برق آداپتور استفاده میکنه و باتری کمتر تحت فشار قرار می‌گیره.
+ نگه داشتن باتری برای مدت طولانی روی ۱۰۰٪ باعث افزایش ولتاژ سلول‌ها و در بلندمدت، افزایش استهلاک باتری میشه. محدود کردن شارژ به حدود ۸۰٪ یکی از رایج‌ترین توصیه‌ها برای افزایش طول عمر باتری‌های لیتیومی محسوب میشه.

✦ @programming_codiing

وایب کدینگ که این روزا میگن چیه؟

اصطلاح «Vibe Coding» را Andrej Karpathy ابداع کرد.

او در اوایل سال ۲۰۲۵ این اصطلاح را در شبکه‌های اجتماعی مطرح کرد تا سبکی از برنامه‌نویسی را توصیف کند که در آن:
به‌جای نوشتن دستی تمام کدها، از مدل‌های هوش مصنوعی مانند ChatGPT یا ابزارهای مشابه استفاده می‌شود.
برنامه‌نویس بیشتر روی بیان ایده و هدف تمرکز می‌کند و هوش مصنوعی بخش عمده‌ای از کدنویسی را انجام می‌دهد.
توسعه‌دهنده کد تولیدشده را آزمایش، اصلاح و هدایت می‌کند، نه اینکه لزوماً همه جزئیات آن را خودش بنویسد.
به بیان ساده، در Vibe Coding شما به هوش مصنوعی می‌گویید «چه چیزی می‌خواهید»، سپس خروجی را بررسی و در صورت نیاز اصلاح می‌کنید، به‌جای اینکه همه چیز را از صفر تایپ کنید.

پ.ن : آینده خوبی برای کسی که پروژه رو سپرده به ai و وایب کدینگ انجام می ده درخشانه ، بدرخشه که وقتی خواست دیباگ کنه ai بهش ریشخند می زنه 🙃.

✦ @programming_codiing

چرا یک برنامه‌نویس باید یک کانال داشته باشد و اصلا مهمه؟ 🚀

داشتن کانال برای یک برنامه‌نویس اجباری نیست، اما یکی از بهترین کارهایی است که می‌توانید برای آینده‌تان انجام دهید.

اگر تازه برنامه‌نویسی را شروع کرده‌اید، از همین امروز یک کانال بسازید؛ لازم نیست هر روز پست بگذارید، حتی هفته‌ای یک یا دو پست هم کافی است.

با این کار هم مطالبی که یاد می‌گیرید بهتر در ذهنتان می‌ماند، هم مسیر پیشرفتتان ثبت می‌شود، هم کم‌کم برند شخصی خودتان را می‌سازید و در آینده فرصت‌های شغلی، فریلنسری و حتی درآمد از آموزش برایتان ایجاد می‌شود.

🔗 ادامه مطلب و سوال هایی که ممکنه براتون پیش بیاد رو اینجا اوردم و می تونید بخونیدش .

✦ @programming_codiing

درکش کنی محاله ترکش کنی :)

< دَرک ش باید بکنی و بفهمی ش ، همین />

✦ @programming_codiing

خدمت دوستانی که ندیدن ش ❤️

🤔 بالاخره هوش مصنوعی جای ما رو می‌گیره یا نه؟

این سؤال این روزها خیلی‌هاست...

واقعیت اینه که جوابش فقط «بله» یا «نه» نیست. بعضی شغل‌ها تغییر می‌کنن، بعضی‌ها حذف می‌شن و بعضی‌ها هم ارزشمندتر از قبل می‌شن و حتا شغل های جدیدی بوجود میان.

توی این مقاله خیلی ساده توضیح دادم که:
✅ آیا AI واقعاً جای برنامه‌نویس‌ها و بقیه شغل‌ها رو می‌گیره؟
✅ چه کسانی بیشتر در خطرن؟

📖 مطالعه مقاله

✦ @programming_codiing

🔤 تا حالا شده یه سایت رو باز کنی، بعد بگه: "مـی‌خـوای نصبـش کنـی؟"

🗣 شــایــد بگــی:
مگه سایت هم نصب میشه؟!
اینجا PWA وارد میشه.

حالا PWA یه سایته که خودش رو شبیه اپلیکیشن کرده.✔️

☄️ یعنی بدون اینکه بری از اپ‌استور یا گوگل‌پلی دانلودش کنی، می‌تونی نصبش کنی.

بعد مثل یه اپ روی صفحه گوشیت میاد.
سریع باز میشه و بعضی وقت‌ها حتـی بـدون اینتـرنـت هم یه بخش‌هاییش کار می‌کنه.

💬 خلاصه PWA یه سایتیه که لباس اپلیکیشن پوشیده؛ هم مثل سایت باز میشه، هم مثل اپلیکیشن روی گوشیت نصب میشه.

✦ @programming_codiing

5 اکستنشن کاربردی مرورگر که باید نصب کنی⚡️

🫆 اکستنشن WhatFont

یکی از مهم‌ترین افزونه‌هایی که باید به‌ عنوان دولوپر بشناسید، اکستنشن WhatFont هست. با کمک این افزونه می‌تونید نوع فونت مورد نظر رو فقط با نگه داشتن ماوس بر روی متن، شناسایی کنید.

🫆 اکستنشن Colorzilla

با استفاده از اکستنشن Colorzilla، می‌تونید کد HEX رنگ مورد نظرتون رو پیدا و به‌راحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.

🫆 اکستنشن Image Downloader

اگه از اون دسته دولوپرایی هستید که روزانه تصاویر زیادی دانلود می‌کنن، اکستنشن Image Downloader مختص شماست. به کمک این افزونه می‌تونید در سریع‌ترین زمان ممکن، تعداد زیادی از تصاویر رو بر اساس ابعاد مورد نظرتون فیلتر و دانلود کنید.

🫆 اکستنشن Dimensions

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

🫆 اکستنشن CSSViewer

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

✦ @programming_codiing

❓ تا حالا این سؤال‌ها رو از خودت پرسیدی؟

⏳ کی از برنامه‌نویسی درآمد می‌گیرم؟
😔 نکنه از بقیه عقب‌ترم؟
🔥 چرا حس می‌کنم چیزی بلد نیستم؟

این حس‌ها برای خیلی از برنامه‌نویس‌ها طبیعیه. توی این مقاله درباره‌ی این دغدغه‌ها و مسیر واقعی یادگیری صحبت کردم.

🔗 مطالعه مقاله

✦ @programming_codiing

و بازگشت همه به سوی اوست Error :(

Git | Github 🐈‍⬛️

✦ @programming_codiing

چطوری عملکرد و سرعت برنامه‌های فرانت‌اند رو بهتر کنیم؟

پ.ن : دو ، سه صفحه س بده ترنسلیت اگر زبان ت خوب نیست.

#FrontEnd
✦ @programming_codiing

80 سوال مصاحبه فرانت اند با توضیح اختصاصی

مخصوص برای شما 🙃❤️

#FrontEnd
✦ @programming_codiing

💪 3 جمله که ذهنیت یک برنامه‌نویس رو متحول می‌کنه:

1️⃣ "هر برنامه‌نویسی روزی از صفر شروع کرده. تفاوت در اینه که کی تسلیم شد و کی ادامه داد."

2️⃣ "باگ‌ها شکست نیستن، قدم‌های کوچیک برای رسیدن به جواب درست هستن."

3️⃣ "بهترین زمان برای یادگیری برنامه‌نویسی 10 سال پیش بود. دومین بهترین زمان، امروز است."

🎯 امروز رو با یک commit کوچیک شروع کن. حتی 30 دقیقه کدنویسی هم ارزش داره.

✦ @programming_codiing

🚦 Status Code چیست؟

هر بار که مرورگر یا اپلیکیشن شما درخواستی به سرور ارسال می‌کند، سرور یک Status Code (کد وضعیت) برمی‌گرداند تا نتیجه‌ی درخواست را مشخص کند.

به زبان ساده، این کدها به ما می‌گویند:

- ✅ درخواست موفق بوده؟
- ❌ خطایی رخ داده؟
- 🔒 دسترسی مجاز بوده؟
- 🔄 باید به آدرس دیگری برویم؟

---

✅ 200 OK

درخواست با موفقیت انجام شد.

مثال: وارد صفحه‌ی پروفایل می‌شوی و اطلاعات بدون مشکل نمایش داده می‌شود.

---

✅ 201 Created

یک داده‌ی جدید با موفقیت ایجاد شد.

مثال: ثبت‌نام می‌کنی و حساب کاربری جدیدت ساخته می‌شود.

---

🚫 400 Bad Request

درخواست اشتباه یا ناقص است.

مثال: فرم ثبت‌نام را بدون وارد کردن شماره موبایل ارسال می‌کنی.

---

🔒 401 Unauthorized

برای دسترسی باید وارد حساب کاربری شوی.

مثال: بدون لاگین وارد پنل کاربری می‌شوی.

---

⛔ 403 Forbidden

وارد حساب شده‌ای، اما اجازه‌ی دسترسی نداری.

مثال: یک کاربر عادی می‌خواهد وارد پنل مدیریت شود.

---

🔍 404 Not Found

منبع یا صفحه پیدا نشد.

مثال: آدرس "/about-us" را وارد می‌کنی، اما چنین صفحه‌ای وجود ندارد.

---

⚠️ 500 Internal Server Error

مشکل از سمت سرور است.

مثال: کدهای بک‌اند خطا داده‌اند و سرور نمی‌تواند درخواست را پردازش کند.

---

💡 نکته

کدهای وضعیت به ۵ دسته تقسیم می‌شوند:

- 1xx → اطلاعات
- 2xx → موفقیت ✅
- 3xx → تغییر مسیر 🔄
- 4xx → خطای کاربر ❌
- 5xx → خطای سرور 🔥


اگر برنامه‌نویس وب باشی، شناخت این کدها موقع کار با APIها و رفع خطاها ضروری است.

✦ @programming_codiing

ما همانی می‌شویم که تمام روز به آن می‌اندیشیم...

✍ #فلورانس_اسکاول_شین

@programming_codiing