Javascript Nuggets - Map

Source Code - github.com/john-smilga/javasc...
Products I Use:
Microphone - Shure SM7B - amzn.to/3fX55aD
Headphones - Shure AONIC 50 - amzn.to/3zbkxHC
Desk-Mounted Microphone Stand - amzn.to/3x3MBuS
Crossover - dbx 234s - amzn.to/3xcryGC
Audio Interface - Focusrite Scarlett 2i2 3rd Gen - amzn.to/3pt1wMx
Cheaper Microphone (My first mic) - Blue Yeti USB Mic amzn.to/3iliwTm
Blue Light Blocking Glasses - amzn.to/3fZASrv
Apple MacBook Pro 13.3" - amzn.to/3z5QDEK
iMac - amzn.to/3glWmOe
Second Monitor - LG 4K UHD 27UD88 - amzn.to/3ckdwdV
Wifi Router - TP-Link AC1900 - amzn.to/34ZSddz
Desk Chair - amzn.to/3ikNbQJ
Standing Desk - amzn.to/3zdKVAJ
Books I Recommend:
The Subtle Art of Not Giving a F*ck - amzn.to/3v9t8Yi
The Tipping Point - amzn.to/3gCslKj
Atomic Habits - amzn.to/3x52xNa
12 Rules for Life - amzn.to/3gln8pN
Deep Work - amzn.to/3cyAgqu
Digital Minimalism - amzn.to/3gao69A
A World Without Email - amzn.to/351Swoe
Rich Dad Poor Dad - amzn.to/3v8RWQ6
Rich Dad's Cashflow Quadrant - amzn.to/3ivt1Uk
Check out My Amazon Store for more products and books recommendations - www.amazon.com/shop/codingaddict
Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!

Пікірлер: 166

  • @dragosmanailoiu9544
    @dragosmanailoiu95443 жыл бұрын

    Hey Mr.Smilga I have just watched video #22 and #23 of your React course where yoou explain props and OMG your explanations are so good I actually love that you go from basic javascript and then to ES6 instead of giving us the ES6 syntax immidiately; it might not be the faster way of doing things but man I'm understanding things much better! Thank you

  • @briandacallos4234
    @briandacallos42343 жыл бұрын

    Sir thank you for your free react course

  • @roniDM.05
    @roniDM.053 жыл бұрын

    Mr Jhon Smilga i want to say thank for all your work teaching on youtube to people like us ,autodidacts,and curious for programing good bless you Mr.

  • @winterburn3010
    @winterburn30102 жыл бұрын

    I take this series along with your reactjs course, really helpful. Thanks!

  • @metinkucuk734
    @metinkucuk734 Жыл бұрын

    I came here from your React course, your courses and videos are very detailed and to the point, our generation loves you John:)

  • @kerrykreiter445
    @kerrykreiter445Ай бұрын

    These nuggets come with awesome sauce! Good stuff….thank you John!

  • @legalcoffee5315
    @legalcoffee53152 жыл бұрын

    so helpful! thanks for breaking down the map method in the nugget - now I understand how the variable in the parameter of the callback arrow function works - it really helps showing the output and value at every step and then looking at it from other perspectives :)

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    Glad it was helpful!

  • @shawnlee6775
    @shawnlee67753 жыл бұрын

    Oh man, thanks a million! I had to setup a custom function of nested loops to avoid entering a value that already exists in an array of objects. It was not hard to create but this method is like 4 times shorter and way easier to read.

  • @Shakeel714
    @Shakeel7143 жыл бұрын

    Thank you John, you are doing wonderful service to web dev community. Your are sharing best quality tutorials to learn web development. Thanks again, Sir.

  • @oz9957
    @oz99572 жыл бұрын

    Thank you so much, I'm looking to learn more about JS from your great courses

  • @weerawic
    @weerawic3 жыл бұрын

    Very good tutorial. Thanks John

  • @cjaym5671
    @cjaym56713 жыл бұрын

    Thank you for your hard work and sharing your knowledge with us. I really have learned so much from your tutorials.

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Happy to hear that!

  • @cjaym5671

    @cjaym5671

    3 жыл бұрын

    @@CodingAddict I'm new at coding and learning but, I'm confused about the .toUppercase I don't see it working in this tutorial when I follow along. I added the .toUppercase between the template literals (`${person.name.toUpperCase()}`) and now the text is all uppercase. Is this correct or am I not seeing something?

  • @jeroincababat565
    @jeroincababat5652 жыл бұрын

    I love all your playlist

  • @arthurnino93
    @arthurnino933 жыл бұрын

    John Smilga the best tutor on the web

  • @Geomaverick124
    @Geomaverick1243 жыл бұрын

    Good stuff!

  • @RandomGuy-hv7tb
    @RandomGuy-hv7tb11 ай бұрын

    I was just about to drop the idea to become a developer, hopeful i found your React tutorial and i understood yours one 90%, i was not understanding other tons of courses ♥️. Thankyou, rn giving interviews and doing well in it maybe will get a job in upcoming months

  • @PIRAKAS666
    @PIRAKAS666 Жыл бұрын

    So good. You deserve a sub.

  • @kolawoleomotosho3073
    @kolawoleomotosho30733 ай бұрын

    Again this playlist is the best in order to move to any javascript playlist. be it Angular ,React, Vue, Svelte.

  • @mhasancoder
    @mhasancoder2 жыл бұрын

    John the Legend!

  • @joselorenzini4196
    @joselorenzini4196 Жыл бұрын

    thanks god i found you mate , you are a javascript samurai .

  • @kaltylyric600
    @kaltylyric6003 жыл бұрын

    Hey! U got new subscriber, keep it up!

  • @oscarjurado3600
    @oscarjurado36003 жыл бұрын

    genial los vídeos muy creativos... saludos muchas gracias

  • @wingszeyip9756
    @wingszeyip97562 жыл бұрын

    Hi, thanks for a series of javascript tutorial. May I know what extensions you have been using for display the console log data?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    quokka.js

  • @zalodias123
    @zalodias1233 жыл бұрын

    Loved the explanation! Is this going to be a new series?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Yes, that's the plan :)

  • @frank3481
    @frank34813 жыл бұрын

    Are you planning on reduce nuggets too? Online courses only focus on adding things with reduce but I believe it’s more powerful than we think. I loved how you used reduce in one of your project examples. Appreciate it

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Yes, some variations of reduce coming up. I will start with the basic one though.

  • @robertobenedit
    @robertobenedit2 жыл бұрын

    Fantastico!

  • @joelmounts3336
    @joelmounts33362 жыл бұрын

    As a teacher: damn, you're an amazing teacher.

  • @DhanByCode
    @DhanByCode3 жыл бұрын

    Hey john your best for explain tutorial idk I see you explain like Maximilian Schwarzmüller very detailed and this is very rarely found instructur that explains well its awesome but I hope in this channel you make a title videos also like: things that programmers desperately need "how to learn good programming techniques", "how to be front end or backend or get jobs on big company or freelance like upwork, etc" like brad traversy, Maximilian Schwarzmüller, dev ed, they also make such titles so it's not just tutorials to make your channel develop properly.

  • @Sammorris207
    @Sammorris2073 жыл бұрын

    Thank you!

  • @himanshuparodia5351
    @himanshuparodia53513 жыл бұрын

    Please sir upload more videos please . So helpful 🙏

  • @immaculatecagubata3230
    @immaculatecagubata3230 Жыл бұрын

    Hey john thanks so much for all your tutorials, you are a born-teacher, You perfectly understand and know the act of teaching. Thanks. Please, in your javascript nuggets video, i can see some outputs at everypoint as you type esp during the map method explanation. What extension is that?

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    Hello. Thank you. It's quokka.js (free version)

  • @motielmakies631
    @motielmakies6312 жыл бұрын

    Thanks!

  • @shifronim8950
    @shifronim89503 жыл бұрын

    Thank you

  • @RameenFallschirmjager
    @RameenFallschirmjager3 жыл бұрын

    A great video like always. By the way, how could you display the result in the same page which you are writing the code like a terminal!?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka.js

  • @RameenFallschirmjager

    @RameenFallschirmjager

    3 жыл бұрын

    @@CodingAddict aha

  • @cklam813
    @cklam8133 жыл бұрын

    Thank you bro.

  • @massiveleg
    @massiveleg3 жыл бұрын

    interesants nagets. Labs video!

  • @andreescudragos680
    @andreescudragos6803 жыл бұрын

    The best teacher

  • @Sam-cz7ck
    @Sam-cz7ck3 жыл бұрын

    you're great ♥

  • @phongthanh6009
    @phongthanh60093 жыл бұрын

    Thank you so much sir

  • @tradingzenwithvikash
    @tradingzenwithvikash3 жыл бұрын

    Which extension have you used for printing console in that way ?...It's really cool to see live output

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Yes, it's very cool - quokka.js

  • @mianumer310
    @mianumer3103 жыл бұрын

    Thank you bor your best

  • @asim-gandu-phenchod
    @asim-gandu-phenchod3 жыл бұрын

    Which extension is this? That allows you to see the output in the editor?

  • @pitbul67204
    @pitbul672043 жыл бұрын

    Another great tutorial thanks coding addict

  • @mayurgawde2182
    @mayurgawde21823 жыл бұрын

    Very nice

  • @CoderDmitri
    @CoderDmitri3 жыл бұрын

    epic!

  • @phqzing9870
    @phqzing9870 Жыл бұрын

    can you tell me what pacakge ur using for your vscode? the one that shows you the result/outcome of your code

  • @michaelguch3279
    @michaelguch32793 жыл бұрын

    Sir, which IDE did you use for this course? It looks cool.

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    VS-CODE

  • @mayuripatil259
    @mayuripatil259 Жыл бұрын

    @johnsmilga can u please tell which extension are u using for the side by side debug on the editor?

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js

  • 3 жыл бұрын

    thank you for this tutorial, i always learn to much with this javascript nuggets, you can tell me whats the name of the extension you use to watch the result of the console on the code, thanks and sorry for my poor english 😁

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka

  • 3 жыл бұрын

    @@CodingAddict excelent, thank you so much.

  • @ayushbansal5706
    @ayushbansal57062 жыл бұрын

    How is that output coming can someone please tell be about the extension used for it.

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    quokka.js

  • @AccessCode101
    @AccessCode1013 жыл бұрын

    fcc brought me here. subed

  • @CoderDmitri
    @CoderDmitri3 жыл бұрын

    GOD!

  • @NileshVyas-ii2yc
    @NileshVyas-ii2yc2 ай бұрын

    which extension you used to show output on hover of variables… can anyone tell me pls

  • @erminmekic

    @erminmekic

    Ай бұрын

    Quokka js

  • @sakthivel-lc9ni
    @sakthivel-lc9ni2 жыл бұрын

    Can anyone tell me that how can work 'console.log(abcd)' inside the Visual studio. Normally we have check developer tools in chrome. please help me ..

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    Yeah, you need to install extension called quokka.js

  • @Easyman01
    @Easyman01 Жыл бұрын

    What extension did you use on your vs code that logs your output next to the code?

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka

  • @XobaidahX
    @XobaidahX Жыл бұрын

    i want to know how can i make my visual studio show me output results next to code lines ? for example when u have ur console.log its showing the output of it next to the line

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    it's a vs code extension called quokka

  • @jeroincababat565
    @jeroincababat5652 жыл бұрын

    What is your JavaScript extension that shows the output on each line same as at 2:31 it show undifined undifined ....

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    quokka.js

  • @adrian-4767
    @adrian-47673 жыл бұрын

    John Smilga have you thought about creating a Discord server so that students can help each other? This would be sooooo beneficial for us!

  • @user-ct5oo3do7b
    @user-ct5oo3do7b2 жыл бұрын

    I was confused by this: It says "does not change the size of the original array (unlike filter)", but the filter() method does not change the original array. Great videos! Thank you!

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    You are correct. I misspoke. Essentially with map our new array will have the same size as original unlike filter, which can be smaller.

  • @nkosikhonasithembiso6717
    @nkosikhonasithembiso6717 Жыл бұрын

    How are you getting your vscode to show console.log output like that? very cool

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js (free version)

  • @simrandev752

    @simrandev752

    Жыл бұрын

    I am also not able to do it even after installing the extension

  • @piriyanshu583
    @piriyanshu583 Жыл бұрын

    what extension is he using for instant output preview ?

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js

  • @logan_w0lvein194
    @logan_w0lvein19411 ай бұрын

    Sir please tell me what extension you have used to get console.log()'s in the code editor itself 😮😮😮😮😮😮😮😮 Please tell me sir. Sir I love your videos ❤ Whatever Javascript I know till now is all because of you. Arigato Gozaimous sir. Love from India ❤ Sir pls don't forget to tell me the extension, Big Fan sir 🎉🎉

  • @liaqatalihaidari4303
    @liaqatalihaidari43033 жыл бұрын

    Which extension you are using, It shows the result in the editor?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka

  • @AlbertoMonroy-lq2vw
    @AlbertoMonroy-lq2vw3 ай бұрын

    Hello John, what's that extension that tells you when something is missing?

  • @CodingAddict

    @CodingAddict

    3 ай бұрын

    quokka.js free edition

  • @gersonscheffer2765
    @gersonscheffer27653 жыл бұрын

    What are the settings and extension in vscode that you are using in this video?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka

  • @abskawser8565
    @abskawser8565 Жыл бұрын

    Which extension u use for console and that green color squire?

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js

  • @user-ov7gm7ey6l
    @user-ov7gm7ey6l5 ай бұрын

    How called the extension that displays the result of console.log in VSC?

  • @CodingAddict

    @CodingAddict

    5 ай бұрын

    quokka.js - free version

  • @universalworthy2169
    @universalworthy21692 жыл бұрын

    What extension do you use to get the instant results on the right hand side?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    quokka.js

  • @lukas85s
    @lukas85s3 жыл бұрын

    What is this extension for displaying console.log in VSC?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka

  • @nick-sx2zn
    @nick-sx2zn3 жыл бұрын

    What extension u r using t see the output without consoling data

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka.js

  • @bornok1040
    @bornok10403 жыл бұрын

    Help me please, what's called that extension which allows to see content of variables, lists etc. next to its name?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka.js

  • @blankomog
    @blankomog2 жыл бұрын

    How are you logging the console outputs right in vs code

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    quokka.js extension

  • @MrTomequ
    @MrTomequ3 жыл бұрын

    Filter doesn't change the size of original array either, or am I wrong?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    It does not change the size of original but the resulting array might be smaller, unlike map.

  • @sumanthshettigar
    @sumanthshettigar5 ай бұрын

    extension to show the output while writing code?

  • @sumanthshettigar

    @sumanthshettigar

    5 ай бұрын

    Thanks

  • @praveenraj4810
    @praveenraj4810 Жыл бұрын

    What's the extension are you using there? [undefined, undefined, undefined]

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js

  • @alirezashahmoradi7648
    @alirezashahmoradi76482 жыл бұрын

    what is the extension to see logs like that?

  • @bitflipped5337

    @bitflipped5337

    2 жыл бұрын

    it's quokka my boi

  • @mickymouse4069
    @mickymouse40692 жыл бұрын

    Sir, what extension are you using to display values inline in vs code? never mind. Just saw that. It is quokka,js

  • @showmethemoney350

    @showmethemoney350

    2 жыл бұрын

    It's quokka pro I guess

  • @syedmuzakkir9907
    @syedmuzakkir99072 жыл бұрын

    const personAges = people.map((person) => { return person.age; }); console.log(`personAges ${personAges}`); console.log("personAges", personAges); OUTPUT: personAges 20,25,30,26 personAges [ '20', '25', '30', '26' ] Different output?

  • @nahidfaraji5069
    @nahidfaraji50693 жыл бұрын

    what extension you are using to show output at the right side of your code

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka.js

  • @Fatima-ie5kj
    @Fatima-ie5kj2 жыл бұрын

    is there any plugin to show console inside vs code?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    Yes, quokka.js

  • @rishabhkumarT
    @rishabhkumarT Жыл бұрын

    How are you getting live output? I'm guessing this is an extension.

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    yes. quokka.js

  • @rishabhkumarT

    @rishabhkumarT

    Жыл бұрын

    @@CodingAddict thank you

  • @sonalkumar8652
    @sonalkumar8652 Жыл бұрын

    Which vs extension is he using???

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    quokka.js

  • @haphamthai6878
    @haphamthai68783 жыл бұрын

    What's extension to show log inside VS code?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    quokka

  • @ubuntu-jz2sv
    @ubuntu-jz2sv Жыл бұрын

    Hi, this is my first experience with javascript: I have a question about map At first, he said that the map returns a new array, but when he used Template String,The result was elements, not array am i wrong, Maybe I don't get the idea yet

  • @CodingAddict

    @CodingAddict

    Жыл бұрын

    But if you log, you will see that it's still array.

  • @amirhosseinfattahi2930
    @amirhosseinfattahi29303 жыл бұрын

    Hello Your training in Udemy is wonderful and excellent I wanted to know how can we ask if we have a question?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Sure, in course Q&A

  • @Me_and_nature2024
    @Me_and_nature20242 жыл бұрын

    i am following your reactjs course on udemy..

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    Glad to hear that!

  • @11305205219
    @113052052192 жыл бұрын

    i am beginner from taiwan student, as this video i wana know how can put console inside vscode. it is awesome when debug and learn

  • @11305205219

    @11305205219

    2 жыл бұрын

    and that red,green,white square is mean what ?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    you need to install vs-code extension quokka.js

  • @11305205219

    @11305205219

    2 жыл бұрын

    tks

  • @HocineKamikaz
    @HocineKamikaz Жыл бұрын

    Welcome my fellow React course learners

  • @patitorodri
    @patitorodri2 жыл бұрын

    awerome than you

  • @DatMan404
    @DatMan4043 жыл бұрын

    My html page displays ${person.name} instead of the person's name. What did I do wrong?

  • @professormeow3399

    @professormeow3399

    3 жыл бұрын

    Hard to tell without seeing what you did. As far as I know, if you are using template strings you should put them in between ` string ` instead of (single) quotation marks like ' string '. Mb that's it? (Oh I am five months late)

  • @DatMan404

    @DatMan404

    3 жыл бұрын

    @@professormeow3399 Thank you but I fixed it. I was just a big newbie at the time and didn't know the basic structure of things.

  • @tahavirdiwala4881
    @tahavirdiwala48812 жыл бұрын

    is it a javascript course?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    I'm sorry but I'm not sure what you mean.

  • @tahavirdiwala4881

    @tahavirdiwala4881

    2 жыл бұрын

    @@CodingAddict oh yeah its impossible to bring complete javascript course lol, but you made a javascript fundamentals, on the other hand every youtuber writes javascript complete course on their videos but you are amazing.

  • @emanueltejadacoste2250
    @emanueltejadacoste22503 жыл бұрын

    Why arentoue console log in the vs code editor ?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Hmm. I'm sorry but I don't understand the question.

  • @emanueltejadacoste2250

    @emanueltejadacoste2250

    3 жыл бұрын

    @@CodingAddict when you use console.log the result is there in visual studio besides the console.log() command and you dont open a console. I guessing thats a vs code extension

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Got it. yes, quokka.js

  • @emanueltejadacoste2250

    @emanueltejadacoste2250

    3 жыл бұрын

    @@CodingAddict thank you ! You are amazing ! I saw your react fundamental tutorial and finally made my portfolio

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Awesome! Glad you find the content useful!

  • @robeeeeen
    @robeeeeen2 жыл бұрын

    Can you share udemy course link? Need to enroll now.

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    Hello, sure! kzread.info/dash/bejne/pnqH28-dYqqygLg.html

  • @robeeeeen

    @robeeeeen

    2 жыл бұрын

    @@CodingAddict Missed that, let me know when $9.99 offer please !!

  • @peterlesko8644
    @peterlesko86442 жыл бұрын

    Hi, you are saying welcome to another Javascript Nuggets video. However this 1srt video in 20 video sessions. So where are the previous videos for Javascript Nuggets ?

  • @CodingAddict

    @CodingAddict

    2 жыл бұрын

    This is the first one

  • @ObjectDesigner
    @ObjectDesigner3 жыл бұрын

    how can u display the output of the console log in the same line in VS Code ?

  • @ijassubair7983
    @ijassubair79832 жыл бұрын

    100'th 🖤 comment...

  • @sheaw9244
    @sheaw92443 жыл бұрын

    i come here because i gotta learn react but not familiar with javascript. sob sob

  • @chnokim2051
    @chnokim20514 ай бұрын

    ! BEWARE ! this voice is generated by AI with Microsoftware.

  • @CodingAddict

    @CodingAddict

    4 ай бұрын

    Sure :) Look at the date expert. AI was not even around 🤦‍♂

  • @bit.blogger
    @bit.blogger3 жыл бұрын

    how to do get visual basic to preview the result of codes inside IDE?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    It's Visual Studio Code and extension is quokka.js

  • @bit.blogger

    @bit.blogger

    3 жыл бұрын

    @@CodingAddict yes I download the Visual Studio Code and I'm new to it. So I need to add the quokka.js Extension on it. is that right?

  • @CodingAddict

    @CodingAddict

    3 жыл бұрын

    Yes, that's correct