NEW BOT Телеграм, страница

توییتر فرانت اند

⚡️ یک روش خیلی مرسوم و باحال تبدیل یک آرایه به یک مجموعه( بدون عضوهای تکراری) که قرار است کار مارا خیلی آسان کند!

#js #tip
https://twitter.com/oliverjumpertz/status/1336674208705773571

@frontendtwitter

Twitter

Oliver Jumpertz

💛 JavaScript tip 💛 You can extract all unique values from an iterable by using a Set and the spread operator. An iterable is a JavaScript object which implements a method located at Symbol.iterator, including arrays and strings (every object you can use a…

1.3K viewsAsleMammad, 21:05

توییتر فرانت اند

⚡️ میدانستید که می توانید از خود کروم هم یک سکرین شات از المنت مورد نظر بگیرید و هیچ نیازی به اکستنشن خاصی نیست؟

#chrome #tip
https://twitter.com/AngeloFaella16/status/1335877093759086596

@frontendtwitter

Twitter

Angelo Faella 💡

📌 Chrome #DevTools tip You can take a screenshot of a particular element in the DOM: - Select the node - Press Ctrl+Shift+P (or Cmd+Shift+P) - Type "screenshot" - Click on "Capture node screenshot" #javanoscript #html

1.4K viewsAsleMammad, 21:08

توییتر فرانت اند

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

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

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

@frontendtwitter

Product Hunt

Wavelry - Product Information, Latest Updates, and Reviews 2023 | Product Hunt

You can customise a wavey background and then download it....

2.18K viewsHossein Shabani, 10:32

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Umar Hansa

New post 🆕️ Considerate JavaScript: Only download JS when it is appropriate https://t.co/CuiPZ9DXCG Where we discuss lots of little tricks like navigator.getBattery & navigator.deviceMemory to decide if it's the right time to load extra resources Hope you…

1.66K viewsAsleMammad, 12:32

توییتر فرانت اند

⚡️ هر متودی در یک کلاس به صورت پیشفرض پابلیک است و نیازی به گذاشتن پیشوند پابلیک در قبل هر متود نیست.

#ts #tip
https://twitter.com/SimonHoiberg/status/1340337218439827461

@frontendtwitter

Twitter

Simon Høiberg

TypeScript Tip 💡 Don't use the 'public' accessor. A method is public by default. Thus, the public accessor keyword is not idiomatic JavaScript. Don’t introduce unnecessary patterns to your codebase.

1.61K viewsAsleMammad, edited 16:59

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Neisser Villa

@pluriza The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. #programming #tips #plurizatips #tipsbynei #javanoscript #JSTips

1.5K viewsAsleMammad, 11:16

توییتر فرانت اند

⚡️ فیچر جدید جاواسکریپت که با استفاده از اندرلاین میتوانیم خوانایی اعداد بلند را بیشتر میکنیم.

#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833

@frontendtwitter

Twitter

Carlos Caballero

#javanoscript tips🐸: ES2021 - Numeric separators This feature allows that numeric literals will be more readable using a visual separation (underscores) between groups of digits #typenoscript #angular #vue #react #100DaysOfCode #CodeNewbie

1.68K viewsAsleMammad, 11:20

توییتر فرانت اند

⚡️ میدانستید که با دیستراکچرینگ میتوان جای دو مقدار را عوض کرد؟

#js #es #feature
https://twitter.com/oliverjumpertz/status/1342418153201131520

@frontendtwitter

X (formerly Twitter)

Oliver Jumpertz (@oliverjumpertz) on X

💛 JavaScript tip 💛

ℹ️You can use an array destructuring assignment to swap two variables.

✅It's readable, it's understandable, and it's easy to use!

1.97K viewsAsleMammad, 11:22

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Simon Høiberg

JavaScript Tip 💡 Did you know that you can use object destructuring on arrays? This is very convenient when we need a group of values from specific indexes.

2.65K viewsAsleMammad, 12:47

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Simon Høiberg

JavaScript Tip 💡 Use console.trace instead of console.log. It will show you the complete call stack when debugging.

2.81K viewsAsleMammad, 14:43

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

StackBlitz

#CSS tip (10): Use `:focus-within` to put more visual emphasis on the part of a form that has a currently focused element. 💻 Play with the code: https://t.co/Y2bBGSdfbJ https://t.co/gmUDeiSAQy

2.55K viewsCinna, 16:36

توییتر فرانت اند

⚡️ سوییچ به برنچ قبلی بدون تایپ کردن اسم

#git #tip
https://twitter.com/marcelcruz/status/1348714015783059457

@frontendtwitter

Twitter

Marcel Cruz

Git tip 🔥 Checkout to the previous branch without typing its name #DEVCommunity #100DaysOfCode #CodeNewbie

2.41K viewsCinna, 21:03

توییتر فرانت اند

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

- ضمنا از نماد علمی هم می‌توان استفاده کرد:

const value = 1e11

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

@frontendtwitter

Twitter

Eleandro Duzentos

Javanoscript Tip / Dica Javanoscript Sometimes it’s hard to read long numbers, for this, Javanoscript provides a convenient that uses underscore to separate parts of the numbers value making them more readable. #javanoscript #javanoscripttip

2.97K viewsCinna, edited 21:12

توییتر فرانت اند

2:18

This media is not supported in your browser

VIEW IN TELEGRAM

⚡️ تایم‌لپس فوق‌العاده‌ و باحال کشیدن تصویر ایلان ماسک با HTML+CSS 😮

🔥 لینک کدپن

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

@frontendtwitter

3.37K viewsCinna, 17:08

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Stefan Judis

I just updated Chrome and it now supports complex selectors in CSS `:not()` pseudo-classes. 😲 That means stuff like this is now possible. 👇 #devsheets Works in Chrome 88, Safari and Firefox. 🎉 ✍️ Article and live example: https://t.co/BoOCZPVMXX

3.37K viewsAsleMammad, 13:10

توییتر فرانت اند

⚡️ با اینلاین noscript ها میتونید نشانگر موس رو داخل css کاستوم کنید و استایل های جالبی دهید!

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

@frontendtwitter

Twitter

Minko Gechev

You can set your cursor to an emoji using an inline SVG in CSS #uselessfuntips #unicorncss

3.86K viewsAsleMammad, 13:13

توییتر فرانت اند

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

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

@frontendtwitter

Twitter

Addy Osmani

Top-level await is in Chrome 89 beta. Enables using the `await` keyword outside of async functions (in the top-level of a module's code): https://t.co/ZOX34Aqlpj

3.99K viewsAsleMammad, edited 00:39

توییتر فرانت اند

0:27

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

5.49K viewsHossein Shabani, edited 11:55

توییتر فرانت اند

⚡️ پیاده‌سازی لاجیک شطرنج فقط با 1024 بایت جاوا اسکریپت!♟🤯

#js #game
https://twitter.com/JavaScriptDaily/status/1368901921931751426

🔥لینک وبسایت

@frontendtwitter

Twitter

JavaScript Daily

The Kilobyte's Gambit is a chess engine written in 1024 bytes of JavaScript – vole.wtf/kilobytes-gamb… – can you beat it? (I couldn't.)

5.41K viewsCinna, 15:31

توییتر فرانت اند

⚡️ یکی از ابزار های ترند اخیر که خیلی سر و صدا کرد و باعث شد ابزار های دیگه راه و روش آن را دنبال کنند Vite بوده که از فیچر های خفنش میتوانیم به استفاده از نیتیو ترانسپایلر و ES modules اشاره کنیم.

#js #tool
https://twitter.com/vite_js/status/1361811393683537922

Twitter

Vite ⚡

Here we go: just released Vite 2.0.0! dev.to/yyx990803/anno…

5.16K viewsAsleMammad, 21:09

توییتر فرانت اند

⚡️ ویدیویی زیبا در مورد اینکه چطور react-three-fiber کار میکند و از پتانسیل ری اکت به قدرت استفاده میکند. r3f یک ابزاری قدرتمند است که از threejs در درون خود برای رندر استفاده میکند!

#js #react #tool
https://twitter.com/0xca0a/status/1433095599889559555

Twitter

☄︎

nothing's more stressful than giving a talk, or worse having to hear myself afterwards. i've cut all nervous uh, ah's out my recent react-finland talk about making games in react and threejs. it's a super quick 7min intro. live coding around 2:10 youtube…

5.25K viewsAsleMammad, edited 18:17

About

Blog

Apps

Platform