JavaScript
Understanding the Weird Parts

Highly agree on Maximilian Schwarzmuller's courses.

Would also recommend Anthony Alicea's - JavaScript: Understanding the Weird Parts https://www.udemy.com/course/understand-javascript/

https://www.udemy.com/course/understand-javascript/ you mean?

I absolutely agree that you need to start by learning vanilla JS before anything else. It may be slightly dated at this point but i really recommend this course on Udemy

https://www.udemy.com/course/understand-javascript/

It explains core fundamentals very well which will be extremely important for your career moving forward. Good luck, let us know if you have any questions!

For someone that is somewhat new to JS, I'd highly reccomend this course.

https://www.udemy.com/course/understand-javascript/

I can vouch for the Udemy one (Jonas' course). Did it 3 years ago and it definitely enabled me to "actually" learn javascript. You need strong fundamentals if you want to be effective in using JS frameworks and this course certainly delivered for me.

There's a lot of exercises there and he really does take you from absolutely beginner to mid / intermediate level provided that you actually apply what you learn on your own. The course is frequently updated too if you wonder.

As a side note, I almost always recommend these two when learning JavaScript:

• JavaScript: Understanding the Weird Parts by Anthony Alicea - hands down one of the best deep-dive into how JavaScript works under the hood
• Watch and Code by Gordon Zhu - similar with Anthony's course but much more digestable while being in depth as well. This one actually taught me how to use the browser's debugger tool

Lastly, I'd say the most effective way of learning (for me) is by building projects, doesn't have to big, a calculator, todo-list, cloning app features, etc. This heavily re-inforces what you've learned from those courses and unlocks a lot of concepts that you might only learn if you did things own your own.

10000% this. I get newbies from boot camps to intern with us and first thing we do is make them watch a udemy course called Javascript: The Weird Parts. It deep dives into JS as a language which gives you a strong base for understanding why certain things are done and debugging.

You CAN do react without much JS, but it will be akin to changing you car's alternator without knowing the basics of cars engine mechanics; if something goes wrong, you're SOL. Highly recommend that course, https://www.udemy.com/course/understand-javascript/

Also, as this comment states, verse yourself with HTML and javascript's interactions with it AKA, learn DOM manipulation. It will help you grasp the magic that react libraries are using under the hood.. its all JS and DOM.

weird this was last updated on 9/2020

Being new-ish to the language I would highly recommend Javascript: Understanding the weird parts. Definitely get the concepts of js down before jumping into a framework. Otherwise you're likely to confuse where the language ends and the framework begins. It's important to understand why using a framework or library is a good or bad idea for a given project. Good luck on your journey, I'm planning to jump into kotlin shortly!

To learn Javascript, I have found this to be a very good course. It's a paid course but is available for free in many of the "udemy course downloader" sites. All the best for your future. Don't forget to update us on your journey.

100%! There are tons of fragmented tutorials on YouTube but its nice to a structured way to start. Depending on your JS level (if you need to learn or brush up) this course still stands the test of time Javascript understanding the weird parts

Check this course. Then after that, you can proceed to learn javascript frameworks.

I haven't watch any of those two courses.

Of course Mozilla docs are great, too.

Actually my favorite is Understanding the weird parts on Udemy. It might be old. But it is gold. You will understand a lot about JavaScript. Some parts of it are also on youtube.

Will Sentance courses on Frontendmasters are also good.

Toftal length: 11h30m

Second this advice. Avoid TypeScript and CSS pre-processors, learn basic JS and CSS very well first.

In that vein, I strongly recommend Anthony Alicea's course JavaScript: Understanding the Weird Parts as a way to learn JS deeply. It's a bit dated now, but still good. I credit that course with helping me truly understand how JavaScript works.

Tony Aliceas course

https://www.udemy.com/course/understand-javascript/

I haven't taken the course, but from what I can tell, it looks like it has stayed up-to-date.

Generally, if a course was published after 2015 (ES6), it should be up-to-date and if it was published before, it should be avoided. Although many language constructs from before then are still relevant and valuable, there have been huge changes in best-practices, developer-tooling, and the perception of the language as a whole.

The course you refer to appears to have been last updated last month, has some fantastic reviews (>94% of reviews are 4 or 5 stars), and has videos with titles surrounding ES6 features ("Scope, ES6, and let", "ES6 and Classes", "TypeScript, ES6, and Transpiled Languages", "ES6 Features Reference") (15.5 minutes).

Based on the author's reputation and the appearance that they routinely update their course to stay relevant, I would probably trust this course and consider their $15.99 offer a steal.

OP if you're relatively new to programming, as others have said, it is useful to know what/where/when stuff is going to occur.

I recommend Javascript, understanding the weird parts https://www.udemy.com/course/understand-javascript/

There's some parts on YouTube for free about this.

Also JavaScript and the hard parts is also pretty similar. I think a bootcamp creator made a series about that. It's all talking about Execution Contexts.

These would really help in picking out how programming languages work and prioritize your code.

I also have trouble with closures without looking it up so don't worry too much, but knowing it exists and a general understand of it to help with debugging is very helpful.

https://www.udemy.com/course/understand-javascript/ You can start with the scope of this course. Free resources are also available for these topics, you can use this as a reference of what to study. Once you are done, make some(even one will do) complex projects with vanilla js.

JavaScript: Understanding the Weird Parts

Great post!!

The only remark I have is about Tony Alicea’s JavaScript: Understanding the Weird Parts

It is certainly NOT out of date. The whole theory behind it, keeps on living... This is one of the best JS vids I've seen so far.

You'll learn about how context works, how the context manages closures, all about the weird parts, ...

And for those people who think JS theory is wasted or theory questions, like what is a closure is pointless in interviews, you ARE wrong. You want to be an expert and work in a quality environment, you learn the theory. It's with theory AND practice, that you'll advance. Knowing what happen in the background, is what makes you understand more.

Unfortunately I see it everywhere. "Programmers" copying code from the net, and using it on bigger projects... No knowledge, code consistency or whatsoever. Just copy/paste the damn thing. Try and figure it out by yourself. You'll learn way more. In the first few years, you might take 3 to 4 times longer to create something decent, but the more you do it yourself, the faster it goes.

If you are looking for something in depth as in how things work under the hood in JS, I would highly recommend this,

https://www.udemy.com/course/understand-javascript/

JavaScript: Understanding the Weird Parts

An advanced JavaScript course for everyone! Scope, closures, prototypes, 'this', build your own framework, and more.

Thanks!

JavaScript: Understanding the Weird Parts

JavaScript.info

I really enjoyed Javascript: Understanding the Weird Parts by Anthony Alicea.
https://www.udemy.com/course/understand-javascript/

I highly recommend this

https://www.udemy.com/course/understand-javascript/

You can watch the first 3 and a half hours free here (the creator uploaded it)

https://youtu.be/Bv_5Zv5c-Ts

You can check The Net Ninja channel on YouTube. He explains very simple and right straight to the point. https://youtube.com/c/TheNetNinja

If you having the problem to understand basics of JavaScript then I suggest you to take Udemy course JavaScript: Understanding the Weird Parts by Anthony Alicea https://www.udemy.com/course/understand-javascript/

https://www.udemy.com/course/understand-javascript/ this is great !!!

I found this course extremely helpful.

https://www.udemy.com/course/understand-javascript/

Ja takođe retko kad čitam duge tekstove. Čestitke na istrajnosti.

Razmišljao sam skoro da uzmem scrimba pro ali peocitah negde da kažu da je outdated. Tako da uzeh JavaScript: Understanding the Weird Parts od Anthony Alicea i Modern React & Redux od Stephen Grider.

JavaScript: Understanding the Hard Parts

It doesn't get much better than that, my friend

https://www.udemy.com/course/understand-javascript/learn/lecture/2237514#overview

https://www.udemy.com/course/understand-javascript/

https://www.udemy.com/course/the-complete-javascript-course/

Pretty much what /u/reddotname said. Let me share the courses that benefited me.

https://codingheroes.io - Master HTML-CSS and Master CSS-SASS. These two are more than enough to not only make you proficient in the two languages but also help build a web-dev mindset with live projects and tons of cool resources. Highly recommended.

Get a MODERN javascript course. I did this one https://www.udemy.com/course/modern-javascript-from-the-beginning/ but found it kind of boring. You can look for another one.

Want to master the core concepts of JS and how it works behind the scene? https://www.udemy.com/course/understand-javascript/

That's it for the start. After the end of this, you should have an impressive portfolio and more than enough knowledge for an entry-level web dev.

Then, I suggest you do this: https://www.udemy.com/course/git-a-web-developer-job-mastering-the-modern-workflow/

It can be hard to follow at times, but it will REALLY up your game, transforming you from someone who knows a few languages to a full-blown web dev with all the modern tools.

If you're interested in Javascript then these are three great resources for a deep dive into it: You Don't Know Javascript, Eloquent Javascript, and Javascript: Understanding the Weird Parts.

I personally wouldn't recommend that book because it is still going to be over your head. If you want a good companion book, get this one. "A Smarter Way To Learn JavaScript"

I would also suggest you stay and hangout with JavaScript for a little while and get to know it a little better, maybe pick up the Udemy course "JavaScript: Understanding the weird parts."

Learn and use grid and flex, Learn and use Bootstrap, Take a look at saas. Look up youtube videos on these things and do a few of the examples or tutorials.

I would sit and play with all of these things for about 4 months, then i would start looking at React or whichever lib you are interested in. I am also a newb, just giving you some extra feedback

These 2 from udemy are my best go to resources to learn JS from beginner to advanced.

https://www.udemy.com/course/the-complete-javascript-course/

https://www.udemy.com/course/understand-javascript/

For nodejs I can recommend few things
- book nodejs design patters,
- udemy course understand js & understand nodejs
- road map for node js
overall node subreddit is a great resource. You just have to go through all threads in the past years sorted by top.

If I could start over again this is what my path would very similar to. And if I could tell myself one thing starting over it would be once you find a good resource and start learning STICK WITH THAT RESOURCE! It’s so easy to bounce around and get high by starting new courses because you think you’re learning but really it’s just you repeating the basics over and over. Kinda scattered I know but I hope it helps. Some of these resources can take you most of the way through with HTML, CSS and JS plus fit and front end and backend framework. Other courses are just for JS. Btw that last course is a must! It will fundamentally change the way you write JavaScript. Also you won’t need all of these you just need enough knowledge to get started building your own projects, that will teach you more than anything.

For HTML and CSS: https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer

For full stack JS: https://fullstackopen.com/en

For vanilla (plain) JavaScript: https://www.udemy.com/course/the-complete-javascript-course/

For JS basics: https://www.freecodecamp.org

The Odin project as an alternative: https://www.theodinproject.com

Deep JavaScript: https://www.udemy.com/course/understand-javascript/

https://www.udemy.com/course/understand-javascript/

First 3.5 hours are free: https://www.youtube.com/watch?v=Bv_5Zv5c-Ts

https://www.udemy.com/course/understand-nodejs/

I learned a lot about the more intermediate/advanced JS skills through Treehouse ($25/month): https://teamtreehouse.com/tracks/full-stack-javascript

I also took these and they were really great for practicing on skills as in tech interviews:

https://www.udemy.com/course/understand-javascript/

https://www.udemy.com/course/javascript-advanced/

For the Udemy ones I'd wait until they get on sale (like between $10-20) before buying since they do sales all the time. And yes these aren't free, but you get what you pay for.

Do study javascript basics thoroughly and then start Udemy course for Reactjs. At CodeCrunch we give below resources to our beginner team members who just start react from scratch,

Javascript: https://www.udemy.com/modern-javascript-from-novice-to-ninja

https://www.udemy.com/course/understand-javascript/

Reactjs: https://www.udemy.com/react-redux/

https://www.udemy.com/course/react-the-complete-guide-incl-redux/

Yeah greasemonkey, exactly. And... that's a pretty philosophical question so this is gonna be a long answer lol. I mean, the extensions are safe and the fundamental process is safe. Whether a particular script is safe is gonna completely depend on what's inside it. It's possible to do an enormous amount of damage with a content script.

I mean, you're basically inviting someone into your bank account by letting a content script run on the bank's website. It has the same level of access as the extension itself, which is a lot. That's why there are often articles about addons being removed from chrome or firefox's store, because they can do almost anything a cross-site scripting attack could do.

It does depend on user settings and the CSP and other configurations of the websites you visit. Like, I could write a script with a keylogger or phishing attack somehow hidden inside it, but whether the script can actually send that data directly depends on the browser settings and the website settings. But even if that stuff is blocked, a competent programmer could find a way to keep all the script's activity strictly local, and use event spoofing to trick the website itself into sending the data so that same-source isn't violated.

There's a whole arms race in that department though, so there are in turn browser and website features designed to prevent that too. But the possibility is always there. I'd argue it's just as dangerous as installing an extension. Of course, userscripts don't reach the level of exposure that extensions do, so they can't have the same level of credibility to their name alone.

But both are ultimately open-source and written in easily human-readable code. And userscripts are distributed as essentially just text files, so it's a lot easier to actually inspect them. I mean, when you install a userscript with one of the *monkey addons, the very first thing you see is the source code. And most userscripts are pretty short and don't have any script dependencies, which is a relief because I don't think you can ever do much (if any) damage in less than 2,000 characters or so. It requires a lot of work to snake around all the security obstacles.

I think it behooves anyone who doesn't know how to read javascript to check the reviews, just like you would for an extension. I've never seen a malicious userscript but I'm sure they've existed. I think the administrators of userscript hubs like greasyfork are actually more active and hands-on about protecting their users than mozilla is. That's their primary service, after all. AMO is just something mozilla provides to support firefox, they don't have much incentive to invest a lot of resources into vetting addons, so they don't. Still not as uptight as google though.

Anyway I'd guess 99% of the scripts on greasyfork with more than 3 or 4 daily downloads can be assumed safe, especially if they're short.

I recommend violentmonkey. That's what I use. I guess firemonkey is fine too. I wouldn't use greasemonkey, its new v4 API is incompatible with the vast majority of scripts. And the primary benefit of that API is the addition of async API functions, but violentmonkey has those too. That is, in violentmonkey scripts can use both the old GM_* and most of the new GM.* functions, in most cases. I'm not sure if firemonkey has them. I don't think very many userscripts actually use the new functions anyway though, for precisely the same reason, the authors can't expect all their potential users to have access to the new functions so why bother when the old functions work just as well.

The reason I use violentmonkey over any of the other addons that support the old API function names is because violentmonkey has the nicest UI. I'm not a big fan of its icon, but none of them have good icons, and I just replace it with my stylesheet anyway.

As for bypassing paywalls, I wouldn't recommend any particular userscript. Any userscript that reaches a level of popularity high enough for it to be routinely updated is usually turned into a webextension. And for bypassing paywalls, well you really need it to be updated routinely because paywalls are typically specialist products, not something created by the developers of the websites on which they're displayed. There are a few companies that develop them, like Admiral, and they just sell the library and web service minutes or whatever.

I actually wrote a script for bypassing "close your adblock" popups a long time ago, because I couldn't find any that were updated regularly enough to consistently work. If you're curious here's the code. But I doubt it even still works, it depends on a host list that may not be updated itself. I was using that for a while, and then someone came out with a shiny new addon that works wonders. So I would recommend just using that instead.

That's not to discourage you from using userscripts though. I still use violentmonkey for all kinds of other things. Mainly small things, since I think bigger scripts deserve their own extension. Although I did write a script for skipping credits, ads, intro sequences and other stuff on netflix and amazon, which has actually gotten quite a lot of downloads. I designed it to work with any extension, but most userscripts are not that robust and may not work on greasemonkey.

I have a bunch of other tiny scripts that aren't published anywhere. One that automatically clicks the shuffle and loop buttons on a youtube playlist if you go to the url of a specific playlist with some inert gibberish added to the end like %24.

One that modifies the left navigation column on youtube to move specific playlists out of the "show more" expander and up with the library and history buttons.

One that changes the arrow key seeking behavior on netflix so it just seeks rather than opening that ghastly frame preview display that stops the seeking and forces you to hit enter to actually seek lol.

One that changes the seeking behavior on youtube, another for HBO, and one that implements arrow key seeking on ALL html5 players if they don't already have it.

One that lets you escape patreon's popups and media previews by hitting "esc" rather than clicking the close button. You can see what I mean by tiny things lol. I started donating to waneella so I could build wallpapers of her pixel art with wallpaper engine, but ended up downloading like 600 images and wasting so much time clicking that god damn close button.

Another that adds a Ctrl + / keyboard shortcut to github's text editors so you can wrap code faster.

And then I use some other scripts like Youtube HD and netflix auto account selection. I used to use "prevent spacebar doing page down" but if I remember correctly, it's broken on some sites, preventing you from inputting space in certain textboxes.

But yeah there's a lot of little things like that, so it can be very handy. Unfortunately it can be hard to find them, because if you search by popularity you'll find the vast majority of scripts seem completely useless or very obscure. It's so weird, like half the scripts are designed for websites run by the chinese government, or for browser games and crap. There are a lot of gems but they can be hard to find, and it's hard to trust that they'll continue working indefinitely. That's why it can be so nice to learn how to write javascript.

If you ever want to try learning it, I can't recommend this course enough. I never finished it, I actually started it after I had already learned the basics through trial & error, but it helped me through some problems I got stuck on. When you try to learn something on your own it's easy to miss the fundamentals and keep building specific experiential knowledge on top of that broken foundation. So then you keep running into problems you can't solve because you don't actually know how the thing works. It reminded me of jesse pinkman learning to cook meth without knowing the first thing about chemistry, except that in the real world, it doesn't end nearly as well lol.

It turns out the basics can be figured out in like 2 days, and after that you have all the basic understanding and terminology you need to learn all the random specific details when you run into them, just by searching for them. Now I can just look at any little thing in the Firefox UI, find an ID or something I can search for on searchfox.org, read the source code, and immediately know how it works. After taking that course I've been able to write like 2 firefox scripts a week at this point. Which is great because I had sooo many things about firefox that I wanted to change, which apparently nobody else thought of first because I wasn't able to find existing scripts for them. So if you get much personal use out of extensions, autoconfig, userscripts, or anything else that runs on javascript, I would actually strongly recommend learning it yourself

Do not go into learning Angular before getting familiar with basics of JavaScript and new features of ES6 you will only be confusing yourself more by doing so.

With that said, get familiar with debugging using developer tools (preferably Chrome) and you will start recognizing /solving problems on your own. Very few online courses focus on this topic, which is absolutely must to know. Remember, always use debugger and refer MDN docs before asking anyone for help.

Here are two videos which I believe are great source to learn debugging -

https://www.youtube.com/watch?v=zv_aOlH8S_o

https://www.youtube.com/watch?v=AX7uybwukkk

Beginner friendly tutorials to learn JavaScript -

https://watchandcode.com/p/practical-javascript (Sign up for the free version, no need to buy premium)

https://www.youtube.com/playlist?list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH

Intermediate/Advanced Tutorial -

https://www.youtube.com/watch?v=Bv_5Zv5c-Ts (Free version)

https://www.udemy.com/course/understand-javascript/ (Paid version)

Good luck!

I have 10 years of experience and I can safely same that I'm a JavaScript expert.

I was watching some time ago great video course on Udemy that shows advanced JavaScript. You can try it. For me, it was two basics because as I've written I'm an expert. But I think it will be great for you. The course is:

Understanding the Weird Parts.

I also suggest experimenting with what you've learned. Because you can forget what you've watched.

While watching the video I suggest creating a project in Vanilla JavaScript (or using some library that will not force an architecture e.g. no Vue, React, Angular, Svelte).

I also suggest learning about Architecture and Design Patterns and apply them to your project.

You can also learn TypeScript and write some projects using it.