فرانت کد | FrontCode

وقتی نیروی بک اند میخواد در مورد مسائل فرانت نظر بده : 🆔 @frontcode01 | 👩‍💻🧑‍💻

🔺 با پاس دادن یه فلگ از ترمینال برای باز کردن اپلیکیشن کروم، هر تب جدیدی که تو کروم باز میکنید اتوماتیک DevToolsش هم باز میشه 🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ از تب Compatibility فایرفاکس ، میتونید ساپورت مرورگرها از کد #CSS ای که میزنید رو ببینید ◽️ پ.ن : این دیتا رو هم بر اساس جدول ساپورت MDN نشون میده 🆔 @frontcode01 | 👩‍💻🧑‍💻

✅ تا حالا به این فکر کردی که چطور میشه فقط با ۶ رقم اول شماره کارت، بانک صادرکننده رو پیدا کرد؟ بهش می‌گن Bank Identification Number (BIN) و اینجا با یه آبجکت ساده و یه slice خوشگل، بانک رو تشخیص دادیم 🚨 با همین قطعه کد میتونید 21 بانک صادر کننده کارت بانکی رو تشخصی بدید 🆔 @frontcode01 | 👩‍💻🧑‍💻

فراموش می‌شوی گویی که هرگز نبوده‌ای 💔 🆔 @frontcode01 | 👩‍💻🧑‍💻

آپدیت های جدید CSS که قطعا دوسشون دارید 😍🔥 🆔 @frontcode01 | 👩‍💻🧑‍💻

🎁 با آی‌پی آمریکا وارد لینک زیر بشید و با زدن Get student offer سیزده ماه اشتراک Gemini Pro و همچنین ۲ ترابایت فضای گوگل وان بگیرید. https://one.google.com/join/ai-student پ‌ن: اگه رو اکانت اصلیتون کار نکرد با اکانت جدید امتحان کنید. 🆔 @frontcode01 | 👩‍💻🧑‍💻

✅ چند دستور کاربردی ولی کمتر استفاده شده گیت 1- git reflog ریکاوری برنچ‌ها و کامیت‌های حذف شده 2- git cherry-pick اعمال یک کامیت خاص از برنچ دیگر روی برنچ فعلی 3- git bisect یافتن کامیت خراب با کمک جستجوی باینری 4- git reset —soft برای undo کردن کامیت با حفظ تغغیرات Stage 5- git clean -f پاک کردن فایل‌های ناخواسته یا غیرردیابی شده (untracked files) 6- git log --oneline --graph نمایش تمیز و مرتب هیستوری 7- git rebase -i بازنویسی تاریخچه کامیت‌ها به صورت تعاملی 🆔 @frontcode01 | 👩‍💻🧑‍💻

💊 یکی از اشیاء کمتر شناخته‌شده در جاوااسکریپت، شیء Intl هستش این شیء برای بین‌المللی‌سازی داده‌ها مانند تاریخ، زمان، اعداد و ارز استفاده میشه 🔺 با Intl، میتونیم داده‌ها را براساس تنظیمات محلی خاص (مانند زبان، واحد پول، تقویم و...) فرمت کنیم. 🔻 داکیومنت MDN 🆔 @frontcode01 | 👩‍💻🧑‍💻

اوبر یه سرویسی داره که مردم بدون ماشین بیان دنبالت 😐🤦🏻‍♂️ 🆔 @frontcode01 | 👩‍💻🧑‍💻

روز آخر کارآموزی بدون حقوق : 🆔 @frontcode01 | 👩‍💻🧑‍💻

💊 5 دقیقه تا پایان سردرگمی با this ، گمشده معروف در JS ☺️🤌🏻 🆔 @frontcode01 | 👩‍💻🧑‍💻

امروز ، روز توست 🩵 🆔 @frontcode01 | 👩‍💻🧑‍💻

❌ Bug ✅ Feature 🆔 @frontcode01 | 👩‍💻🧑‍💻

ری‌اکت ۱۹.۲ منتشر شد 🎉 ویژگی‌های جالبی در این نسخه منتشر شده : ⚡️ <Activity /> پیش‌رنـدرینگ، رندر در پس‌زمینه و حفظ state هنگام جابه‌جایی صفحات یا مخفی شدن کامپوننت‌ 🧠 useEffectEvent مدیریت event در افکت‌ها بدون dependency 🗂 cacheSignal مدیریت و به‌روزرسانی داده‌های cache شده در رندرهای async 📊 Performance Tracks ابزار دقیق برای بررسی عملکرد و بهینه‌سازی رندر 🧩 Partial Pre-rendering (PPR) ترکیب SSR و CSR برای رندر سریع‌تر صفحات 🚀 React 19.2 release highlights 🆔 @frontcode01 | 👩‍💻🧑‍💻

🧠 CSS Inherited Properties Cheatsheet 🆔 @frontcode01 | 👩‍💻🧑‍💻

🔺 دیگه لازم نیست والد رو relative و بچه رو absolute کنی! 😇 با Anchor Positioning تو CSS، از هرجای DOM می‌تونی هر المانی رو پوزیشن بدی! 🚀 🛑 هنوز تو همه مرورگرها ساپورت نمیشه 🆔 @frontcode01 | 👩‍💻🧑‍💻

مارکتینگ در ایران : 🆔 @frontcode01 | 👩‍💻🧑‍💻

وضعیت فرانت کار ادایی و وایب کدر ☕️ 🆔 @frontcode01 | 👩‍💻🧑‍💻

merry christmas 🎄🎅 درخت کریسمس آدم های پولدار 🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ Zustand vs Redux Toolkit 🆔 @frontcode01 | 👩‍💻🧑‍💻

حق با علیه 🆔 @frontcode01 | 👩‍💻🧑‍💻

۳۵۰ نکته برای داشتن فرانت‌اند با کیفیت 🚀 ـ Front-End Checklist که قبلاً فقط یک ریپوی گیت‌هاب و شامل چک‌لیست‌ها و نکات کاربردی برای داشتن برنامه‌های فرانت‌اند با کیفیت بود، حالا برای همون محتوا یک وبسایت ساخته و البته! MCP Server برای استفاده توسط ابزارهای AI! - این چک‌لیست شامل مواردی مثل پرفورمنس، تست، امنیت و سئو میشه: https://frontendchecklist.io 🆔 @frontcode01 | 👩‍💻🧑‍💻