All Pro Web Designs > > Learning Tutorials > Programming Languages > JavaScript > 15 Mistakes Beginner JavaScript Developer Make – Are You One of Them?!
15 Mistakes Beginner JavaScript Developer Make – Are You One of Them?!
- January 20, 2024
- Posted by: MainInstructor
- Category: JavaScript
Video Title: 15 Mistakes Beginner JavaScript Developer Make – Are You One of Them?!
-
Sale!
Wireless WIFI Repeater Extender Amplifier Booster 300Mbps
$29.99$14.99 Add to cartWireless WIFI Repeater Extender Amplifier Booster 300Mbps
Categories: Electronics, Wi-Fi Router, Wireless Wi-Fi Extender Tags: 300Mbps, 802.11N, Amplifier, Booster, Extender, mobile wi-fi booster, Remote, WIFI, Wireless, Wireless WIFI, Wireless WIFI Repeater, Wireless WIFI Repeater Extender, Wireless WIFI Repeater Extender Amplifier, Wireless WIFI Repeater Extender Amplifier Booster, Wireless WIFI Repeater Extender Amplifier Booster 300Mbps$29.99$14.99 -
Sale!
Full RGB Light Design Gaming Headset Headphones with Mic
$24.99$14.99 Add to cartFull RGB Light Design Gaming Headset Headphones with Mic
Categories: Electronics, Gaming, Gaming Headsets Tags: Design, Full, Full RGB Light Design Gaming Headset, Full RGB Light Design Gaming Headset Headphones, Full RGB Light Design Gaming Headset Headphones with Mic, Gamer, Gaming, Gaming Headset Headphones, gaming headset wireless, Headphone, Headphones, Headset, Light, Mic, Package, RGB$24.99$14.99 -
Sale!
Wireless BlueTooth Multi-Device Keyboard Mouse Combo
$39.99$19.99 Add to cartWireless BlueTooth Multi-Device Keyboard Mouse Combo
Categories: Electronics, Gaming, Gaming Keyboards, Keyboard Mouse Combos Tags: Combo, Keyboard, keyboard mouse combos, Mouse, MultiDevice, Set, WireKeyboard Mouse Combo, Wireless, Wireless BlueTooth Keyboard Mouse Combo, Wireless BlueTooth Keyboard Mouse Combos, Wireless BlueTooth Multi-Device Keyboard Mouse Combo, Wireless BlueTooth Multi-Device Keyboard Mouse Combos$39.99$19.99 -
Sale!
High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar
$199.99$139.99 Add to cartHigh Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar
Categories: Gaming, Gaming Chairs Tags: Adjustable, Chair, computer chairs, Desk, Executive, Gaming, Girl, Headrest, High, High Back Leather Executive Adjustable Swivel Gaming Chair, High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest, High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar, High Back Leather Executive Adjustable Swivel Gaming Chairs, Leather, Lumbar, Office, Racing, Swivel$199.99$139.99 -
Sale!
Professional LED Light Wired Gaming Headphones with Noise Cancelling Microphone
$29.99$19.99 Select optionsProfessional LED Light Wired Gaming Headphones with Noise Cancelling Microphone
SKU: N/A Categories: Electronics, Gaming, Gaming Headsets Tags: Cancelling, Gaming, Gaming Headphones with Noise Cancelling Microphone, gaming headset, Headphones, Headset, LED, Light, Mic, Microphone, Noise, Professional, Professional LED Light Wired Gaming Headphones, Professional LED Light Wired Gaming Headphones with Noise Cancelling Microphone, Wired, Wired Gaming Headphones, Wired Gaming Headphones with Noise Cancelling Microphone$29.99$19.99 -
Sale!
Gaming Desk with LED Lights USB Power Outlets and Charging Ports
$349.99$249.99 Select optionsGaming Desk with LED Lights USB Power Outlets and Charging Ports
SKU: N/A Categories: Computer Desk, Gaming, Gaming Desk Tags: and Charging Ports, Charging, Desk, Desks, Gaming, gaming desk with led lights, Gaming Desks with LED Lights, Home, LED, Lights, Monitor, Office, Outlets, Port, Power, Room, Stand, USB, USB Power Outlets, White, Workstation$349.99$249.99 -
Sale!
Wired Mixed Backlit Anti-Ghosting Gaming Keyboard
$99.99$79.99 Add to cartWired Mixed Backlit Anti-Ghosting Gaming Keyboard
Categories: Electronics, Gaming, Gaming Keyboards Tags: Antighosting, Backlit, Blue, brown, Gaming, Gaming Keyboard, gaming keyboards, gaming keyboards and mouse, Keyboard, Laptop, Switch, Wired, Wired Mixed Backlit Anti-Ghosting Gaming Keyboard, Wired Mixed Backlit Anti-Ghosting Gaming Keyboards, Wired Mixed Backlit Gaming Keyboard$99.99$79.99 -
Sale!
Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset
$119.99$59.99 Add to cartWireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset
Categories: Electronics, Gaming, Gaming Headsets Tags: 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset, ANC, Audio, Bluetooth, Cancellation, Ear, Earphone, gaming headset, Headphones, Headset, Hi-Res Over the Ear Headphones Headset, HiRes, Noise, Wireless, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Headphones, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headsets$119.99$59.99 -
Sale!
Wired Sports Gaming Headset Earbuds with Microphone
$19.99$9.99 Select optionsWired Sports Gaming Headset Earbuds with Microphone
SKU: N/A Categories: Gaming, Gaming Headsets Tags: Accessories, Earbud, Earphone, Earphones, Gaming, gaming headset with microphone, Headphones, Headset, IOS, Microphone, Sports, Wired, Wired Sports Gaming Headset Earbuds, Wired Sports Gaming Headset Earbuds with Microphone, Wired Sports Headset Earbuds$19.99$9.99 -
Sale!
150W Universal Multi USB Fast Charger 16 Port MAX Charging Station
$49.99$29.99 Add to cart150W Universal Multi USB Fast Charger 16 Port MAX Charging Station
Categories: Charging Stations, Electronics Tags: 150W, 150W Charging Station, 150W Universal Multi USB Charging Station, 150W Universal Multi USB Fast Charger 16 Port MAX Charging Station, 150W Universal Multi USB Fast Charger 16 Port MAX Charging Stations, 150W Universal Multi USB MAX Charging Station, 16 Port MAX Charging Station, 3.5A, Charger, Charging, Fast, laptop charging stations, Max, Multi, Port, Stand, Station, Universal, USB$49.99$29.99
beginner javascript
beginner javascript mistakes
cannot read property of undefined
common javascript mistakes
const vs let vs var
es6 javascript
html javascript import
javascript equality
javascript functions
javascript mistakes
javascript tutorial
js tutorial
learn javascript
learn to code
programming best practices
variable naming
web development
Check out the full Source Code 👉 https://join.replit.com/jamesqquick
Why use anything other than VS Code these days? May not be the best or perfect, but does run on windows, mac, unix and supports nearly any language one might care for…
08:22 Could anyone explain what is James explaining about, I'm unable to understand
Video Se Excellent But can you add some syllable Stress On your English speaking 🐏 it'll Really Help
awesome
Thanks for the video
Thanks, it was great to see I'm not alone making these beginner's mistakes! Great way of explaining!
youre the man mil gracias !!
In this example you gave concerning the object vs primitives comparison, is this situation only specific to objects, or does it include other non-primitive data types?
10:25 i have "problem" with event listeners.. sometimes 30 lines ans more 🙁
both these guys are in the same room!!!
Hahaha I like that you talk to yourself 🙂
Too bright lol
Thank you. Interesting. In the hasEvenNumber function, the retVal variable remained, which is not used
I would put into beginner mistakes as well when someone creating a variable with an anonymous function as a value instead of using function keyword. 🙂
joking apart, could you please explain why do you prefer anonym functions as variables than named functions? the former is a function acting as data. why using a function as a data when there is a way to create a function just to be a function? …and functions with names are better for debugging. functions as data should be used for example to work with higher-order functions.
I’ve been told it’s better practice to store the JS file in the head with all other meta data and just defer it. What are your thoughts?
i will make my recommendation before watching the whole video, when you guys are programming in JS, use a well configured linter, like ES lint for example, it can show bad javascript in red (like errors) it will compile anyways, but you will have the chance to correct them before compiling.
7. unnecessary return. Even shorter (use implicit return, skip optional paren) "const isOdd = num => num % 2 === 1"
Note: arrow functions DO return values (implicitly). This would have worked "const getAddedValue = (a, b) => a + b" without using return.
Amazing @James Q Quick It was awesome I did learn a lot thank you so much Amazing chanell
HTML and CSS Layout –
https://youtu.be/4l7jUOc-2QQ
In "Cannot Read Property of Undefined", how about using optional chaining:
function printName(person) {
let name = person?.name;
console.log(name?name:'Unknown person');
}
For the first one, removing the curly braces will also fix the error by relying on the implicit return mechanism of concise body arrow functions. This is specific to arrow functions, and can only be used if the function can be written as a single expression. If you need a block body, you do need an explicit return statement. Just thought it's worth mentioning because people might come across code that looks almost like the example but which actually works.
Because my functions usually return nothing. I also didn't know that 'some text' % 2 may return something not int. I knew so many good things, so I can ask for a raise now.
The biggest mistake that I personally make is not coding every, single, day. Gotta be in it to win it, thanks @James Q Quick! 💪🏻
First of all, I would like to wish you good luck on this "new path" working full time here.
I hope you enjoy it and that you have way more return than effort making these awesome videos.
Also I'm quite happy to realise that I usually don't make most of these mistakes and as a beginner
it's hell of incentive. Thanks James, for real!!!
thanks
I have been working in the industry for a couple of years now. Most of what you mentioned would have been very helpful to know back when I started. I admit there are a couple of those that I still struggle to remember to do, i.e. handling errors and knowing if a method or extension is a mutator or asynchronous. Thanks for the reminders and for making me aware of how much I have grown as a developer. Things like this help me to prepare for being a better mentor as well. I think it is easy for us to forget what the exact struggles we went through on our journey. Your videos are always helpful in either teaching something new, reminding me to do things the right way, or keeping me aware of the things I should help pass down to the next new developer.
Thank you, James!!!
Always happy to see cap guy making his cameo!
20:00 and 23:15, Objects in JS, unlike primitive types, are passed by reference, then you are, essentially, messing with the same object. Be careful here.
Excellent video !
Thanks for sharing, James.
Using most of these "pitfalls" during a first interview ..
Just as an info …
JS Juniors sometimes also are getting "blocked" when seeing a try… catch… finally structure…
Might need some explanation as well.
Thank you, as I watch many people, I've learned shorter ways, but not always the best or most descriptive, here are a few.
– defer your js file like so. <script src="./myScript.js" defer > </script> in the Head.
– isOdd can be shorter like so, const isOdd = num => (num % 2 === 1)
– err && console.error(err)
Still great to see this stuff
Just a small note, you can keep script in the head of the document, but you should add defer attribute to it and it would solve the issue)
Yes i face same in beginning 💪👍
Line 80 @ 10:00, you have changed arr to names, but not in the **Better** code.
Hi James, in VS Code what’s the fastest way to type “const” … is there a shortcut? Like, a way to generate it faster than typing 5 chars.
Thanks for the useful video, Just a quick note in 9:50 condition of for loop i must be less than names.length not arr.length also in second line access to it by names[i] not arr[i]
would you ever make a video like this about React? I'm going through it currently and trying to avoid the crap I did with vanilla 😅
Replit looks pretty cool. However, that white theme is burning a hole in my retina 😀 Option for dark?