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
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
Sir thank you for your free react course
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.
I take this series along with your reactjs course, really helpful. Thanks!
I came here from your React course, your courses and videos are very detailed and to the point, our generation loves you John:)
These nuggets come with awesome sauce! Good stuff….thank you John!
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!
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.
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.
Thank you so much, I'm looking to learn more about JS from your great courses
Very good tutorial. Thanks John
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?
I love all your playlist
John Smilga the best tutor on the web
Good stuff!
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
So good. You deserve a sub.
Again this playlist is the best in order to move to any javascript playlist. be it Angular ,React, Vue, Svelte.
John the Legend!
thanks god i found you mate , you are a javascript samurai .
Hey! U got new subscriber, keep it up!
genial los vídeos muy creativos... saludos muchas gracias
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
Loved the explanation! Is this going to be a new series?
@CodingAddict
3 жыл бұрын
Yes, that's the plan :)
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.
Fantastico!
As a teacher: damn, you're an amazing teacher.
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.
Thank you!
Please sir upload more videos please . So helpful 🙏
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)
Thanks!
Thank you
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
Thank you bro.
interesants nagets. Labs video!
The best teacher
you're great ♥
Thank you so much sir
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
Thank you bor your best
Which extension is this? That allows you to see the output in the editor?
Another great tutorial thanks coding addict
Very nice
epic!
can you tell me what pacakge ur using for your vscode? the one that shows you the result/outcome of your code
Sir, which IDE did you use for this course? It looks cool.
@CodingAddict
3 жыл бұрын
VS-CODE
@johnsmilga can u please tell which extension are u using for the side by side debug on the editor?
@CodingAddict
Жыл бұрын
quokka.js
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.
How is that output coming can someone please tell be about the extension used for it.
@CodingAddict
2 жыл бұрын
quokka.js
fcc brought me here. subed
GOD!
which extension you used to show output on hover of variables… can anyone tell me pls
@erminmekic
Ай бұрын
Quokka js
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
What extension did you use on your vs code that logs your output next to the code?
@CodingAddict
Жыл бұрын
quokka
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
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
John Smilga have you thought about creating a Discord server so that students can help each other? This would be sooooo beneficial for us!
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.
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
what extension is he using for instant output preview ?
@CodingAddict
Жыл бұрын
quokka.js
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 🎉🎉
Which extension you are using, It shows the result in the editor?
@CodingAddict
3 жыл бұрын
quokka
Hello John, what's that extension that tells you when something is missing?
@CodingAddict
3 ай бұрын
quokka.js free edition
What are the settings and extension in vscode that you are using in this video?
@CodingAddict
3 жыл бұрын
quokka
Which extension u use for console and that green color squire?
@CodingAddict
Жыл бұрын
quokka.js
How called the extension that displays the result of console.log in VSC?
@CodingAddict
5 ай бұрын
quokka.js - free version
What extension do you use to get the instant results on the right hand side?
@CodingAddict
2 жыл бұрын
quokka.js
What is this extension for displaying console.log in VSC?
@CodingAddict
3 жыл бұрын
quokka
What extension u r using t see the output without consoling data
@CodingAddict
3 жыл бұрын
quokka.js
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
How are you logging the console outputs right in vs code
@CodingAddict
2 жыл бұрын
quokka.js extension
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.
extension to show the output while writing code?
@sumanthshettigar
5 ай бұрын
Thanks
What's the extension are you using there? [undefined, undefined, undefined]
@CodingAddict
Жыл бұрын
quokka.js
what is the extension to see logs like that?
@bitflipped5337
2 жыл бұрын
it's quokka my boi
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
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?
what extension you are using to show output at the right side of your code
@CodingAddict
3 жыл бұрын
quokka.js
is there any plugin to show console inside vs code?
@CodingAddict
2 жыл бұрын
Yes, quokka.js
How are you getting live output? I'm guessing this is an extension.
@CodingAddict
Жыл бұрын
yes. quokka.js
@rishabhkumarT
Жыл бұрын
@@CodingAddict thank you
Which vs extension is he using???
@CodingAddict
Жыл бұрын
quokka.js
What's extension to show log inside VS code?
@CodingAddict
3 жыл бұрын
quokka
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.
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
i am following your reactjs course on udemy..
@CodingAddict
2 жыл бұрын
Glad to hear that!
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
Welcome my fellow React course learners
awerome than you
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.
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.
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!
Can you share udemy course link? Need to enroll now.
@CodingAddict
2 жыл бұрын
Hello, sure! kzread.info/dash/bejne/pnqH28-dYqqygLg.html
@robeeeeen
2 жыл бұрын
@@CodingAddict Missed that, let me know when $9.99 offer please !!
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
how can u display the output of the console log in the same line in VS Code ?
100'th 🖤 comment...
i come here because i gotta learn react but not familiar with javascript. sob sob
! BEWARE ! this voice is generated by AI with Microsoftware.
@CodingAddict
4 ай бұрын
Sure :) Look at the date expert. AI was not even around 🤦♂
how to do get visual basic to preview the result of codes inside IDE?
@CodingAddict
3 жыл бұрын
It's Visual Studio Code and extension is quokka.js
@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
3 жыл бұрын
Yes, that's correct