⚡️ روش پیاده سازی یک بیلدر که بعد از هر تغییری اینستنس خود را برمیگرداند که میتوان تغییرات را ادامه دار کرد و همان متود های بیلدر را نگه داشت.
#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.
⚡️ با استفاده از شبهکلاس
مثلا تاکید کردن رو فیلدی که کاربر پر میکنه، مرحلهای که در اون قرار داره یا هر استفادهی دیگهای که منجر به تجربهی بهتر کاربر بشه!
#css #tip
https://twitter.com/stackblitz/status/1347205679170412552
@frontendtwitter
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
⚡️ میدانستید برای نوشتن عددهای بزرگ، میتوان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!
- ضمنا از نماد علمی هم میتوان استفاده کرد:
https://twitter.com/iam_e200/status/1350793441819680775
@frontendtwitter
- ضمنا از نماد علمی هم میتوان استفاده کرد:
const value = 1e11
#js #tiphttps://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
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ تایملپس فوقالعاده و باحال کشیدن تصویر ایلان ماسک با HTML+CSS 😮
🔥 لینک کدپن
#html #css #codepen
https://twitter.com/asyrafhussin4/status/1351740905821069312
@frontendtwitter
🔥 لینک کدپن
#html #css #codepen
https://twitter.com/asyrafhussin4/status/1351740905821069312
@frontendtwitter
⚡️ در نسخه جدید کروم ساپورت سلکتور
#css #tip #feature
https://twitter.com/stefanjudis/status/1354547331232894978
@frontendtwitter
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