JavaScript - The Complete Guide 2021 (Beginner + Advanced)

share ›
‹ links

Below are the top discussions from Reddit that mention this online Udemy course.

JavaScript is THE most important programming language you need to learn as a web developer - and with this course, you make sure that you will not miss a single thing you have to know as a JavaScript developer.

Reddemy may receive an affiliate commission if you enroll in a paid course after using these buttons to visit Udemy. Thank you for using these buttons to support Reddemy.

Taught by
Academind by Maximilian Schwarzmüller

1

Reddit Posts and Comments

0 posts • 28 mentions • top 21 shown below

r/learnprogramming • post
594 points • ProgrammingWithPax
Frontend Web Developer Roadmap: Everything you need to know to get started

If you're feeling lazy and would prefer to watch a full video summary, one is available here. Let me know if you have any feedback!

What is frontend web development?

It is using code to create the visual part of a website. The content, the colours and positioning, as well as the logic that is on a page, such as submitting a form. That's frontend. The other part is 'backend', which is everything related to the database and network; the non-visual things that are going on behind the scene.

​

Different routes to learn web development

CS Degree: The first is a degree, through either a university or college. This offers strong foundational knowledge in computer science, which can be very helpful, especially in certain areas of programming. However in my experience, this understanding of computer science is not necessary in order to get your first web development job and you can learn all of the theory and nitty gritty details of computers while on the job. Additionally, getting a degree is also a very long process, so 3-4 years, it's also extremely expensive - and the majority of it won't be focused on web development.

Bootcamp: Next -3-4 month coding bootcamps (offers good structure and forces you to be fully immersed, but expensive and must be full-time)

Self-taught: Finally -Self taught. What the focus of this guide is. This route offers a flexible schedule and inexpensive, and as long as you have the right set of online courses and curriculum set up for you, I believe it is the best option. Getting your first web development job is not about what certificate or degree you have. In most cases, it is a meritocracy - that is, if you have the skills to do the job, you can get the job.

​

How long does it take to be job ready? 4-12 months.

Outline a timeframe which you are able to dedicate towards learning web development(3, 6 or 12 months) and create a schedule around it. This way you can track your progress and hold yourself accountable if you set a specific date to, such as finishing a specific course or start apply to jobs. Whether it is 3 or 12 months, the only thing that changes is how much time per week you are able to dedicate towards learning this craft. If it is 3 months, you'll need to be working 12+ hours per day, and for 12 months, maybe 2 hours per day. The key is coding daily, so you can immerse yourself.

It's also important to stick to one programming language, based on the job you're wanting to get. Don't get distracted by other languages. They're fantastic, but your focus needs to be on the core frontend stack. You don't want to be a Jack of all trades, but master of none. You need to get vertical proficiency, not horizontal - and you get that by practicing that one thing, daily.

What do you need to learn?

HTML (the content - the text, images, links), CSS(the styling - colors, positioning and responsiveness), and JavaScript(the logic for your website, when you click a submit button - what happens?). Once you have learned those three and have a strong foundation in JavaScript, then you'll be at a crossroads; React, Angular or Vue. These are JavaScript libraries and frameworks, which act as wrappers around vanilla JavaScript, giving you additional functionality that would take longer to code otherwise. It is important that the first thing you do before getting too deep into one of these, is to look on job websites (LinkedIn, Glassdoor or Indeed) and ensure that there are a lot of jobs for all of these in your area. Search for titles including "frontend developer and frontend engineer", as well as the words 'Angular, Vue and React' and see how many listings there are. If there is more of one of these technologies in your area, it may be better to learn that one. You'll likely find many of each. Personally I would recommend React as it is easier to learn than a full framework and there are usually a ton of jobs out there for it.

As a bonus, I would recommend looking into TypeScript and Redux. In JavaScript, you don't have to say that variable x is a number. It will infer that x = 5 is a number type. This however can sometimes lead to hard to catch bugs. TypeScript is still JavaScript, but it allows you to add strong typing to your application, where you define that variable x will be a number.

Redux is a state management library. Angular, React and Vue all have their own variations of Redux. When your application gets bigger and there are lots of different parts with their own data, Redux acts as a centralized memory for all of your different UI components to read from. It acts as a single source of truth so that everything stays organized.

Also need to be familiar with the version control technology Git (allowing you to 'save' your app at a specific point, roll back to it if necessary, and share the code online to others using Github or Bitbucket).

May also be helpful to know the basics of SASS (CSS wrapper, giving you more utility. It is still CSS, but just some extra tools which can be huge time savers). Along the way, you'll also need to learn basic terminal commands, using NPM packages and the build tool Webpack. You should also be familiar with the basics of Agile methodologies, which is a management style that a lot of development teams work in. If you're familiar with the very basics, then it will be an easier transition for you to join a dev team, and hiring managers will know that as well.

Learning resources

So, what resources can you use to learn all of this? I found that between YouTube and Udemy, you can learn everything required. I am going to leave a list down below with a list of Udemy courses you can pick up for $15 (when on sale). Each course is about 20-30 hours and it will teach you the required fundamentals. I'm not affiliated with these courses and make no money on it. I simply know the instructors are excellent and am sure they are high quality courses.

https://www.udemy.com/course/modern-html-css-from-the-beginning/

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

https://www.udemy.com/course/modern-javascript-from-the-beginning/

https://www.udemy.com/course/complete-react-developer-zero-to-mastery/

https://www.udemy.com/course/vuejs-2-the-complete-guide/

https://www.udemy.com/course/the-complete-guide-to-angular-2/

​

Once you've completed a these courses and have built a few projects

After that, it is all about getting your first job. I am going to create posts (and videos) on each of these points, because they deserve a post of their own.

In short, you'll need to have a great resume which highlights your love for web development, while also emphasizing how all of your previous job experiences has guided you towards this new career path.

Have a GitHub with your own projects on it, as well as some of the work you've done while learning along the way. Build out a portfolio website which highlights the projects you've build and the skills you have. You can host your portfolio and projects for free on GitHub Pages.

Consider doing 1 or 2 freelance jobs(even if it is just for friends or family), where you're working with a real client, with a real deadline. This will be good practice for you, and will show your future employer that someone has already trusted you, and that you delivered.

Familiarize yourself with LinkedIn, Indeed and Glassdoor - and start applying for 3-5 jobs per day. I did this for an entire month, had a few interviews and then landed my first job. It can take a few weeks, or a few months - eventually you will get your first opportunity. Getting your first job is the most difficult. Once you have worked somewhere and have some experience, finding your next job will be a lot easier.

​

Conclusion

On a final note, learning code is not easy. There will be roadblocks and it can be a difficult grind at times. Remember that the path you are on now is worth it and can get you to the place in your life where you really want to be, whether that is career satisfaction, ability to work from anywhere in the world, or financial freedom.

Thank you for your time! Consider checking out my YouTube channel, as I'm posting weekly now with videos specifically for frontend developers who are just starting out. Available here.

r/webdev • comment
1 points • aerovize

In my experience taking courses that focus on one subject at a time have better value. The courses on Udemy that try to teach everything in one course are very vague on a lot of topics and jump you into libraries before you completely understand JavaScript or CSS. This guy has the best content in my opinion. He has courses on everything.

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

r/AskBalkans • comment
1 points • tanateo

You are welcomed. Also:

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

Has my stamp of approval. Dont be cheap pay the 12$, one of best courses... and add the course to your CV.

r/learnjavascript • comment
1 points • Shty_Dev
r/learnjavascript • comment
1 points • ShadowMasterKing

I love max courses. Example https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

r/learnjavascript • comment
1 points • GoofBoy

If you keep an eye on when Udemy has a sale again or if you have never signed up for a course with them, this was well worth the $13.99 or whatever it cost, as the level of detail he goes into is fantastic, and it covers pretty much everything you will ever run into with JS.

Good Luck.

r/learnjavascript • comment
1 points • sm1215

I can't vouch for this course personally, but I've followed the instructor through his Angular course and it was really helpful. He explains things thoroughly and it helped me a great deal. This course is on sale for like 10$ and includes a ton of video content. The instructor and assistants help you through any setup or course questions through a forum. Highly recommend, but check it out for yourself too:

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

r/learnjavascript • comment
1 points • maxahd

If you are just starting i would recommend a video course by Maximilian Schwarzmüller.

Javascript course

r/learnjavascript • comment
1 points • ahugwastelepathy

I recommend you this course https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

I started it with already previous knowledge but that is also proof that Max's style is really easy to follow and makes every point very clear.

r/learnprogramming • comment
1 points • MassW0rks

If you wanted to PM me your email address, I can gift you the udemy courses that jump started my (very new) web development career.

HTML & CSS by Brad Traversy (~20 hours)

and

JavaScript - The Complete Developer Guide 2020 by Maximilian Schwarzmüller (~40 hours)

r/argentina • comment
1 points • gustavsen

digital house olvidate, el contenido es anticuado y carisimo al pedo, lo evalue mucho en su momento (tenemos 50% con ellos x el trabajo)

ni asi me convenia porque no enseñan un pomo de cosas modernas.


Coder House lei muchas reviews tipo que los profes eran cualquiera y los cambiaban a la mitad y cosas asi.


Acamica a menos que entres becado no vale la pena, y para aplicar a la beca tenes que ser mujer, lgbt y pelo rosa minimo, siendo hombre no te van a dejar hacerlo ni pagando.

De cursos pagos locales te recomiendo que veas Educacion IT y EANT.

que si necesitas una explicacion de algo te pueden aclarar alguna duda, igual ningun lado que estudies, fullstack ponele, vas a salir con un gran nivel.

data science esta de moda, pero a menos que tengas una EXCELENTE base en matematica y estadistica, TODOS son vende humo esos cursos.


te doy mi consejo.

anda por freecodecamp, por el simple motivo que es gratuito, tiene la contra que esta en ingles y que si tenes dudas no te ayuda nadie, pero bueno, te aviso que ser desarrollador es asi, hay que saber buscar las soluciones solo.

sino dominas ingles (entenderlo, leerlo) empeza por ahi, es algo mas que necesario.

ya te dijeron de los cursos de Coursera de algoritmos, tb son gratuitos y estan buenos, IBM tiene dos carreras de ciencia de datos si es lo que te interesa

en EDX tambien hay cursos gratis y en un par de plataformas mas tambien.

si queres pagar, en UDEMY hay varios, fijate mucho la cantidad de horas que tiene, la cantidad de suscriptores y cuando fue la ultima vez que lo actualizo.

hui a todo lo que sea dado por un hindu o similar y a los cursos cortos, la mayoria son 100% scam

y siempre compralos cuando esten a 9/11 usd.

te puedo aconsejar:

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

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

para fullstack, da lo basico y estan buenos.

pd: los cursos siempre estan al alcance de un click... http(barrabarradospuntos)1337x(punto)to


y despues le resto es practicar como un infeliz, los cursos solos son una base, sino seguis es lo mismo que nada, no importa que lo hayas pagado o sea gratuito.

r/learnjavascript • comment
1 points • Mariciano

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/ I have not done this one, but I have taken his Angular course and it's probably one of the best on that topic that there is on the internet, he always keeps his courses up to date.

r/learnjavascript • comment
1 points • slowreactin

I’m not trying to discourage you at all, but this code is a mess. However, do not let this experience defeat you, it just means you have more to learn and need to practice some more.

For starters, you bounce between var and let and do not have much consistency in your coding style. The formatting is also quite bad and causes your code to be very difficult to read. There are also console.log()s in your code, not sure if this is production, but if it is those should not be there.

There are hardcoded values in the first for loop and you skip over the 0th index with the i + 1 statement so why start the loop at 0? You could easily read past whatever you are reading / visiting with that kind of logic.

You are also using == instead of ===, this can cause a lot of bugs that are hard to track down. Pretend == doesn’t exist.

There’s an overuse of !0 which is confusing.

More hardcoded values with no intuitive explanation.

I would also pull out all of the styling and make use of CSS in JS, that would eliminate a lot of the junk in the code.

A lot of confusing things in your code. Like what is “dataArray[3].temp” and why are we seeing if it’s undefined? (Use of == again).

This code is all over the place.

Again, it’s OKAY, we all write bad code when we are starting out and heck, I still write bad code every day. Don’t be discouraged.

Is there anyone at your workplace you can reach out to and possibly get them to walk you through what can be done?

Aside from that, you ARE an intern and you ARE working on code for a company and that is more than a lot of people can say.

Don’t give up and here are some resources I recommend checking out:

Eloquent JavaScript

JavaScript Clean Code

Learn JavaScript

Good luck and don’t ever stop trying!

r/learnjavascript • comment
1 points • squarebox27

Check out freeCodeCamp and The Odin Project
Both are good resources to get started.

I'm currently learning Javascript on freecodecamp, also you can buy JS course on udemy. I'm doing this course on Udemy - https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

Happy learning!

r/learnjavascript • comment
1 points • Gigusx

Andrew Mead's course has been hands down the best one available so far.

But, Maximilian Schwarzmuller just released his own Javascript course. I don't have a reason to test it out but it would be the only one I'd consider besides Andrew's.

Links:

- https://www.udemy.com/course/modern-javascript/ (Andrew)

- https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/ (Max)

r/learnprogramming • comment
1 points • pixelburner

If you don't mind learning Javascript and React, you might try looking into React Native. Not only will you learn to be proficient at mobile development, but you'll have a leg up on web development as well. If you don't mind spending a few bucks, there are a few really good courses on Udemy I would suggest, that will have you building projects from start to finish:

Javascript

React

React-Native

That said, there are other options if you don't want to invest that much time into it. Flutter does seem to be a pretty cool alternative, as well as Ionic. The same instructor also offers courses in those technologies as well but I've never taken them myself.

Flutter

Ionic

As you may notice, all those courses are instructed by Maximilian Schwarzmüller. IMHO, his courses are some of the easiest to follow, and he does a really good job of explaining the nuts and bolts of everything he's teaching you. He has a somewhat strong accent though, which some people find hard to follow - but personally I like it because it forces me to pay closer attention.

Any way you cut it, though - have patience and just have fun with it. If you get frustrated about something or have questions, definitely post questions here or on the Udemy forums. Lot's of helpful people, even the instructors themselves.

PS: Pretty much every course on Udemy goes on sale for a super low price at some point, very often. If you find a course that you want to take that is very expensive, add it to your wishlist and check back every few days and it will probably be much cheaper (for example, a course that is normally $125 could be marked down to $10)

r/webdev • comment
1 points • RangerCoder

Find it here: https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/ (not a ref link, don't do that!)

Unlike the others, you mention this one is completely updated! It's really good and around the same time this was posted 2 other popular teachers on Udemy (Colt Steele, Stephen Grider) released their own Javascript course that you can find here: https://www.udemy.com/course/javascript-beginners-complete-tutorial/

I highly recommend you refund that other dated ones and get one of the ones above!
Another option is the one of Wes Bos that also got released around the same time, it's shorter but people seem to really love that one: https://beginnerjavascript.com/

r/learnprogramming • comment
1 points • therealdark

Not books or articles per se, but I'll leave this here just in case. Hope this helps.

I was in your position just over a year ago; ended up quitting my job and going to a coding Bootcamp (Bloc.io which is the same as Thinkful).

Here's what I would do if I were to start over now:

  1. Go through a complete web dev course. (my personal choice).
  2. Take one (or two) JS course(s). I like this one from Colt and Stephen or this other one from Max.
  3. BUILD SOMETHING. ANYTHING
  4. Go through fullstackopen (or the odin project? or app academy open? I dunno as I haven't tried these myself).
  5. BUILD MORE COMPLEX / HARDER PROJECTS. Get stuck, ask for help, get frustrated, solve the problem. Repeat

Fullstackopen is absolutely amazing and the quality of their content is on par with the coding bootcamp I attended. The only thing is the pre-requisite of javascript knowledge. Also, it is text based, so it might be right up your alley.

If you strictly want a book rcommendation; You Don't Know JS. Pretty dry read, but goes super in-depth and you'll pick up things you won't find in online courses.

r/learnjavascript • comment
1 points • helping083

https://javascript.info/ - probably the best

freecodecamp - one of the best, also check their youtube channel

also https://www.udemy.com/course/modern-javascript-from-the-beginning/ and his youtube channel
also https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/ and his course about react

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

r/CodingHelp • comment
2 points • DeveloprX

Javascript is tied closely with HTML and CSS because of its ability to manipulate the DOM, so you should understand the basics of it.

The road map:
[Beginner]
Vanilla JS - don't try frameworks yet!

  • Datatypes
  • Functions
  • Conditionals
  • Loops
  • OOP

DOM Manipulation & Events

[Advanced]

Fetch API & JSON

ES6+ Features:

  • Arrow functions
  • Promises
  • Async/Await
  • Destructing
  • Template strings

Then you can start experimenting with React/Vue/Angular (frontend), though more knowledge about CSS is needed + JSX, and Node.js (backend).

Congratulations if you get this far, you can now...
Work with AI & chat bots with Tensorflow.
Mobile web devlopment with React Native.

PAID

The Complete JavaScript Course 2020: Build Real Projects! on udemy.com ~~£174.99~~ £11.99
Jonas teaches you the theory of what you're writing as well as allow you to build practical examples.

JavaScript - The Complete Guide 2020 (Beginner + Advanced) on udemy.com ~~£174.99~~ £11.99
Extensive tutorial that will teach you everything. +Brownie point: I like Max's voice.

Modern JavaScript (from Novice to Ninja) on udemy.com ~~£74.99~~ £9.99

Note: never pay full price for Udemy courses!

codecademy.com £31/monthly or £191.88/yearly (+20% off yearly, with a promo code, reduces it to £12.78/month)
It has detailed, aesthetically pleasing lessons in a hosted environment, which makes JS easy to start.

FREE

JavaScript Tutorial For Beginners by codeSTACKr a taste of almost everything in JS, including ES6 , in 1 hour. Check his JS playlist for more in-depth info and new topics.

JavaScript Course for Beginners 2020 - Learn JavaScript from Scratch! by Academind
this's a part of Max's course for free, enjoy. Doesn't cover ES6.

JavaScript Tutorials for Beginners doesn't include ES6 but throws in a bit theory which most tutorials don't have.

I'm also working on my own course, so stay tuned.

stackoverflow.com for debugging; even professionals rely on this lmao.

There's a lot to learn but don't be discouraged!

Your journey of education never stops, stay up to date with the latest JavaScript tutorials: