Another 5 Must Know JavaScript Features That Almost Nobody Knows

  Рет қаралды 212,469

Web Dev Simplified

Web Dev Simplified

Күн бұрын

🚨 IMPORTANT:
JavaScript Simplified Course: javascriptsimplified.com
JavaScript is a vast language with tons of features and it is impossible to know them all. In this video I will be covering yet another 5 features in JavaScript that nobody knows but are incredibly useful.
📚 Materials/References:
First JS Must Know Features Video: • 5 Must Know JavaScript...
Second JS Must Know Features Video: • 5 MORE Must Know JavaS...
JavaScript Maps Article: blog.webdevsimplified.com/202...
JavaScript Sets Article: blog.webdevsimplified.com/202...
Reference Vs Value Video: • Reference Vs Value In ...
Reference Vs Value Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:57 - Loop Labels
06:07 - Object.freeze
09:18 - Map
12:32 - Set
13:56 - Binary Math
17:39 - Debugging Tips
#JSTips #WDS #Top5JS

Пікірлер: 500
@prometheas
@prometheas 2 жыл бұрын
Been working with JavaScript on and off since 1998, and I still find tons of values in your videos. Kudos, Kyle, on these excellent tutorials-you’re a real community asset
@richardwelsh7901
@richardwelsh7901 2 жыл бұрын
I feel like the ECMA spec has evolved so much since the initial releases that we should be calling it JS++
@iapplethis
@iapplethis 2 жыл бұрын
lol
@SilviuBurcea1
@SilviuBurcea1 2 жыл бұрын
So in case anyone wondered how decimal numbers can be represented in memory. If we push a 1 to the left, we double its value. If we push it to the right, it's going to be halved. So let's do it, starting with 1: decimal -> binary 1 -> 1 .1 -> 0.5 .01 -> 0.25 .001 -> 0.125 Need 0.75 in decimal? That's 0.5 + 0.25 so it would be .11. Now let's look at the famous 0.1 + 0.2 = 0.30000004. 0.1 (dec) is smaller than 0.125 (1/8) so we need the next 2^-x power, 1/16, that's 0.0625 (.0001 binary). We're left with 0.0375, which is a bit larger than 1/32 (0.03125 dec, .00001 binary). 1/16 + 1/32 is therefore 0.09375 in decimal (.00011 binary). We would need 0.00625 more to 0.1, we're getting closer to 0.1, but in this case, since 0.1 can't be a sum of 2^-x powers, you will reach the maximum number of bits threshold so your value gets truncated. Imagine if he had only 4 bits, the best binary representation for 0.1 would have been 0.0001, which is only 0.0625! 0.2 (dec) is larget than 0.125, so we have .001 for starters, we need 0.075 more, which is between 1/16 and 1/8, so we have 1/8 + 1/16 so far (0.125 + 0.0625 = 0.1875, .0011 in decimal). We would need 0.0125 next, which, again, is not a sum for 2^-x powers and 0.2 representation is again truncated. You get close, but never 0.2 exactly. This is why you're not getting 0.3 for adding 0.1 and 0.2, which also doesn't have an exact binary representation. 0.1 + 0.2 in binary is like adding 2 truncated numbers, the way you would do 975 + 210 in decimal, about 1000 + about 200, that should be about 1200.
@Bazkur98
@Bazkur98 3 жыл бұрын
I'm amazed that after so long of working in JS that I can still learn something new. This time around, the console Timer and debugger option :) Thanks for sharing!
@lukahadziegric5982
@lukahadziegric5982 3 жыл бұрын
I mean... labels are essentially GOTO statements. Sure, there are times when you want to use them, but they are usually a bad thing because it makes code less readable in more complex examples. For this first example, you can just use a "break" statement to break out of that inner loop.
@nickscott9832
@nickscott9832 2 жыл бұрын
Or just check the condition in the outer loop
@lord_kh4n
@lord_kh4n 2 жыл бұрын
True, we need a concise example of when to use the labels I think
@TheGreatMcN
@TheGreatMcN 2 жыл бұрын
If a labeled break is like a goto, then how is unlabeled break not like a goto?
@TheNewGreenIsBlue
@TheNewGreenIsBlue 2 жыл бұрын
@@TheGreatMcN GOTO statements are icky. I mean... it's what the compiler is ACTUALLY doing really low level... but yeah, I'd consider rearchitecting the code before using labelled gotos. Like, consider using functions and return statements.
@TheGreatMcN
@TheGreatMcN 2 жыл бұрын
@@TheNewGreenIsBlue Sure, I agree with that. That doesn't answer my question though.
@mhombach3035
@mhombach3035 2 жыл бұрын
I mean, for the "Binary Math" solution I would highly recommend using Math.round and just round the comparing values to 2 decimals or so. Or directly round the values after each math-operation to x decimals so you can then later compare them to 0.35 directly.
@huge_letters
@huge_letters Жыл бұрын
I would actually suggest using a library specifically made for dealing with decimals(like decimaljs or bigjs) - especially true if you're working with some financial data and rounding it would be rather risky.
@mhombach3035
@mhombach3035 Жыл бұрын
​@@huge_letters As always it "depends on the usecase". For financial data that could be worth a shot, but then again you are depending your financial data on some "dude" who has issues open since 2018 which haven't been closed. If you are too lazy to repeat "Math.round()" in your code, you should consider writing util functions yourself, so you drastically reduce the likelyhood of bugs. For example write a "sum([decimalsArray])" function that returns with a precision of 2 by default and can be adjusted by parameters. I also read somewhere that a new datatype is coming that will fix this, but i can't find any info on that so maybe I have faulty memory here...
@jameswalker9490
@jameswalker9490 3 жыл бұрын
This is really well done! I like the way you structure your video. The code, output, and video layout makes it easy to follow. Keep it up!
@GetawayJamie
@GetawayJamie 3 жыл бұрын
This video is like window shopping, you find things you never thought you needed!
@RyanGralinski
@RyanGralinski 3 жыл бұрын
I love your videos, Ive been developing sites and software just as a hobby for over 25 years and been stuck in the old ways of doing things. I'm in the process of teaching myself angular and node and your videos are very helpful and easy to follow.
@dean6046
@dean6046 3 жыл бұрын
Thanks Kyle! Downloaded this to watch later. Keep up the good work. Constantine
@njahncke
@njahncke 3 жыл бұрын
Thanks a ton for these videos man! Lots of awesome stuff in here.
@aeronwolfe7072
@aeronwolfe7072 Жыл бұрын
new sub here, i absolutely LOVE your vids about 5 must know js features, and the other js video. GREAT CONTENT man! Thank you SO MUCH!
@KyleLanmon
@KyleLanmon 3 жыл бұрын
IMO if you need labels, that is a code-smell
@RoiTrigerman
@RoiTrigerman 3 жыл бұрын
it's like goto.. it's EviL!!
@foxoninetails_
@foxoninetails_ 3 жыл бұрын
Worth noting for the sake of other readers that code smell *does not* mean bad code. It's just a potential red flag, something to watch out for and be wary that it might be bad code. Labels are extremely useful when you need them, but overuse is definitely something to be careful of.
@keenkidash7616
@keenkidash7616 3 жыл бұрын
@@foxoninetails_ Actually is a smell of bad code. If you have to watch out for that chunk, it is bad, indeed, so you are obligated to put more effort into it in order to maintain the code base. Btw, the nested loop example is easy solved by function extraction (and you are allowed to *return* whenever you want to continue to the next iteration)
@foxoninetails_
@foxoninetails_ 3 жыл бұрын
@@keenkidash7616 The term "code smell" does not and has never referred to bad code, except when used by people who have no idea what they're talking about. It was coined specifically to refer to code that is often, but not necessarily, indicative of bad design. Labels, like any other code smell, are not inherently bad, but rather should be used sparingly and thoughtfully. They are a valuable tool, but not one which should be used without good reason. And no, "the nested loop example" (which one? I'll assume the most common, breaking out of multiple loops) can't be trivially solved by function extraction. Labels allow you to break or continue from specific levels of a nested loop at any point inside them; to do so via function extraction, in more extreme cases, requires the inner functions to return some form of signal value which tells the previous function that it should also do the same, which becomes an unbelievable mess to manage.
@adicide9070
@adicide9070 3 жыл бұрын
yeah i can already see someone senior to me being cool with 3, 4, 5 levels of for loop nesting ;)
@z-a3594
@z-a3594 3 жыл бұрын
Note: You need unique ids when using console.time. Generate a random suffix for the name when using it in async functions that are called multiple times.
@doktordaxter
@doktordaxter 3 жыл бұрын
Very interesting stuff. I knew about some of these, but don't use it often. You explain it well and give good examples which makes it easy to understand, I will try to find use cases for these in my projects :)
@petarkolev6928
@petarkolev6928 2 жыл бұрын
Kyle, amazing video, bro!!! Map & Set just changed my perception of how should I start working with objects and arrays :O
@maelstrom57
@maelstrom57 3 жыл бұрын
these console methods are pretty neat, they sure'll make debugging a little less of a pain
@flaviocunha7576
@flaviocunha7576 3 жыл бұрын
Most JS I learned in such small amount of time, You are amazing teacher !!!!
@KurtSchwind
@KurtSchwind 3 жыл бұрын
Tip for those trying to compare equality on decimal arithmetic: Use subtraction and an epsilon. IE: let epsilon = 0.00001 (or whatever precision you like) and re-write your equality to if Math.abs(x-Comparison_Value) < epsilon { }. In your example it would be if (Math.abs(x-0.35) < epsilon) { // do stuff }
@adtc
@adtc 3 жыл бұрын
Couldn't you just floor it and check for zero? Just curious...
@KurtSchwind
@KurtSchwind 3 жыл бұрын
@@adtc Flooring will truncate the decimal part completely. So if you were to compare 0.9 with 0.3 with a floor it'd be equal. Unless I'm not understanding where you are using the floor function. Math.floor(0.9-0.2) === 0 -> true. But I think most would want that to be falsey
@adtc
@adtc 3 жыл бұрын
@@KurtSchwind oh right, I don't know what I was thinking 🤪 thanks
@arjix8738
@arjix8738 3 жыл бұрын
or just calculate using whole numbers (integers) and then convert them to decimals eg divide it by 10 => 3/10 == 0.3
@KurtSchwind
@KurtSchwind 3 жыл бұрын
@@arjix8738 Int math is prefered, but not always an option, it will depend on the size of the numbers you are using. If you want precision to 6 decimal places, you'll have to multiply by a million and then divide at the end, which may or may not be ok. But in general, I do agree that if you know that your numbers are safely not going to overflow, that converting to int and back is the best. For money transactions, I leave everything in pennies (or cents or whatever) and then convert on the presentation layer.
@jp0678
@jp0678 3 жыл бұрын
Thanks for the loop label, console.assert, and console.table tips!
@revidee
@revidee 3 жыл бұрын
17:12 you can use Number.EPSILON in combination with Math.abs() to include these tolerances. Eg.: Math.abs(x - 0.35)
@CottidaeSEA
@CottidaeSEA 2 жыл бұрын
That's a really bad idea as you can't assert that Number.EPSILON has a good enough tolerance. Example: Math.abs((0.1 + 0.2) - 0.3) < Number.EPSILON is true. Math.abs((1000000.1 + 0.2) - 1000000.3) < Number.EPSILON is false. Clearly the difference should be the same, yet the tolerance is insufficient. Your best bet when working with things like these would be to use a custom tolerance. The approach is sound, but relying on Number.EPSILON is not. It would also be possible to use Math.abs, multiply by 10^n and then Math.round to get an integer value, after which you can make an assertion. I haven't tested it extensively though, so I can't guarantee it works in all cases, but it's a possibility for some cases I can think of.
@CaddyBlue
@CaddyBlue 3 жыл бұрын
On Binary Math. I would advise multiplying, rounding and diving to significant decimals to ensure that the input condition is treated to match our condition. e.g. Math.round(num * 100) / 100 for 2 decimal. Same with strings : Always do a if( {input}.toLowerCase().trim() == {condition}.toLowerCase().trim() ) {} I would say these 2 methods are life savers when you want String and Number comparison.
@montebont
@montebont Жыл бұрын
Here is a generic rounding function. This example is a static function in my class MathLib. Sorry about the formatting... static round(number, precision) { const power = 10 ** precision; let result = Math.round((number * power).toPrecision(15)) / power; return result; }
@elierh442
@elierh442 3 жыл бұрын
wow, this is packed with stuff I did know existed! thank you for this!
@magicfibre
@magicfibre 3 жыл бұрын
9:58 No, it's not hard at all. You can use Object.keys, Object.values and Object.entries to effortlessly loop through anything you want. Being able to use an object as a key is super cool though! Would be even cooler if object comparison wasn't such a pain in JS 😅
@huge_letters
@huge_letters Жыл бұрын
Objects should be used for storing data where your keys are pretty much static and known and well-structured - like you have a person entity which has a name, age, location etc. Map was made specifically for situations where you want a relationship between arbitrary number of keys and values. It's optimized such cases too. Object.keys, values, entries create a new object in memory on top of the one you already have.
@ventsislavstoimenov4404
@ventsislavstoimenov4404 3 жыл бұрын
Man, this is simply amazing! Great content!
@fvbixn
@fvbixn 3 жыл бұрын
Great video! I think I’m now officially a JavaScript Nerd, since I already knew all these features 😁
@Mitsunee_
@Mitsunee_ 3 жыл бұрын
well I definitely didn't know loop labels, so I guess this video actually wasn't clickbait, like all the other ones I've seen with a similar title :) good job!
@jorgeperez6752
@jorgeperez6752 3 жыл бұрын
Great video as usual but the main question is, do you have a video or channel playing your Jackson?
@dave6012
@dave6012 3 жыл бұрын
Thanks for all the great info! I hope your new courses make you enough money to finally afford furniture
@dave6012
@dave6012 3 жыл бұрын
@@Jens-OS challenge? You son of a bitch, i’m in
@inordirection_
@inordirection_ 3 жыл бұрын
Those debugger tips are gonna be super useful! Thanks!
@sanjitselvan5348
@sanjitselvan5348 2 жыл бұрын
Man! Feature-packed video! Thanks so much!
@danmc128
@danmc128 Жыл бұрын
The console and debugging stuff was fantastic, thanks for making my job easier!
@swimtlvmitnovizki6895
@swimtlvmitnovizki6895 3 жыл бұрын
I learn so much from your videos. Thank you for the effort you put into your work.
@williamiiifarquhar4345
@williamiiifarquhar4345 2 жыл бұрын
Thank you for this video! I definitely feel like I learned something new.
@IceMetalPunk
@IceMetalPunk 3 жыл бұрын
I often make a helper function to create "enums" in JS (obvs. not real enums, but close enough for most uses). It just takes a list of strings, and then returns a *frozen* object that maps the strings to Symbols of the string, thereby ensuring that (a) they can't be changed, and (b) they are all unique values. Which is like 2/3 of the use of enums. So for instance, I could do: const Directions = make_enum('UP', 'DOWN', 'LEFT', 'RIGHT'); And the resulting frozen object would have unique symbols referenced as Directions.UP, Directions.DOWN, Directions.LEFT, and Directions.RIGHT.
@bradical8198
@bradical8198 2 жыл бұрын
Exactly what @prometheas said below, I still reference your videos after all these years over any other video. You get to the point and you get to the point fast! A+ my man!
@keatonlee1157
@keatonlee1157 2 жыл бұрын
I can't like this enough! I work in typescript every day and I have found so many incredible things from you. Holy crap you're a boss!
@AeroPR
@AeroPR 2 жыл бұрын
The For labels seem like a great way of documenting what each of your loops is doing without having to use comments. Even if you don't use them in the execution itself. Just like good variable names avoid unnecessary comments.
@montebont
@montebont Жыл бұрын
Never thought of it that way but it sure makes sense. Thanks for sharing :-)
@anticsBack
@anticsBack 3 жыл бұрын
Another cool but rare piece of JS goodness: JS Proxy API.
@shr1han
@shr1han 3 жыл бұрын
I read somewhere that basic state management is possible using Proxy.
@microhoffman1248
@microhoffman1248 3 жыл бұрын
Vue reactivity system is based on Proxies, if I am not mistaken. It's where I learnt first to use them :). They are really cool tho.
@lilspelunker5613
@lilspelunker5613 3 жыл бұрын
@@microhoffman1248 Yup they are
@lilspelunker5613
@lilspelunker5613 3 жыл бұрын
@@Jens-OS nah fuck off
@slowprogrammer
@slowprogrammer 2 жыл бұрын
Yaah😃
@tag9047
@tag9047 3 жыл бұрын
A lot of this stuff is great with the exception of labels. Most likely you need to refactor some code to use a reducer if you are running nested loops.
@spiderman955
@spiderman955 2 жыл бұрын
For the loop variables: Is it not just easier and clearer to put the standard continue for i === 1 directly after the first for loop? This would directly increment the i counter.
@hnccox
@hnccox 2 жыл бұрын
I thought the same thing, but he probably just needed something easy to show of this example of this functionality.
@lucidattf
@lucidattf 2 жыл бұрын
yeah you dont need labels for this at all, labels arent really ever necessary but they can be good to know i guess
@JaekSean
@JaekSean 2 жыл бұрын
The point of this was to show the feature, not to show a practical example. This is a feature with a pretty rare use case. It's difficult to come up with a good example until you actually have a use for it
@purduetom90
@purduetom90 2 жыл бұрын
These are glorified goto statements…
@hunterwilhelm
@hunterwilhelm 2 жыл бұрын
@@purduetom90 I would make the case that break and continue are goto statements. But personally, I try not to use any for loops at all and use map filter and reduce instead
@thiagohencke7230
@thiagohencke7230 3 жыл бұрын
Amazing features, didn't know some of them. Subscribed
@ibgib
@ibgib 2 жыл бұрын
Great video! For me personally, the Set was the big win. I didn't realize that it was in ES6, but it makes creating a unique array muuuch easier without the need for an external library. Simply `[...new Set(array)]` or `Array.from(new Set(array))`. Of course this is only for primitives where value comparison is trivial! Thanks for the help 🙂
@mattd5419
@mattd5419 3 жыл бұрын
When I work with large decimals I use .toFixed() with a + before to round and convert back to a number. Like this: `+num.toFixed(12)`
@tomg0
@tomg0 3 жыл бұрын
@@Jens-OS reported for spam
@samisaacvicliph
@samisaacvicliph 2 жыл бұрын
Man! this should be sold on some learning platform for top dollars. So much valuable information here!! Thank you Kyle!
@defensivecybercoding
@defensivecybercoding 2 жыл бұрын
Excellent tutorial! Thanks for the help.
@cryptoknight7256
@cryptoknight7256 3 жыл бұрын
Great tips. Thanks, Kyle!
@gosnooky
@gosnooky 3 жыл бұрын
It's always a bad idea to assert equally with floating point values. They're mostly useful in games, math, geo spacial and other applications where accuracy to 1/10000ths are not important. Always use whole integers when dealing with money values where 1 is the smallest unit of a given currency, and use number formatting when displaying to a UI.
@benscherer7256
@benscherer7256 Жыл бұрын
though in js there is no integer type so you always need to be careful when working with primitive number types because it is a float.
@huge_letters
@huge_letters Жыл бұрын
@@benscherer7256 you are correct but I'm pretty sure you don't have to worry about that if your values are integers - you won't get any weird rounding errors.
@brianevans4
@brianevans4 3 жыл бұрын
I have a video idea for you: do all the different Object methods such as Object.freeze Object.assign etc etc. I feel like I keep seeing new ones out in the wild
@botleydot
@botleydot 3 жыл бұрын
@@Jens-OS How about instead of commenting trying to appeal to people's kindness, you just make some good content?
@schmaenjael
@schmaenjael 3 жыл бұрын
One of my favourite things in plain JavaScript is taking TypeScript features like an enum, an convert them to basic JavaScript. In that case, you can create an enum with const enumTest = Object.freeze({ test: "Hallo ich bin ein deutscher Text" )} export enumTest; you can now easily use this enum within your JavaScript files (you may wanna minify this code with babel and parcel, to also support older browsers like Internet Explorer); That's just one of the things I kinda like to do with JavaScript.
@ferooref7614
@ferooref7614 3 жыл бұрын
Highly appreciated, REALLY!
@Ayomikun
@Ayomikun 3 жыл бұрын
Thanks as always, can think of a couple of situations where loop labels could've helped me a lot. Somehow feels like a bad practice thing that should be used rarely though
@ng429
@ng429 3 жыл бұрын
if you find yourself in need of loop labels I can almost guarantee you have code that needs to be restructured anyway
@Voidstroyer
@Voidstroyer 3 жыл бұрын
@@ng429 I agree. loop labels are unnecessary if you know how to properly nest your loops (if nesting if necessary at all)
@ertugrul-bektik
@ertugrul-bektik 3 жыл бұрын
Thank you for tips. I really like them :)
@srinathsathyanath7435
@srinathsathyanath7435 3 жыл бұрын
I think I should I checkout your js course👍 great bro
@lawrencedoliveiro9104
@lawrencedoliveiro9104 3 жыл бұрын
12:18 “for (k in «obj»)” loops over the keys in the object table. And you can have non-string keys in those, too.
@AutisticThinker
@AutisticThinker 3 жыл бұрын
Awesome video as usual. I can't wait until you embrace TypeScript; I learn so much from your videos! :)
@WebDevSimplified
@WebDevSimplified 3 жыл бұрын
I really want to dive back into Typescript this year.
@natiqmumtaz5309
@natiqmumtaz5309 3 жыл бұрын
Great video, thanks Kyle ✌️
@MarlonEnglemam
@MarlonEnglemam 3 жыл бұрын
it's crazy how you apparently always shows some feature I'VE NEVER SEEN BEFORE! which is almost unbelievable to me since I've been around JS for a while lol!
@yadneshkhode3091
@yadneshkhode3091 3 жыл бұрын
@@Jens-OS no
@arjix8738
@arjix8738 3 жыл бұрын
believe me, all the features he is showing are handy, but not any better than what you already knew (in terms of difficulty)
@mohamedbasry9588
@mohamedbasry9588 3 жыл бұрын
@marlon that indicates these features are useless
@MarlonEnglemam
@MarlonEnglemam 3 жыл бұрын
@@mohamedbasry9588 I've found many of theses features to be usefull actually! Of course, not all of them, but a lot!
@ayushsamantaray9868
@ayushsamantaray9868 3 жыл бұрын
Thank you very much for the set function
@rafagd
@rafagd 3 жыл бұрын
To properly deal with floating point precision errors caused by IEEE 754, you should write "Math.abs(a - b)
@Oblivianos
@Oblivianos 3 жыл бұрын
my opinion: in general avoid even recommending labeled lines of code to jump to. 'go to' is very easy to lead to spaghetti code and should not be recommended for novices. if you really need to use it first try to simplify your loop or even extract them or their contents into functions. i've seen plenty of times nested loops and conditions spiraling into a big mess even the original author couldn't understand what and why they did what they did a couple days later
@andrewmorton9683
@andrewmorton9683 3 жыл бұрын
Indeed! The problem was famously pointed out back in 1968 by Edsger W. Dijkstra in an article titled "Go To Statement Considered Harmful".
@Diamonddrake
@Diamonddrake 3 жыл бұрын
Adding extra functions does nothing for nested loops and nested loops are a requirement for some algorithms. They are unavoidable. Labels have value and you should know about them.
@v01d_r34l1ty
@v01d_r34l1ty 3 жыл бұрын
This is what I’ve heard when I learned about goto in C++... but contrary to what everyone says, it can be used in ways that don’t spaghettify code. I know cuz I used it in a very unique and honestly rather efficient way back when I developed my CSGO hack. You can easily loop back to a certain part of an infinite loop when there’s complications with variables.
@lawrencedoliveiro9104
@lawrencedoliveiro9104 3 жыл бұрын
I never use gotos at all. In languages like C, I typically need to manage dynamic objects anyway, to make sure they are properly disposed. This requires structured programming techniques, and the avoidance of gotos. I give some detailed examples here github.com/ldo/a_structured_discipline_of_programming .
@v01d_r34l1ty
@v01d_r34l1ty 3 жыл бұрын
@@lawrencedoliveiro9104 im not arguing that generally speaking you should avoid gotos im saying that they have their place even in well structured programs. the real use for them just isn't very common and generally a different structure would be preferred. my csgo hack's variables were dynamic and that's actually why i needed the goto over a traditional while/for loop or whatever. it was for the main fn.
@mob_abominator1868
@mob_abominator1868 3 жыл бұрын
That last debugging part was insane, didn't know you could do so much with console.
@roncselloroni7854
@roncselloroni7854 3 жыл бұрын
I love all your videos. I am just studying javascript, because I love this language 'console' languages. Thanks
@user-oy4kf5wr8l
@user-oy4kf5wr8l 2 жыл бұрын
Amazing job, buddy! Amazing!
@agbottan
@agbottan 3 жыл бұрын
Thanks! I learned some good stuff.
@carloslema5400
@carloslema5400 3 жыл бұрын
Pure gold. Thank you
@jimmyj.6792
@jimmyj.6792 3 жыл бұрын
Really love your content and explaination 😍😍 you are so amazing thanks a lot for these awesome content
@WebDevSimplified
@WebDevSimplified 3 жыл бұрын
My pleasure 😊
@dimaster5880
@dimaster5880 3 жыл бұрын
Nice tips. Want to see your chrome dev tools tutorial...
@tcjusttc5418
@tcjusttc5418 2 жыл бұрын
I love your vids!! High value
@bipolarmorgan
@bipolarmorgan Жыл бұрын
Quality information, thanks
@chefbennyj
@chefbennyj 2 жыл бұрын
Ah nest loops with labels. Sooo good. This is useful for looping through tv shows and their episodes. About the only time I would ever use a recursive nested loop. 😉
@joakimjohansson7729
@joakimjohansson7729 3 жыл бұрын
I have when I have to mentally look at stuff 😂 Awesome video, learned a lot!
@harsh_vish
@harsh_vish 3 жыл бұрын
This video is very informative I did not know the power of javascript GREAT
@floflo-gr1iv
@floflo-gr1iv 3 жыл бұрын
Loved this, keep it up
@BugsNRoses_
@BugsNRoses_ 2 жыл бұрын
Thats some info kyle, i used to give colors to console log, just to get out from confused outputs, i wish i knew assert before,
@juhandvan
@juhandvan 3 жыл бұрын
exciting !!! Thanks very much !
@samuelwilson00
@samuelwilson00 3 жыл бұрын
Very helpful information,👍🏻. But please can you tell me how do I remove the index column in console.table()?
@vaibhavyadav8726
@vaibhavyadav8726 3 жыл бұрын
This video was really informative.
@nishantaanjaneyjalan8583
@nishantaanjaneyjalan8583 2 жыл бұрын
You debugged my entire life with that "debugger" keyword. Kyle, I luv ya so much.
@danieldilly
@danieldilly 3 жыл бұрын
In the first example, you could simply put your "if (i == 1)" statement within the first for loop. Problem solved.
@slowprogrammer
@slowprogrammer 2 жыл бұрын
☺️
@SealedKiller
@SealedKiller 2 жыл бұрын
Yeah I noticed this too. He was probably giving an example if you want to continue a loop within an another loop.
@jasonlai579
@jasonlai579 2 жыл бұрын
I think "break" is also a good choice
@felipekazuoyatsu2
@felipekazuoyatsu2 2 жыл бұрын
And way more readable
@kadensharpin2156
@kadensharpin2156 2 жыл бұрын
generally in every possible situation there are much better solutions than using loop labels
@planetmall2
@planetmall2 3 жыл бұрын
Great job!
@sskroller5276
@sskroller5276 3 жыл бұрын
The labels work like in assembly that’s nice
@techgo4431
@techgo4431 3 жыл бұрын
that's because that's where it comes from, labels are a relic of the old way of programming
@alexpro5670
@alexpro5670 2 жыл бұрын
Cool, thanks for info!
@eproulx
@eproulx 3 жыл бұрын
I believe the classic way to work around floating point issues is if(Math.abs(a-b) < Number.EPSILON)
@fufumitgemuese
@fufumitgemuese 3 жыл бұрын
"Almost Nobody Knows" is a huge overstatement ;)
@ChrisLocke1969
@ChrisLocke1969 3 жыл бұрын
clickbait, damn arrogant millenials have NO CLUE what some of us know. Imagine them walking into a library to learn... lost like little puppies in the woods. Thanks youtube, for "dont show videos from this dick". 👍👍👍
@EidosGaming
@EidosGaming 3 жыл бұрын
@@ChrisLocke1969 what the fuck dude, this guy just tries to help people out. Plus it's true, the majority of web devs don't know these tricks. If you're a power user good for you but please don't spit on someone helping 90% of developpers out there
@carneios08
@carneios08 3 жыл бұрын
Didn't know about the console.assert(). Thanks for adding that to my logging arsenal.
@randomnobody660
@randomnobody660 3 жыл бұрын
The labeling loops was very cool. TIL. With that said thou, isn't there something about messing up control flow? Otherwise we could just be using goto instead of increasingly fancy breaks and continues, or even mid-loop returns.
@CathrineMacNiel
@CathrineMacNiel 3 жыл бұрын
yes, NEVER USE goto...label.
@lucadifazio2735
@lucadifazio2735 3 жыл бұрын
Thanks Kyle. Now I do not have to console log multiple Date.now() to measure performance
@nilsdannemann
@nilsdannemann 2 жыл бұрын
Wonderful, thank you
@gyorgyo7597
@gyorgyo7597 3 жыл бұрын
Excellent video. Is it best to no longer use semi-colons?
@mastermaster8651
@mastermaster8651 2 жыл бұрын
debugger looks very usefull i think it worth a whole ep on debugger usage
@soykike1991
@soykike1991 3 жыл бұрын
great tools like Map, still I am a bit disappointed about the problem with floats in javascript, the thing I do since my project is only doing 2 decimals I tend to use the .toFixed(2) then I parse the float since it gets converted to a string, but this only applies when you know the decimal amounts for a said operation... Something like this, which is dumb but I had to do it function floatingPoint (number, decimals) { return parseFloat(number.toFixed(decimals)) } This applies to my project but might not to others, since having that decimal round up or down might be troublesome
@silvgravity4492
@silvgravity4492 3 жыл бұрын
Hey Kyle, is there any option to purchase just the advanced portion of the course? I already have a job as a full stack JS developer but I'd like to sharpen my skills with advanced knowledge
@WebDevSimplified
@WebDevSimplified 3 жыл бұрын
Unfortunately that is not possible. It is only sold as a bundle.
@derghiarrinde
@derghiarrinde Жыл бұрын
I always learn most from this kind of general-code videos.
@tmonVX
@tmonVX Жыл бұрын
So for binary calculations I always use function fix2(x) { return Number.parseFloat(x).toFixed(2); } This way I always have 2 (or as many as I specify) number of decimals.
@baoyuan3955
@baoyuan3955 3 жыл бұрын
Does the complete package contain the six bonus projects? Very interested in this course! Thanks!
@WebDevSimplified
@WebDevSimplified 3 жыл бұрын
It does not. Only the premium package contains the bonus projects.
@johnkeck
@johnkeck 3 жыл бұрын
GREAT video!
@kennethlorenzg
@kennethlorenzg 3 жыл бұрын
Can you make a video regarding react's debouncing and throttling?
@pouriyanourouznejad7090
@pouriyanourouznejad7090 2 жыл бұрын
Will "break" stop some Functions like interval or timeout? Or we can only use clearthem() to make them stop?
@obinator9065
@obinator9065 3 жыл бұрын
0:15 *then start using typescript*
@j0code
@j0code 3 жыл бұрын
14:54 I'm pretty sure it can be represented as a double as 1e-1 also, languages like Java don't seem to have this problem, even though they use the same standardized double (64bit) datatype 🤷‍♀️
5 MORE Must Know JavaScript Features That Almost Nobody Knows
18:05
Web Dev Simplified
Рет қаралды 179 М.
Another 5 Must Know CSS Tricks That Almost Nobody Knows
15:13
Web Dev Simplified
Рет қаралды 76 М.
Who enjoyed seeing the solar eclipse
00:13
Zach King
Рет қаралды 115 МЛН
I MADE A CARDBOARD SWING!#asmr
00:40
HAYATAKU はやたく
Рет қаралды 26 МЛН
How To Choose Ramen Date Night 🍜
00:58
Jojo Sim
Рет қаралды 43 МЛН
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
How This Test Saved Kent’s Site
7:04
Web Dev Simplified
Рет қаралды 27 М.
Deflated · Made by shykids with Sora
3:39
OpenAI
Рет қаралды 38 М.
5 More Must Know CSS Tricks That Almost Nobody Knows
12:11
Web Dev Simplified
Рет қаралды 72 М.
Learn JSON in 10 Minutes
12:00
Web Dev Simplified
Рет қаралды 3 МЛН
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 136 М.
Learn JavaScript Event Listeners In 18 Minutes
18:03
Web Dev Simplified
Рет қаралды 559 М.
5 MUST KNOW JavaScript Object Functions
10:42
dcode
Рет қаралды 26 М.
1 Million Subscriber Hair Tutorial
0:52
Web Dev Simplified
Рет қаралды 206 М.
Who enjoyed seeing the solar eclipse
00:13
Zach King
Рет қаралды 115 МЛН