Javascript Nuggets

Javascript Nuggets - Map

Рет қаралды 147,663

3 жыл бұрын

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 3 жыл бұрын

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 3 жыл бұрын

Sir thank you for your free react course

@roniDM.05 3 жыл бұрын

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 2 жыл бұрын

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

@metinkucuk734 Жыл бұрын

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

@legalcoffee5315 2 жыл бұрын

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 2 жыл бұрын

Glad it was helpful!

@kerrykreiter445 2 ай бұрын

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

@shawnlee6775 3 жыл бұрын

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.

@weerawic 3 жыл бұрын

Very good tutorial. Thanks John

@Shakeel714 3 жыл бұрын

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 2 жыл бұрын

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

@cjaym5671 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

Happy to hear that!

@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 2 жыл бұрын

I love all your playlist

@arthurnino93 3 жыл бұрын

John Smilga the best tutor on the web

@Geomaverick124 3 жыл бұрын

Good stuff!

@RandomGuy-hv7tb 11 ай бұрын

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 Жыл бұрын

So good. You deserve a sub.

@mhasancoder 2 жыл бұрын

John the Legend!

@joselorenzini4196 Жыл бұрын

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

@kaltylyric600 3 жыл бұрын

Hey! U got new subscriber, keep it up!

@kolawoleomotosho3073 4 ай бұрын

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

@oscarjurado3600 3 жыл бұрын

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

@robertobenedit 2 жыл бұрын

Fantastico!

@joelmounts3336 2 жыл бұрын

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

@Sammorris207 3 жыл бұрын

Thank you!

@phongthanh6009 3 жыл бұрын

Thank you so much sir

@motielmakies631 2 жыл бұрын

Thanks!

@cklam813 3 жыл бұрын

Thank you bro.

@DhanByCode 3 жыл бұрын

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.

@Sam-cz7ck 3 жыл бұрын

you're great ♥

@shifronim8950 3 жыл бұрын

Thank you

@himanshuparodia5351 3 жыл бұрын

Please sir upload more videos please . So helpful 🙏

@mianumer310 3 жыл бұрын

Thank you bor your best

@frank3481 3 жыл бұрын

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 3 жыл бұрын

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

@massiveleg 3 жыл бұрын

interesants nagets. Labs video!

@wingszeyip9756 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

quokka.js

@andreescudragos680 3 жыл бұрын

The best teacher

@mayurgawde2182 3 жыл бұрын

Very nice

@zalodias123 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

Yes, that's the plan :)

@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 Жыл бұрын

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

@CoderDmitri 3 жыл бұрын

epic!

@pitbul67204 3 жыл бұрын

Another great tutorial thanks coding addict

@RameenFallschirmjager 3 жыл бұрын

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 3 жыл бұрын

quokka.js

@RameenFallschirmjager 3 жыл бұрын

@@CodingAddict aha

@CoderDmitri 3 жыл бұрын

GOD!

@AccessCode101 3 жыл бұрын

fcc brought me here. subed

@tradingzenwithvikash 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

Yes, it's very cool - 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 3 жыл бұрын

quokka

3 жыл бұрын

@@CodingAddict excelent, thank you so much.

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

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

@user-ct5oo3do7b 2 жыл бұрын

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 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.

@michaelguch3279 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

VS-CODE

@mayuripatil259 Жыл бұрын

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

@CodingAddict Жыл бұрын

quokka.js

@sakthivel-lc9ni 2 жыл бұрын

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 2 жыл бұрын

Yeah, you need to install extension called quokka.js

@adrian-4767 3 жыл бұрын

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

@ayushbansal5706 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

quokka.js

@Easyman01 Жыл бұрын

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

@CodingAddict Жыл бұрын

quokka

@syedmuzakkir9907 2 жыл бұрын

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?

@NileshVyas-ii2yc 3 ай бұрын

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

@erminmekic Ай бұрын

Quokka js

@phqzing9870 Жыл бұрын

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

@logan_w0lvein194 Жыл бұрын

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 🎉🎉

@piriyanshu583 Жыл бұрын

what extension is he using for instant output preview ?

@CodingAddict Жыл бұрын

quokka.js

@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 Жыл бұрын

it's a vs code extension called quokka

@MrTomequ 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

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

@jeroincababat565 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

quokka.js

@nick-sx2zn 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka.js

@nkosikhonasithembiso6717 Жыл бұрын

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

@CodingAddict Жыл бұрын

quokka.js (free version)

@simrandev752 Жыл бұрын

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

@user-ov7gm7ey6l 5 ай бұрын

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

@CodingAddict 5 ай бұрын

quokka.js - free version

@liaqatalihaidari4303 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka

@AlbertoMonroy-lq2vw 4 ай бұрын

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

@CodingAddict 4 ай бұрын

quokka.js free edition

@abskawser8565 Жыл бұрын

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

@CodingAddict Жыл бұрын

quokka.js

@sumanthshettigar 6 ай бұрын

extension to show the output while writing code?

@sumanthshettigar 6 ай бұрын

Thanks

@blankomog 2 жыл бұрын

How are you logging the console outputs right in vs code

@CodingAddict 2 жыл бұрын

quokka.js extension

@lukas85s 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka

@praveenraj4810 Жыл бұрын

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

@CodingAddict Жыл бұрын

quokka.js

@sonalkumar8652 Жыл бұрын

Which vs extension is he using???

@CodingAddict Жыл бұрын

quokka.js

@alirezashahmoradi7648 3 жыл бұрын

what is the extension to see logs like that?

@bitflipped5337 2 жыл бұрын

it's quokka my boi

@universalworthy2169 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

quokka.js

@bornok1040 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka.js

@gersonscheffer2765 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka

@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 Жыл бұрын

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

@mickymouse4069 2 жыл бұрын

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

@showmethemoney350 2 жыл бұрын

It's quokka pro I guess

@patitorodri 2 жыл бұрын

awerome than you

@Fatima-ie5kj 3 жыл бұрын

is there any plugin to show console inside vs code?

@CodingAddict 3 жыл бұрын

Yes, quokka.js

@rishabhkumarT 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

yes. quokka.js

@rishabhkumarT 2 жыл бұрын

@@CodingAddict thank you

@nahidfaraji5069 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

quokka.js

@11305205219 2 жыл бұрын

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 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

you need to install vs-code extension quokka.js

@11305205219 2 жыл бұрын

tks

@amirhosseinfattahi2930 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

Sure, in course Q&A

@Me_and_nature2024 2 жыл бұрын

i am following your reactjs course on udemy..

@CodingAddict 2 жыл бұрын

Glad to hear that!

@HocineKamikaz Жыл бұрын

Welcome my fellow React course learners

@haphamthai6878 3 жыл бұрын

What's extension to show log inside VS code?

@CodingAddict 3 жыл бұрын

quokka

@tahavirdiwala4881 2 жыл бұрын

is it a javascript course?

@CodingAddict 2 жыл бұрын

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

@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.

@robeeeeen 2 жыл бұрын

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

@CodingAddict 2 жыл бұрын

Hello, sure! kzfaq.info/get/bejne/qqyDrNCVl62wgIk.html

@robeeeeen 2 жыл бұрын

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

@ijassubair7983 2 жыл бұрын

100'th 🖤 comment...

@DatMan404 3 жыл бұрын

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

@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 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.

@peterlesko8644 2 жыл бұрын

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 2 жыл бұрын

This is the first one

@emanueltejadacoste2250 3 жыл бұрын

Why arentoue console log in the vs code editor ?

@CodingAddict 3 жыл бұрын

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

@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 3 жыл бұрын

Got it. yes, quokka.js

@emanueltejadacoste2250 3 жыл бұрын

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

@CodingAddict 3 жыл бұрын

Awesome! Glad you find the content useful!