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

😊ارتباط: @ho3ein_shabani
Download Telegram
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.

#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
⚡️ با اینلاین noscript ها میتونید نشانگر موس رو داخل css کاستوم کنید و استایل های جالبی دهید!

#css #tip
https://twitter.com/i/status/1354300680807329793

@frontendtwitter
⚡️ در نسخه بتای ۸۹ کروم، تاپ لول await فعال شده و دیگر خطایی سینتکسی نمیدهد. البته denojs مدت هاست که این پروپوزال را فعال کرده بود.

#chrome #fetaure #news
https://twitter.com/addyosmani/status/1360664535120506881

@frontendtwitter
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ یه کار فوق العاده از @abxlfazl که میتونید توی کدپن هم ببینید.

🗣 ضمنا توی نظر سنجی توییتر هم شرکت کنید که آیا دوست دارین که دوره ای با عنوان CSS Painting With Animation Course: From beginner to master ساخته بشه؟ لینک نظر سنجی


https://twitter.com/abxlfazl1/status/1361626571803561986

🔥 لینک کدپن

@frontendtwitter