Metro UI، یه فریمورک برای طراحی رابط کاربری وبسایتها و وباپلیکیشنهاست.
ظاهرش شبیه همون استایل کاشیوار ویندوز 8 و 10 هست.
📌 چه امکاناتی داره؟
اگه میخوای سریع یه وبسایت یا داشبورد ساده بسازی و دنبال استایل متفاوتی هستی، Metro UI میتونه به کارت بیاد ✨
دموی پروژه
#frontend #UI #MetroUI #webdev #metroui
ظاهرش شبیه همون استایل کاشیوار ویندوز 8 و 10 هست.
📌 چه امکاناتی داره؟
• هیچ وابستگیای به فریمورک خاصی نداره
• کلی کامپوننت آماده (دکمه، مودال، فرم و …)
• ریسپانسیو و سبک
• طراحی بر اساس HTML-First
• سیستم Grid
• آیکونهای SVG
بعلاوه کلی امکانات خفنه دیگه.
اگه میخوای سریع یه وبسایت یا داشبورد ساده بسازی و دنبال استایل متفاوتی هستی، Metro UI میتونه به کارت بیاد ✨
دموی پروژه
#frontend #UI #MetroUI #webdev #metroui
@JSKernel
JSKernel
مدیر عامل ایرانسل گفته یا اینترنت 70 درصد گرون میشه یا روزانه با 3 ساعت قطع اینترنت فشاریتون میکنم. @JSKernel
طبق گفته مدیر عامل ایرانسل زمانی که برق میره خطوط ایرانسل هم کامل قطع میشه.
ممنون از مسئولین بابت عمل به وعده هایی که میدن🙏
ممنون از مسئولین بابت عمل به وعده هایی که میدن🙏
@JSKernel
🍾1
یه سوال نصفه شبی ذهنمو درگیر کرده.
اینا که انیمه فن هستن، اخر سر بهشون میدن؟ میدونی که چی میگم؟
اینا که انیمه فن هستن، اخر سر بهشون میدن؟ میدونی که چی میگم؟
Framer Motion یک کتابخونهی خیلی معروف برای انیمیشنسازی توی React 🚀
به جای انیمیشنهای خشک و قدیمی، میتونی تجربه کاربری خیلی جذابتر و مدرنتری بسازی.
#motion
• ساخت انیمیشنهای نرم و حرفهای
• اضافه کردن افکت به دکمهها، منوها، کارتها و صفحات
• حالتها (state) و تعامل کاربر رو با انیمیشن ترکیب کنی
به جای انیمیشنهای خشک و قدیمی، میتونی تجربه کاربری خیلی جذابتر و مدرنتری بسازی.
#motion
@JSKernel
Destructuring در جاوااسکریپت چیه و چطور در یک خط چند متغیر میسازیم؟
👇 یک دقیقه بخون، برای همیشه یادت میمونه:
• Array
• Object
• با مقدار پیشفرض
• تغییر نام متغیر
• تودرتو (Nested)
#nested #destructuring
👇 یک دقیقه بخون، برای همیشه یادت میمونه:
یعنی بازکردن یه ساختار پیچیده آرایه یا آبجکت و بیرون کشیدن چند متغیر از درون آن، فقط در یک خط.
به زبان ساده: بهجای اینکه برای دسترسی به هر عضو، چند خط کد بنویسیم، در یک حرکت سریع چند متغیر میسازیم که مستقیم به اعضای درونی اشاره دارند.
• Array
const rgb = [255, 128, 0];
const [r, g, b] = rgb;
// r=255 g=128 b=0
• Object
const user = { name: 'Ali', age: 25 };
const { name, age } = user;
// name='Ali' age=25• با مقدار پیشفرض
const { city = 'Tehran' } = user; // city='Tehran'• تغییر نام متغیر
const { name: firstName } = user; // firstName='Ali'• تودرتو (Nested)
const data = { user: { id: 7 }, tags: ['js', 'react'] };
const { user: { id }, tags: [firstTag] } = data;
// id=7 firstTag='js'#nested #destructuring
@JSKernel
❤🔥1
• Alias توی Destructuring چیه؟
پیش میاد که میخواین مقدار یه کلید از آبجکت رو بگیرید، ولی اسم متغیر چیز دیگهای باشه.
اینجاست که اصطلاح Alias به کارت میاد.
مثلا:
اینجا a و b اسم کلیدهای آبجکت ماست.ولی متغیرهایی که ساخته شدن، اسمشون name و age هست.
در واقع اومدیم تغییرش دادیم.
📌توی Destructuring آرایه همچین حرکتی نمیشه زد.
پیش میاد که میخواین مقدار یه کلید از آبجکت رو بگیرید، ولی اسم متغیر چیز دیگهای باشه.
اینجاست که اصطلاح Alias به کارت میاد.
مثلا:
const obj = { a: "Ali", b: 25};
const { a: name, b: age } = obj;
console.log(name, age);
// Ali 25اینجا a و b اسم کلیدهای آبجکت ماست.ولی متغیرهایی که ساخته شدن، اسمشون name و age هست.
در واقع اومدیم تغییرش دادیم.
📌توی Destructuring آرایه همچین حرکتی نمیشه زد.
@JSKernel
❤1
هر بستهای که توی AUR (مخزن کاربری Arch) هست توسط یه نفر یا تیمی ساخته و نگهداری میشه، به اون ادم میگن maintainer.
وظایف یه maintainer:
• آپدیت نگه داشتن بسته.
• سازگاری بسته با سیستم عامل
• بررسی و رفع باگ
• پاسخ به کاربرا و بررسی گزارشا و...
این فقط مخصوص دنیای لینوکس نیست و کلا تو دنیای نرم افزار یه تخصص و شاخه جدا به حساب میاد.
#linux #arch #maintainer #برنامه_نویسی
وظایف یه maintainer:
• آپدیت نگه داشتن بسته.
• سازگاری بسته با سیستم عامل
• بررسی و رفع باگ
• پاسخ به کاربرا و بررسی گزارشا و...
این فقط مخصوص دنیای لینوکس نیست و کلا تو دنیای نرم افزار یه تخصص و شاخه جدا به حساب میاد.
#linux #arch #maintainer #برنامه_نویسی
@JSKernel
JSKernel
میدونین اون out of date برا چیه؟ @JSKernel
حالا اگه Maintainer دیر آپدیت کنه اون بسته توی مخزن برچسب Out Of Date میخوره.