توییتر فرانت اند – Telegram
توییتر فرانت اند
578 subscribers
3 photos
22 videos
292 links
🎉 با توجه به اینکه خیلی از دوستان در توییتر فعالیت ندارن، اینجا یه سری پست های مفید فرانت اند که تو توییتر پیدا میشه رو می فرستم که برای همه قابل استفاده باشه. اگه نیازی باشه در مورد بعضی موارد هم توضیح میدم

😊ارتباط: @ho3ein_shabani
Download Telegram
⚡️ روش پیاده سازی یک بیلدر که بعد از هر تغییری اینستنس خود را برمیگرداند که میتوان تغییرات را ادامه دار کرد و همان متود های بیلدر را نگه داشت.

#javanoscript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318

@frontendtwitter
⚡️ روش های زیادی رو دیدیم برای اینکه ترتیب یک لیست را ریورس کنیم، ولی یکی از روش های جالب دیگه، استفاده از این اتریبیوت جالبه!

#html #tip
https://twitter.com/denicmarko/status/1334757918584020992

@frontendtwitter
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.

#js #tip
https://twitter.com/Carlillo/status/1333553701487775745

@frontendtwitter
⚡️ برای دسترسی به فیلد و مقدار یک آبجکت بهتر است از Object.entries استفاده کنیم تا اینکه از طریق Object.keys به مقادیر آن آبجکت برسیم.

#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752

@frontendtwitter
⚡️ یه کار جذاب از @itzArsha عزیز که با استفاده ازش میتونید یه سری بکگراند موج دار جذاب درست کنید.
خیلی خوبه تو تایم هایی که داریم کارای ریز و درشتی رو که میتونیم انجام بدیم و منتشر کنیم.

🔥 لینک وبسایت
🔥 لینک producthunt (برای اینکه محصول بالا بیاد اگر دوست داشتید upvote بدین)

#React #Wave
https://twitter.com/ArshavirAzarfar/status/1338428820970483713

@frontendtwitter
⚡️ با داینامیک ایمپورت میتونید با توجه به یه سری شروط دلخواه و فقط اگر ان شروط درست باشند، مرورگر را به لود کردن فایل های مرتبط به ان ایمپورت مجبور کنید!

#js #feature #tip
https://twitter.com/umaar/status/1339168516721815553

@frontendtwitter
⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!

#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329

@frontendtwitter
⚡️ با ایندکس های یک ارایه هم میتوانیم دیستراکچرینگ انجام دهیم و از گزاشتن ویرگول های زیاد جلوگیری کنیم.

#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544

@frontendtwitter
⚡️ با متود تریس میتونیم علاوه بر اینکه امکانات خود لاگ رو داشته باشیم، میتونیم استک کامل اون پرینت رو ببینیم و تجربه دیباگینگ بهتری داشته باشیم!

#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157

@frontendtwitter
⚡️ با استفاده از شبه‌کلاس focus-within: میشه برای زمانی که خود اِلِمان یا نوادگانش در وضعیت focus قرار گرفته، استایل جداگانه‌ای تعریف کرد.
مثلا تاکید کردن رو فیلدی که کاربر پر می‌کنه، مرحله‌ای که در اون قرار داره یا هر استفاده‌ی دیگه‌ای که منجر به تجربه‌ی بهتر کاربر بشه!

#css #tip
https://twitter.com/stackblitz/status/1347205679170412552

@frontendtwitter
⚡️ می‌دانستید برای نوشتن عددهای بزرگ، می‌توان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!

- ضمنا از نماد علمی هم می‌توان استفاده کرد:
const value = 1e11

#js #tip
https://twitter.com/iam_e200/status/1350793441819680775

@frontendtwitter
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ تایم‌لپس فوق‌العاده‌ و باحال کشیدن تصویر ایلان ماسک با HTML+CSS 😮

🔥 لینک کدپن

#html #css #codepen
https://twitter.com/asyrafhussin4/status/1351740905821069312

@frontendtwitter
⚡️ در نسخه جدید کروم ساپورت سلکتور not: اضافه شده و میتونید با اون المنت های که فرزند برخی المنت های دیگر نیستند را تشخیص دهید و استایل اعمال کنید.

#css #tip #feature
https://twitter.com/stefanjudis/status/1354547331232894978

@frontendtwitter