</ MoDev >

ChatGPT Plus
رایگان!

یکی از دوستان گفت که از طریق سایت
https://chatgptplus.cn/
می‌تونید از نسخه‌ی پلاس به صورت رایگان استفاده کنید.
خودم با ایمیلم نتونستم وارد بشم،
اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹

✦ @programming_codiing

🤖 می‌خوای سایتت چهره‌ها رو بشناسه؟! 👀

با Face-api.js می‌تونی قابلیت‌های تشخیص چهره رو مستقیماً به پروژه‌های وب اضافه کنی! 🚀

این کتابخانه با استفاده از مدل‌های Deep Learning و TensorFlow.js قابلیت‌هایی مثل:

👤 تشخیص چهره
😊 تشخیص لبخند و حالت چهره
🎂 تخمین سن
⚧️ تشخیص جنسیت
🕶️ تشخیص چهره با عینک
📹 تشخیص چهره به‌صورت Real-time

رو در اختیار دولوپرها قرار می‌ده.

اگه به JavaScript، هوش مصنوعی و Computer Vision علاقه داری، Face-api.js می‌تونه ابزار جالبی برای پروژه‌هات باشه. 🔥

📚 برای اطلاعات بیشتر، داکیومنت Face-api.js رو ببین.
:: ) Doc

✦ @programming_codiing

اگه در توسعه پروژتون نیاز به بک اند و دیتابیس داشتید، اما به هر دلیلی دسترسی به بک اند کار نداشتید و از فایربیس , سوپابیس و امثالهم خسته شدید، میتونید از ابزاری به نام Json-Server استفاده کنید و Api های مورد نیاز پروژتون رو توسعه بدید.

خب JSON Server چیه؟ 🔬

کلمه JSON مخفف عبارت JavaScript Object Notation هست و یک ابزار Node.js سبک و با کاربری آسونه که یک API RESTFUL و با استفاده از یک فایل JSON به عنوان data source شبیه‌سازی می‌کنه. توسعه‌ دهنده های فرانت‌اند با کمک JSON Server می‌تونن APIهای ساختگی و بدون نیاز به نوشتن کدهای پیچیده سمت سرور یا زمانی که API پشتیبان هنوز آماده نیست ایجاد کنن.

این API ساختگی درخواست‌ها رو به endpoint ای که تنظیم میکنید ارسال می‌کنه، به درخواست‌های HTTP پاسخ میده و به این ترتیب کار و برای توسعه سریع برای توسعه‌دهندگان ایده‌آل می‌کنه. JSON Server همچنین توسعه‌دهندگان و قادر می‌سازخ تا عملیات CRUD و انجام بدن و داده‌ها رو در فایل‌های JSON ذخیره کنند.


ویژگی‌های JSON Server 🔍

❗️راه‌اندازی آسان و سریع

❗️پشتیبانی از CRUD

❗️قدرتمند و ساده

❗️شبیه سازی داده ها


عملکرد Json server مثل یه بک‌اند واقعی هست. از این به بعد به جای استفاده از دیتابیس هایی مثل firebase که تحریم و مشکلاتی داره... میتونید از جیسون سرور برای توسعه نمونه کار هاتون استفاده کنید.

Document 🌐

✦ @programming_codiing

با این سایت یه آمار کلی از گیتهابت در بیار 🌪

سایت githubprofileviewer، یک سایت خلاقانه و کاربردیه که شما میتونید با وارد کردن آیدی اکانتتون یا هر اکانت دیگه ای، هر اطلاعاتی که مورد نیازتون هست رو ببینید!

🌐 Website

#github
✦ @programming_codiing

70 سوال مصاحبه ای جاوااسکریپت همراه با توضیح

صرفا برای مصاحبه نیست و می تونید مطالعه کنید و به دانشتون توی JS بیفزایید.
لذت ببرید❤️

✦ @programming_codiing

پالت رنگی پروژت رو پیدا کن 🩸

سایتی که در این پست بهتون معرفی میکنم، یک ابزار آنلاین برای ایجاد، مشاهده و انتخاب پالت‌های رنگی مناسب برای پروژه هاتون هست.

این سایت به طور خاص برای Tailwind طراحی شده. زمانی که پالت رنگیتون رو انتخاب کردید، این سایت نمونه کدهای مربوط به پیکربندی فایل tailwind.config.js رو برای شما تولید میکنه، تا به راحتی بتونید رنگ‌های سفارشیتون رو به فایل کانفیگ Tailwind اضافه کنید.

🔗 Link

#color #tailwind
✦ @programming_codiing

پول درآوردن يك عملهِ،
نگه داشتن پول يك رفتارهِ،
بیشتر کردن پول يك دانشهِ.

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

💻 @programming_codiing

از لودینگ های معمولی خسته شدی؟ برو سراغ skeleton 💀

سایت skeletonreact ابزاری برای ایجاد کامپوننت‌های اسکلت انیمیشنی هست و از خروجی در قالب‌هایی نظیر React، ‏React Native‏، Vue و Vanilla HTML پشتیبانی می‌کنه. انیمیشن های اسکلتی رو میتونیم به‌ عنوان جایگزینی برای لودینگ‌های معمولی و خسته کننده در نظر بگیریم، و اونها به ما این قابلیت رو میدن که به کاربران پیش‌نمایشی از ساختار صفحات، مثل مکان‌نماهایی برای متون یا تصاویر ارائه بدیم تا تجربه کاربری بهتری در زمان بارگذاری داده‌ها فراهم بشه.

🔗 Link

✦ @programming_codiing

آرشیو کتاب ها و دوره های رایگان برنامه نویسی🔥

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

🔗 Link

✦ @programming_codiing

چطور بهتر یاد بگیریم؟

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

توی این ویس از کتاب «یاد بگیرید چگونه یاد بگیرید» می‌شنوی:
✨ دو حالت مهم ذهن در یادگیری
✨ چرا فراموش می‌کنیم و چطور جلوی اون رو بگیریم
✨ تکنیک پومودورو برای تمرکز
✨ ترفندهایی برای مبارزه با اهمال‌کاری
✨ نقش خواب در تثبیت آموخته‌ها

✦ @programming_codiing

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

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

@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

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

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

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

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

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

✦ @programming_codiing

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

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

#FrontEnd
✦ @programming_codiing

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

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

#FrontEnd
✦ @programming_codiing

Git | Github 🐈‍⬛️

✦ @programming_codiing

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

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

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

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

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

✦ @programming_codiing

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

🫆 اکستنشن WhatFont

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

🫆 اکستنشن Colorzilla

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

🫆 اکستنشن Image Downloader

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

🫆 اکستنشن Dimensions

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

🫆 اکستنشن CSSViewer

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

✦ @programming_codiing

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

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

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

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

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

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

✦ @programming_codiing