• Monday , 30 March 2020

JavaScript Pro Tips – Code This, NOT That

Code Canyon



New Series! Code this 💪, not that 💩. Learn how to write solid modern JavaScript and avoid bad code from then olden days. https://angularfirebase.com

– Source https://github.com/codediodeio/code-this-not-that-js

Original source

3d Ocean

Related Posts

45 Comments

  1. Angular Firebase
    December 8, 2018 at 12:27

    The await is over! The async/await video I promised is here https://youtu.be/vn3tm0quoqE

  2. Pedro Fernandez
    December 8, 2018 at 12:27

    First of all nice video. I agree with you in almost all tips and I must recognize I should use deconstruction more often.
    But 99% of the time using break points is the best way to debug. Console log is simply not as good as a break point.

  3. MrMasquime
    December 8, 2018 at 12:27

    great stuff!

  4. Mr Wolfers
    December 8, 2018 at 12:27

    The console.log stuff and template literals were pretty nifty, I'd be surprised to meet a JS dev that doesn't know reduce/map/filter/forEach/reduce etc. though. No mention of generators but that's understandable, haven't see it used much.

  5. Christian sulecki
    December 8, 2018 at 12:27

    You can't talk about debugging Javascript and not talk about debugger's breakpoints (Even tho I agree it's not really about Javascript)

  6. SoCreaty
    December 8, 2018 at 12:27

    Amazing Video. How can guys dislike this if they are not interested in becoming a better programmer? LOL!
    I learned a lot. Thanks!!!!

  7. Brandon Meiklejohn
    December 8, 2018 at 12:27

    I have no idea what this guy is talking about. lol.

  8. al videos
    December 8, 2018 at 12:27

    Think the stick fight the game devs need to watch this. They made a great game, but it has more bugs in it than any other game I have seen.

  9. Mihnea Dima
    December 8, 2018 at 12:27

    Code not this that

  10. Xie Dongfeng
    December 8, 2018 at 12:27

    Who knows why he was coding so quickly?

  11. megri
    December 8, 2018 at 12:27

    you could use Promise.all for the last example

  12. md azam
    December 8, 2018 at 12:27

    GREAT!!! Whatta short sweet video just like modern javascript code 🙂

  13. Umar Alli
    December 8, 2018 at 12:27

    WTH am I seeing? Console is more advance!!!

  14. Jarvis Millan
    December 8, 2018 at 12:27

    I'm not sure if these thing were really to be call or can be categorized as 'bad code', with the new ways of coding its just your adapting to the new changes. Also, I know codes you categorized as 'good code' is much more efficient but its making a lot more difficult to read. Although few tips there I saw and overall a great tip. thanks

  15. 闫雷
    December 8, 2018 at 12:27

    Fuck you you little piece of shit. Cut off the annoying video.

  16. Radu Puspana
    December 8, 2018 at 12:27

    great tips!!!

  17. Ivo SHEVO
    December 8, 2018 at 12:27

    can var still be used… ? i know there is "let" and "const". I am new to JavaScript and i just came across.

  18. AlpioRueda
    December 8, 2018 at 12:27

    How the hell can I display emojis in my code like you? That would have been the real tutorial

  19. Cristian Ost
    December 8, 2018 at 12:27

    Thank you.

  20. TRD91
    December 8, 2018 at 12:27

    How is this pro?

  21. Scott Norman
    December 8, 2018 at 12:27

    Could you go back over the part about the free t-shirt again?

  22. Sijo S
    December 8, 2018 at 12:27

    Unable to use any of these. People still use IE and It doesnt support es6

  23. Michael Francois
    December 8, 2018 at 12:27

    What plugin did you use to write your javascript code so fast?

  24. Amna Amin
    December 8, 2018 at 12:27

    is it 2019 already?

  25. Ed Kolosovsky
    December 8, 2018 at 12:27

    From YDKJS ES6 and Beyond book: Object spread (…obj) feature is not an ES6 feature. Such a feature was considered for ES6, but was deferred to be considered after ES6.

  26. Randy Ramnansingh
    December 8, 2018 at 12:27

    definitely a must watch for any new JS dev and a really good refresher/tip video for any existing devs

  27. G1K777
    December 8, 2018 at 12:27

    Normal people watch porn, i watch Pro Tips and rub my nipples (͠≖ ͜ʖ͠≖)

  28. G1K777
    December 8, 2018 at 12:27

    5:18

    return `${str[0]+ageStr} not ${str[0]}${ageStr}`;

  29. Cedric Okinga
    December 8, 2018 at 12:27

    This video goes too fast. Is it on purpose to make buy a book ?

  30. john doe
    December 8, 2018 at 12:27

    This is more of a refresher than a teaching tool. You aren't explaining anything in depth and are going extremely fast. If I was just starting this would be more confusing than helpful and anyone currently working with JS would already know this.

  31. Hristiyan Dodov
    December 8, 2018 at 12:27

    console.table() — mind blown

  32. Swizzle TV
    December 8, 2018 at 12:27

    Wow i just found you! You're awesome so clear i love it. Subbed 🙂

  33. Robotics 4.0
    December 8, 2018 at 12:27

    A Really Good Video !!!

  34. The_ Loner
    December 8, 2018 at 12:27

    Awesome content man <3

  35. Benjamin Falk
    December 8, 2018 at 12:27

    I personally think `console.log` is used way too often. A better debugging solution is to have good sourcemaps and then use your web console where you can actually set breakpoints. That way you don't need to set console.log all the time and accidentally commit that debug stuff as well (I know, using es- or tslint helps with that, but still)

  36. Ma Paul
    December 8, 2018 at 12:27

    that's telling me i need learning es6 now!

  37. My Reviews
    December 8, 2018 at 12:27

    Thanks for making me feel like an idiot after two years of practice. 😂

  38. jareklotz
    December 8, 2018 at 12:27

    Wooooowwww – but try this code in IE 🙂 Not always good practice is good. enjoy

  39. arman rozika
    December 8, 2018 at 12:27

    That would be so cool if there's a depth explanation and example in each of this !

  40. seyed hassan pooremami
    December 8, 2018 at 12:27

    Thanks for good content. please follow us at
    https://nopardazco.com/blog

  41. IGeometry
    December 8, 2018 at 12:27

    You sir are a genius! Been coding in Javascript for a while and most of the stuff here are new to me!

  42. shoaib ullah
    December 8, 2018 at 12:27

    Ok
    so Code which is time consuming is Bad and the other one is Good….What seriously!

  43. eu msm
    December 8, 2018 at 12:27

    Code not this that

  44. Krešimir Cindrić
    December 8, 2018 at 12:27

    Array methods like reduce, map and filter perform much slower than classic for loops. So keep that in mind when you have to process large arrays. For small arrays it doesn't make much difference and the code is prettier, but a classic for loop can be over 10 times quicker.

  45. Paolo Moscatelli
    December 8, 2018 at 12:27

    String concatenation 'a lot more readable' at 5:00 ??
    You made me laugh

Leave A Comment

You must be logged in to post a comment.