⚡️این کدی که تو تصویر می‌بینید جاواسکریپته! میتونید با این سینتکس برای لوپ‌هاتون label(تیتر) مشخص کنید و کاربردشم موقع break کردن هستش که میتونید تعیین کنید که از کدوم لوپ(ها) خارج بشه.
پ.ن: اگر کسی این کدو بهم نشون میداد و میگفت جاواسکریپته، میگفتم مشکل سینتکس داره. واقعا ۱ درصد هم فکر نمیکردم همچین سینتکسی داشته باشیم... واقعا چیزی نمیدونیم 🤷🏻♂️
#JavaScript
https://twitter.com/mgechev/status/1280388653433356290?s=20
@frontendtwitter
پ.ن: اگر کسی این کدو بهم نشون میداد و میگفت جاواسکریپته، میگفتم مشکل سینتکس داره. واقعا ۱ درصد هم فکر نمیکردم همچین سینتکسی داشته باشیم... واقعا چیزی نمیدونیم 🤷🏻♂️
#JavaScript
https://twitter.com/mgechev/status/1280388653433356290?s=20
@frontendtwitter
Twitter
Minko Gechev
JavaScript tip: use labels to break from nested loops
⚡️ یه چیت‌شیت جمع و جور از متدهای مختلف آرایه ها
#JavaScript
https://twitter.com/sulco/status/1281545450273865730?s=20
@frontendtwitter
#JavaScript
https://twitter.com/sulco/status/1281545450273865730?s=20
@frontendtwitter
Twitter
Tomek Sułkowski
#JavaScript tip for today: Use proper array methods. Here's a little cheat sheet.
⚡️ میدونستید تو اینپوت با تایپ number میتونید حرف "e" رو تایپ کنید؟ مخفف exponent و نشون دهنده توان عدد هستش!
پ.ن: ماشین حسابا هم اعداد بزرگ رو این مدلی نشون میدن
#HTML
https://twitter.com/taimoorsattar7/status/1281481844891017216?s=20
@frontendtwitter
پ.ن: ماشین حسابا هم اعداد بزرگ رو این مدلی نشون میدن
#HTML
https://twitter.com/taimoorsattar7/status/1281481844891017216?s=20
@frontendtwitter
Twitter
Taimoor Sattar
<input type="number"> consider e letter as number. Maybe e letter has some meaning in the past. #100DaysOfCode #CodeNewbie #javascript #HTML
⚡️ با console.time و console.timeEnd میتونید مدت زمان اجرا شدن یه کد خاص(مثلا یه حلقه) رو دقیق بسنجید!
#JavaScript
https://twitter.com/malik_lakhani67/status/1281539382185299968?s=20
📃 لینک MDN
@frontendtwitter
#JavaScript
https://twitter.com/malik_lakhani67/status/1281539382185299968?s=20
📃 لینک MDN
@frontendtwitter
Twitter
Malik Lakhani
#javascript tip. 👨💻 Use console.time()/console.timeEnd() functions to know how much time certain operations takes in your code. This pair of functions is useful for performance monitoring. #100DaysOfCode #CodeNewbie #DEVCommunity
🎉 معرفی Reoverlay: لایبرری مدیریت مودال‌ها برای React که توسط یکی از دوستان (@hiradarshadi) توسعه داده شده 😊
پ.ن: روشی که این لایبرری برای نشون دادن مودال ها استفاده میکنه کاملا جدیده و با اون حالت خسته کننده که مجبور بودیم یه استیت isOpen تعریف کنیم متفاوته!
لینک وبسایت و دمو
لینک ریپو گیتهاب
#React #JavaScript
https://twitter.com/hiradary/status/1281951082533486595?s=20
@frontendtwitter
پ.ن: روشی که این لایبرری برای نشون دادن مودال ها استفاده میکنه کاملا جدیده و با اون حالت خسته کننده که مجبور بودیم یه استیت isOpen تعریف کنیم متفاوته!
لینک وبسایت و دمو
لینک ریپو گیتهاب
#React #JavaScript
https://twitter.com/hiradary/status/1281951082533486595?s=20
@frontendtwitter
hiradary.github.io
Reoverlay
The missing solution for managing modals in React.
⚡️ با پاس دادن Infinity به عنوان آرگیومنت متد flat، میتونید حتی آرایه ای رو که n لول هم آرایه nest شده داره، فلت کنید!
#JavaScript
https://twitter.com/sifat0000/status/1282314845887410177?s=20
@frontendtwitter
#JavaScript
https://twitter.com/sifat0000/status/1282314845887410177?s=20
@frontendtwitter
Twitter
sifat
✅ Create a simple array from infinitely nested arrays using Array.prototype.flat() method of #javascript 😎 #simple_javascript #CodeNewbie #100DaysOfCode
This media is not supported in your browser
VIEW IN TELEGRAM
🔥😷 یه کار انیمیشن خوشگل دیگه از امین(@mrlaseptima) در رابطه با فاصله اجتماعی.
لینک کدپن
پ.ن: مقدار مارجین داخل باکسو عوض کنید و لذت ببرید 😁
#CSS #JavaScript #animations
https://twitter.com/mrlaseptima/status/1282984609085562881?s=20
@frontendtwitter
لینک کدپن
پ.ن: مقدار مارجین داخل باکسو عوض کنید و لذت ببرید 😁
#CSS #JavaScript #animations
https://twitter.com/mrlaseptima/status/1282984609085562881?s=20
@frontendtwitter
⚡️ چجوری مثل یه برنامه نویس حرفه ای با Chrome DevTools کار کنیم.
#Chrome
https://twitter.com/javascriptking/status/1287687856857612288
🔥لینک مقاله
@frontendtwitter
#Chrome
https://twitter.com/javascriptking/status/1287687856857612288
🔥لینک مقاله
@frontendtwitter
Twitter
JavaScript Kingdom
Use Chrome DevTools Like a Senior Frontend Developer https://t.co/PrQnfMUisS #chrome #developers #javascript #html #CSS
⚡️۱۷ رفتار عجیب جاوااسکریپت که دونستنشون میتونه خطاهای احتمالی رو کمتر کنه
https://twitter.com/gopinathKRM/status/1299006532059717635?s=20
https://twitter.com/gopinathKRM/status/1299006532059717635?s=20
Twitter
Gopinath KRM
Some weird javascript behaviour in a single shot. #100DaysOfCode #javascript
⚡️ برای get یا set کردن پارامتر های query string میتونید از searchParams استفاده کنید
#querystring #javascript
https://twitter.com/addyosmani/status/1261944548160307200?s=20
@frontendtwitter
#querystring #javascript
https://twitter.com/addyosmani/status/1261944548160307200?s=20
@frontendtwitter
Twitter
Addy Osmani
url.searchParams is so nice for getting/setting query string params.
⚡️ یک مثال خیلی خوب برای اینکه یاد بگیریم که کی و برای چه از Array.from استفاده کنیم.
#javascript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
#javascript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
Twitter
abelpenton ⚛️ 💻
#js Tips Array.from method #javascript #CodeNewbies #100DaysOfCode @YDKJS
⚡️ روش پیاده سازی یک بیلدر که بعد از هر تغییری اینستنس خود را برمیگرداند که میتوان تغییرات را ادامه دار کرد و همان متود های بیلدر را نگه داشت.
#javascript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
#javascript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Implement a simple Builder Pattern in JavaScript 👇
⚡️ چندتا راه باحال برای اینکه 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 #javascript #DEVCommunity
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
Twitter
Carlos Caballero
#Javascript tips🐸: Convert Object to Array Object.keys -> [key1, key2] Object.values -> [value1, value2] Object.entries -> [[key1, value1], [key2, value2], ...] #typescript #angular #vue #react #codenewbie #100daysofcode
⚡️ میدانستید که می توانید از خود کروم هم یک سکرین شات از المنت مورد نظر بگیرید و هیچ نیازی به اکستنشن خاصی نیست؟
#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" #javascript #html
⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!
#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 #javascript #JSTips
⚡️ فیچر جدید جاواسکریپت که با استفاده از اندرلاین میتوانیم خوانایی اعداد بلند را بیشتر میکنیم.
#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833
@frontendtwitter
#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833
@frontendtwitter
Twitter
Carlos Caballero
#javascript tips🐸: ES2021 - Numeric separators This feature allows that numeric literals will be more readable using a visual separation (underscores) between groups of digits #typescript #angular #vue #react #100DaysOfCode #CodeNewbie
⚡️ میدانستید برای نوشتن عددهای بزرگ، میتوان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!
- ضمنا از نماد علمی هم میتوان استفاده کرد:
https://twitter.com/iam_e200/status/1350793441819680775
@frontendtwitter
- ضمنا از نماد علمی هم میتوان استفاده کرد:
const value = 1e11
#js #tiphttps://twitter.com/iam_e200/status/1350793441819680775
@frontendtwitter
Twitter
Eleandro Duzentos
Javascript Tip / Dica Javascript Sometimes it’s hard to read long numbers, for this, Javascript provides a convenient that uses underscore to separate parts of the numbers value making them more readable. #javascript #javascripttip