⚡️ یک مثال خیلی خوب برای اینکه یاد بگیریم که کی و برای چه از Array.from استفاده کنیم.
#javanoscript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
#javanoscript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
Twitter
abelpenton ⚛️ 💻
#js Tips Array.from method #javanoscript #CodeNewbies #100DaysOfCode @YDKJS
⚡️ به راحتی با چند کلیک، میتوانید از پیشنهاد های کروم برای رنگ و کنتراست به این شیوه بهره مند بشوید.
#chrome #style #css
https://twitter.com/i/status/1332232692377784321
@frontendtwitter
#chrome #style #css
https://twitter.com/i/status/1332232692377784321
@frontendtwitter
X (formerly Twitter)
Addy Osmani (@addyosmani) on X
In a few clicks, @ChromeDevTools can now suggest & apply more accessible colors for low color contrast text. Love using this.
⚡️ کدپن جالب و خلاقانه ای که قرار نیست به انتخاب شما عمل کند.
#codepen #animation #greensock
https://twitter.com/i/status/1330235242381193226
@frontendtwitter
#codepen #animation #greensock
https://twitter.com/i/status/1330235242381193226
@frontendtwitter
Twitter
Jhey 🐻🛠
"The Impossible Light Bulb 💡🐻" Don't waste energy! 😅 ⚒️ @greensock 👉 https://t.co/7WwDiZYUb5 via @CodePen https://t.co/9z7RpeaU3S
⚡️ اپشنال چینینگ را حتی میتوانید در کال کردن فانکشن ها استفاده کنید و نیازی به چک کردن فانکشن ها نخواهد بود.
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
X (formerly Twitter)
Simon Høiberg on X
JavaScript Tip 💡
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
⚡️ اورفلویی که حتی اسکرول خود جاواسکریپت را غیرفعال میکند.
#css #tip
https://twitter.com/argyleink/status/1333832300132401152
@frontendtwitter
#css #tip
https://twitter.com/argyleink/status/1333832300132401152
@frontendtwitter
X (formerly Twitter)
Adam Argyle (@argyleink) on X
Coming soon to a Chromium near you:
`overflow: clip` 🎉
hide overflow && prevent programmatic scroll
Spec https://t.co/YvBN5xLvZ6
`overflow: clip` 🎉
hide overflow && prevent programmatic scroll
Spec https://t.co/YvBN5xLvZ6
⚡️ روش پیاده سازی یک بیلدر که بعد از هر تغییری اینستنس خود را برمیگرداند که میتوان تغییرات را ادامه دار کرد و همان متود های بیلدر را نگه داشت.
#javanoscript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
#javanoscript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Implement a simple Builder Pattern in JavaScript 👇
⚡️ روش های زیادی رو دیدیم برای اینکه ترتیب یک لیست را ریورس کنیم، ولی یکی از روش های جالب دیگه، استفاده از این اتریبیوت جالبه!
#html #tip
https://twitter.com/denicmarko/status/1334757918584020992
@frontendtwitter
#html #tip
https://twitter.com/denicmarko/status/1334757918584020992
@frontendtwitter
Twitter
Marko ⚡ Denic
HTML tip: You can use the `reverse` attribute to set the list’s (`<ol>`) items in reverse order. Items will be numbered from high to low.
⚡️ چندتا راه باحال برای اینکه falsy value ها رو از یک آرایه حذف کنید!
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
Twitter
Nikhil 🚀☕
JavaScript tip: 2 ways to remove falsy values from an array #CodeNewbie #100DaysOfCode #javanoscript #DEVCommunity
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
Twitter
Carlos Caballero
#Javanoscript tips🐸: Convert Object to Array Object.keys -> [key1, key2] Object.values -> [value1, value2] Object.entries -> [[key1, value1], [key2, value2], ...] #typenoscript #angular #vue #react #codenewbie #100daysofcode
⚡️ خیلی ها تکست دکوریشن را غیر فعال میکنند و یا استفاده نمی کنند، در حالی که میتوانیم از این اپشن های خیلی خفن آن استفاده کنیم!
#css #tip
https://twitter.com/i/status/1335947169971511296
@frontendtwitter
#css #tip
https://twitter.com/i/status/1335947169971511296
@frontendtwitter
Twitter
StackBlitz
#CSS tip: `text-decoration` doesn't have to mean a solid line: You can make it dotted, dashed, double, or even wavy! And even change its color & thickness too! (Useful e.g. for making your texts pop visually without making them look like links) https://t.co/43VHkba94r
⚡️ برای دسترسی به فیلد و مقدار یک آبجکت بهتر است از Object.entries استفاده کنیم تا اینکه از طریق Object.keys به مقادیر آن آبجکت برسیم.
#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752
@frontendtwitter
#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 You can use Object.entries() to iterate through the properties of an object and access both key and value. No need to do an object lookup for each iteration.
⚡️ یک روش خیلی مرسوم و باحال تبدیل یک آرایه به یک مجموعه( بدون عضوهای تکراری) که قرار است کار مارا خیلی آسان کند!
#js #tip
https://twitter.com/oliverjumpertz/status/1336674208705773571
@frontendtwitter
#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…
⚡️ میدانستید که می توانید از خود کروم هم یک سکرین شات از المنت مورد نظر بگیرید و هیچ نیازی به اکستنشن خاصی نیست؟
#chrome #tip
https://twitter.com/AngeloFaella16/status/1335877093759086596
@frontendtwitter
#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
⚡️ یه کار جذاب از @itzArsha عزیز که با استفاده ازش میتونید یه سری بکگراند موج دار جذاب درست کنید.
خیلی خوبه تو تایم هایی که داریم کارای ریز و درشتی رو که میتونیم انجام بدیم و منتشر کنیم.
🔥 لینک وبسایت
🔥 لینک producthunt (برای اینکه محصول بالا بیاد اگر دوست داشتید upvote بدین)
#React #Wave
https://twitter.com/ArshavirAzarfar/status/1338428820970483713
@frontendtwitter
خیلی خوبه تو تایم هایی که داریم کارای ریز و درشتی رو که میتونیم انجام بدیم و منتشر کنیم.
🔥 لینک وبسایت
🔥 لینک 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....
⚡️ با داینامیک ایمپورت میتونید با توجه به یه سری شروط دلخواه و فقط اگر ان شروط درست باشند، مرورگر را به لود کردن فایل های مرتبط به ان ایمپورت مجبور کنید!
#js #feature #tip
https://twitter.com/umaar/status/1339168516721815553
@frontendtwitter
#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…
⚡️ هر متودی در یک کلاس به صورت پیشفرض پابلیک است و نیازی به گذاشتن پیشوند پابلیک در قبل هر متود نیست.
#ts #tip
https://twitter.com/SimonHoiberg/status/1340337218439827461
@frontendtwitter
#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.
⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!
#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329
@frontendtwitter
#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
⚡️ فیچر جدید جاواسکریپت که با استفاده از اندرلاین میتوانیم خوانایی اعداد بلند را بیشتر میکنیم.
#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833
@frontendtwitter
#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
⚡️ میدانستید که با دیستراکچرینگ میتوان جای دو مقدار را عوض کرد؟
#js #es #feature
https://twitter.com/oliverjumpertz/status/1342418153201131520
@frontendtwitter
#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!
ℹ️You can use an array destructuring assignment to swap two variables.
✅It's readable, it's understandable, and it's easy to use!
⚡️ با ایندکس های یک ارایه هم میتوانیم دیستراکچرینگ انجام دهیم و از گزاشتن ویرگول های زیاد جلوگیری کنیم.
#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544
@frontendtwitter
#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.
⚡️ با متود تریس میتونیم علاوه بر اینکه امکانات خود لاگ رو داشته باشیم، میتونیم استک کامل اون پرینت رو ببینیم و تجربه دیباگینگ بهتری داشته باشیم!
#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157
@frontendtwitter
#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.