Top 10 Javascript One Liners YOU MUST KNOW! 

I think what you were calling extraction is actually called destructuring (like it's proper term). Nice video, definitely learnt something new

1. Designer Mode 0:47 2. Roll the Dice 1:24 3. Merging Array 2:06 4. Extracting from Objects 3:46 5. Generator Color 5:24 6. Copy to Clipboard 7:54 7. Transitionend 8:47 8. Short is Statements 9:56 9. Console Table 11:28 10. Screen Capture 12:03

Always amazing to be greeted as "gorgeous" 😅😁

Your tutorials are always so engaging and easy to follow 🔥🔥🔥

3:37 I'd like to add that it's worth remembering that using spread operator on arrays have iteration cost attached to it, so the larger the array the slower this works. So, if your code is called many times over it's better to merge arrays in traditional way by pushing elements of one into another. It doesn't matter on small arrays, but on actually large ones (thousands of items) this may cause a noticeable lag. 6:33 6-digit hexadecimal number. In decimal (default representation in console) it can go up to 8 digits. ;)

This is really great! Thanks for this content Ed! 🚀

Cool! Although I knew most of these one-liners. Only DesignMode and transitioned events are new to me. Thanks for sharing.

Gracias querido por estos tips; hace mucho no programaba ni lo más mínimo en js y me voy desactualizando, pero aquí aprendí nuevas funciones y demás

I created a random background-color generator with copy-to-clipboard inside a hex code div (the hex code shows inside the div). Click the button to generate a random colour and if you like it, click the hex field div to copy it. Great little video that has definitely improved my abilities and knowledge, ta Ed 😀😎

Hey there, Gorgeous Ed on the internet. I really love these types of "must-know" videos. Keep them coming! 😀

With the first video, the CSS one, you got my like and save, with this second one you got my like and subscribe!

Hey man, you're videos great as always, do you consider making a video about javascript road map?

This is a nice list, but I would strongly recommend w this being a teaching channel, to mention the technical name of some of these patterns and operators as you go. Spread operator, object destructuring syntax, guard blocks, etc.

That color generator is awesome!! Tyvm!

Dude. The random hex was super clever. My favorite new trick.

Nice video, Blender in combination with Babylon js would be awesome. Not many people make tutorials about Babylon js while it is a great 3D engine for in the browser

Really coool video 🔥🔥🔥 Cool setup as well 😊 By the way, please tell me the model of your monitor, it looks dope

Very fun video, it brings me joy that I knew almost 5 of them.

Hi ed . I wont to ask you from were you have learned data structure and algorithm? Thank you ed for your courses🌺❤️❤️

I've always called the "one line if" a guard statement, or a guard if statement. Helps a ton with nesting.

Thank You Ed This Is Realy Amazing

Thanks a lot bro. awaiting for more videos from you.

8. is actually called a Guard Clause, very useful to avoid nested if statements!

Ed can u please tell mr what monitor are you using? Looks amazing.

Nice video, I like the way you explain. Nice work dude.

i love your music taste, super chill

The only thing which I didn't know was 5:01, but it's good to revisit things once in a while, great video!

Very nice vid Ed! 🚀 That monitor at the beginning, is it Dell? Can you tell me the type? 😊 Cheers!

Cool! I like the screen capturing

Ed called me friend👌🏻 Life complete, haha, These videos are actually golden, keep it up

Always good content, you're the best

0:47 Design Mode - awesome feature, I like it! Almost all rest poor, because it is something like part of ECMA standards. Also last one looks impressive. Good job, man, anyway! Thank you!

Love the new video quality 😍😁

That merge one liner is great is for interviews

this man is pure positive energy, lovely human being :)

The random color hex thing blew my mind!

Love your energy 👍

designMode extremely blows my mind. Great content !

Thanks! By the way, what is theme color name ?

You are a developer and a successful youtuber, but from the outlook, you could be an actor too. No joke.

Grateful for this video 🤝

What is the lens you used for recording this video?

thank you for this video, you are awesome!!

It's short just fiery content!!! Thanks for this hacks 😉

Technically you can do anything in one line in JavaScript xD

I will make a shortcut of this video to my desktop. Thanks Ed.

Awesome! I knew all of them but what was the last one? Didn't know about it

Really good video ❤

aspiring fan here... i allready new this, but i kinda forgot the other so thanks for the reminder

The design mode one was very helpful, the rest are also helpful but it's just regular es6 stuff.

Hello plz I m looking for a function or whatever that can help me find list of printers installed on my machine. Thanks lot for your videos

Very useful thanks for sharing

Hey ED :) ! I saw in one of your other video that you had a vs code theme with a gradient up in the title bar in one of your recent videos and i thought it looked SO cool that i figured out how to do it myself :D ... But now you dont have it anymore i see .

Cool tricks! Fun fact: You can make `const copy = (text) => navigator.clipboard.write(text)` even shorter `const copy = navigator.clipboard.write` no need to wrap in another function that takes text and passes text to it.

After CSS one-liners, now this = New Subscriber here :)

Very cool)) Thank you)

Array.from(new Set([…..])) is much cleaner than what you did and is the preferred way btw

`console.table(data)` at 11:45 very useful tip!

The designmode one is super helpful while designing sites

9:22 or you just set the visibility to hidden aswell. This will not transition by itself, so you'll still need opacity, but it will change the value once the transition is done.

Thank you so much !

he claims to be using the palenight theme, but here hes using the Community material theme ocean high contrast... you're welcome

thanks for the tutorial Ed Helms.

the 70's prono music in the background makes the video

Thank you very much!!!

Hi, how are you? I have a question. How to implement animation in Figma on the web-site? I can't find a solution on the internet

We love you, Ed. Just wanted to let you know that.

Ur my best teacher 💜

thank you very much 🙌

Doesn't generate colors have an issues with missing leading zeroes in numbers less than 0x100000?

I don’t know how many years Ed has been calling me a gorgeous friend on the internet 😂

JSON.stringify(data,null,2)

What's you display brand & model?

The extraction is very useful for any Async call

what is your monitor please?

Could anyone please explain where the duration was set for the button to fade out before being transitioned to a display of none? (Transitionend 8:47) Thankyou

This is a good one.

Really nice video, Ed!

You remind me of the guy in Camera Conspiracies

I legit thought this was gonna be a video about Javascript jokes

Super important to note that the Navigator.Clipboard API only works locally or in HTTPS. So if you want to make an insecure HTTP website, copying text won't work!

I like your energy, friend

For merging arrays, concat is easier to read.

Man transitionend will save me tons of time!!!!

did he just say "g" when going through the hexadecimal characters at 7:20 lmao

Well there is a better option for single line if to only run if not null using ?? operator known as null coalescing operator. However it is best to use for value assignment, similar to ternary operator

I like the console.table command.

👍 great content - thanks so much ! 👍 no floating presenter head 👍 video and audio quality 👍 larger ide font size 👎 (imho) loud, distracting "music"

Awesome

What vscode theme are you using in this video?

You're crazy. I love u💚( as instructor)😅💪💪💪

thsnks

Good Things devEd mawa

Can you make a web3 tutorial?

This man a little dr crazy looking . Dude thank you.

maybe its better to set the transitionend event inside the click event and set it to once: true

Very good

Nice video! :D Maybe name the "roll the dice" to "flip the coin" since you made it just 2 sided hehe 😜 But keep up the good work nonetheless

Best one

Amazinggggggg 🎉🎉