Modern JavaScript From The Beginning

share ›
‹ links

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

This is a front to back JavaScript course for absolutely everybody.

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
Brad Traversy

Reddit Posts and Comments

0 posts • 27 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/learnjavascript • comment
1 points • not_a_gumby

Callbacks, Arrow Functions, AJAX/XHR into Fetch into Promises and into Async/Await.

Brad Traversy's course on Javascript has a great section on all of this, and it gets you through the material in a little under 3 hours.

r/learnjavascript • comment
1 points • CocoMonkeyBank

I used this as a refresher and to fill in some gaps, highly recommended you look into it (wait til $10 sale). Given your knowledge, it'll start out a bit slow for you, but you'll build practical things along the way using everything you learn. https://www.udemy.com/course/modern-javascript-from-the-beginning/

You mentioned understanding how the DOM works, but practicing using event triggers and actually querying and selecting elements is where the rubber meets the road in terms of building the frontend. The actual "when I click this button, it pushes a to-do object to storage from an input, creates a div to display to-do info and displays on site." So brush up on some of that, if still foggy.

r/learnjavascript • comment
1 points • 9ns1de_1ob

Then you should completely forget about learning a framework and just start to learn vanilla JS. If I had to crash course JS in 3 weeks I'd probably do a Udemy, like this one for instance Modern JS From the Beginning. And then do a ton of code wars to help build up your comfort level with solving game like problems in JS.

I hope you're a fast learner. Good luck, PM me if you have any questions along the way.

r/learnjavascript • comment
1 points • Neu_Ron

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

r/webdev • comment
3 points • Jmannm8400

I'd say that JavaScript is a good next step after learning and becoming comfortable with HTML and CSS. If you start learning JS and discover that you'd like to spend more time with HTML, CSS, or Sass, then you could always step away from JS for a while until you're ready to come back to it.

Traversy Media has a free JavaScript crash course video available on YouTube, as well as a full JavaScript course on Udemy, if you're interested.

r/learnjavascript • comment
1 points • OructV

This is such a comprehensive answer thank you so much! I already know most of what you wrote about HTML/CSS and half of the things you mentioned about JS. However, I don’t need to get to mastery, they will train me, heavily. That’s why I need to know my way around the language in general, that’s all.

Thank you very much again. I have purchased this course that another user suggested. MODERN JS

What do you think?

r/learnjavascript • comment
2 points • decho

If you like video courses, there is one called "Modern JavaScript From The Beginning" by Brad Traversy who I respect a lot for his work and dedication.

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

The whole thing is 21 hours long, but of course you don't have to watch it all (neither did I). The cool part is that there are individual 5 to 25 minute long videos which cover almost all of the core concepts you need to know so you can only watch what you need, and learn by example. Object literals, template literals, array methods, async await, classes, promises, arrow functions - you're basically 10 minutes away from learning (or at the very least having a basic understanding) any of that.

And if you need to dive really deeply, you can always hit the individual MDN page/article or as already suggested https://javascript.info/ which is a wonderful resource with plenty of examples and thorough explanations of itself.

r/learnjavascript • comment
1 points • zemation

I have been using the following two udemy courses. The first is Brad Traversy whom you'll see mentioned often here.

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

https://www.udemy.com/course/learn-javascript-full-stack-from-scratch/

r/learnjavascript • comment
1 points • Kyism

I'm kinda stuck in the same boat.

I'm a jr at a busy web agency that allows us to use jquery because we usually build custom Wordpress sites and Wordpress uses jquery. The problem is I have been so busy the past year that I have not taken the time out to actually learn vanilla JS.. which I am doing now (using this course https://www.udemy.com/course/modern-javascript-from-the-beginning/ ) during this slow period of time my company has right now. It was recently announced that my company is moving in a direction of more headless CMS and begin using some other CMS as well other than WP, with this direction we will be pushing our tech stack to start to incorporate actual JS frameworks like React and Vue (some devs at my company are learning React and playing with it, some are using VUE already in projects). Here I am, the little jr who joined only knowing basic HTML, CSS and learned Jquery on the job is now trying to play catch up.

How fluent in Vanilla JS do you think I need to be in order to actually make good use of VUE? I have no idea how useful Vanilla JS even is nowadays but I know having atleast fundamental knowledge of how to use it IS needed which I do NOT HAVE. My goal for 2020 is to drop Jquery completely even though we are allowed to use it and start writing everything in Vanilla JS (within reason). But while I'm learning to drop Jquery I also need to start getting familiar with Vue as well.

r/learnjavascript • comment
1 points • AndreThompson-Atlow

I HIGHLY suggest the Traversy Media course.

​

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

​

Don't spend more than $15 on it, it goes on sale all the time.

r/learnjavascript • comment
1 points • mr_R_L_B

I started Brad Traversys "Modern JavaScript from the beginning" and it's really good and easy to follow. Definitely a good place to start, and definitely worth the money.

Course review: https://youtu.be/-NhGhYsK0H4

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

r/csdojo • comment
1 points • Aditya0a

If you need certification you must try udemy if you can pay for the certification if you want free certification you can use sololearn's mobile app.

Java Script udemy course:

https://www.udemy.com/course/modern-javascript-from-the-beginning/?referralCode=F3249B20C1BBE85EFEEC

Python udemy course:

https://www.udemy.com/course/complete-python-bootcamp/

I would strongly suggest you use udemy.

r/softwaredevelopment • comment
1 points • Jhorra

Well, you'll need to decide on a language to start with. Javascript is a great starting point, but I'm also linking a video that talks about 10 languages and what types of jobs/companies you can get with them. https://www.youtube.com/watch?v=UQLPMlUg6GQ

Confession, I made this video. You don't have to watch it if you don't want. Based on a quick search, this looks like a decent javascript starting point: https://www.udemy.com/course/modern-javascript-from-the-beginning/

Another good option would be python. It's probably easier to understand than Javascript, but javascript has the advantage that nearly every webdeveloper, regardless of language used, has to use javascript.

r/learnjavascript • comment
1 points • mwenger89

I just started learning Javascript myself. This is the course I am currently going through. https://www.udemy.com/course/modern-javascript-from-the-beginning/

I am planning on going through this one next https://www.udemy.com/course/the-complete-javascript-course/

I bought them both on sale for about $16 each. Wait for them to go on sale as it will save you a bunch of $$

r/learnjavascript • comment
1 points • kartonbardak

I've started to follow very basics from freecodecamp.org/ and at some point, it become extremely boring. The best part of it, it has audio transcript that explains every step you've stumbled with a very cool interactive code editor thingie.

After that I've purchased a tutorial from udemy where you build working prototypes. But up until very last chapter the guy teaches very old methods and defends that he's teaching to get the most basics. He has a point but where he fails is translate his archaic methods into ES6. On those chapters for some reason he starts to rush, skips lots of points and makes a lot of mistakes. And the last chapter -where i was expecting to make some sense out of his agitated rush- i've stumbled at some point to set up his documents because they're outdated. Even the files provided are outdated. So I'm a bit ok for teaching me basics and not ok leaving half the way around. https://www.udemy.com/course/the-complete-javascript-course/

Now I'm trying to clean up his mess created with javascript.info. Have to say, if I've dig first from this site, I'd probably given up. It's more like a reference sheet.

There was this guy called Traversy media. I have watched a couple of free yoututbe tuts and they werent so bad. He has also have one on udemy as well. https://www.udemy.com/course/modern-javascript-from-the-beginning/

r/learnjavascript • comment
1 points • RangerCoder

These ones and no none of those are refs links btw! https://www.udemy.com/course/modern-javascript-from-the-beginning/https://www.udemy.com/course/web-projects-with-vanilla-javascript/

Anyway, I love Brad's courses! But there are two more new and much longer Javascript courses on Udemy that are 52+ hours and maybe better and go deeper:

JavaScript - The Complete Guide 2020 (Beginner + Advanced) from Academind/Maximilian Schwarzmüller: https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

The Modern Javascript Bootcamp Course (2020) from Colt Steele and Stephen Grider: https://www.udemy.com/course/javascript-beginners-complete-tutorial/

Those two look amazing as well and got far more students, Academind also got a discord that is full students that you can talk to in case something is not clear!

r/webdev • comment
1 points • RedditEthereum

I'm an unemployed 38 year old marketer wanting to switch to webdev.

  • I have a weak immune system and stay indoors most of the time;
  • I have 6 months of cushion money, to use that time wisely;
  • I took a Coursera Python course in 2013 (?) and remember the basics;
  • I know HTML and CSS as I had to edit WordPress sites frequently.

I put together a learning path, your feedback is appreciated:

HTML & CSS

Build Responsive Real World Websites with HTML5 and CSS3 - Jonas Schmedtmann

Advanced CSS and Sass: Flexbox, Grid, Animations and More- Jonas Schmedtmann

Javascript

Modern JavaScript From The Beginning - Brad Traversy

Javascript framework

The Complete Node.js Developer Course (3rd Edition) - Andrew Mead, Rob Percival

Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL) - Andrei Neagoie, Yihua Zhang

Bonus (follow along)

The Complete Web Developer in 2020: Zero to Mastery - Andrei Neagoie

Learning to Learn [Efficient Learning]: Zero to Mastery - Andrei Neagoie

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/startups • comment
3 points • divulgingwords

Here goes. Don't listen to the frontend fanboys. Start with a legit backend language that makes sense: C#.

It's going to cost you $30/m. You can do this all in 1 month if you really get down to it.

  1. https://www.pluralsight.com/paths/csharp

When done with that (you can knock that out in 4 days if you're really motivated), take the following in this order:

  1. https://www.pluralsight.com/courses/aspnet-core-fundamentals (RIP Scott Allen)

  2. https://www.pluralsight.com/courses/building-aspdotnet-core-mvc-web-applications

These two will hammer in the MVC design pattern. The next are going to drop the "views" and focus on api's (same tech, just no frontend - this is what you would use for a react/angular/vue project).

  1. https://www.pluralsight.com/courses/building-api-aspdotnet-core

  2. https://www.pluralsight.com/courses/asp-dotnet-core-api-building-first

Now, I want you to learn about dependency injection. You will have touched this stuff in the earlier courses, but this will really tie in everything.

  1. https://www.pluralsight.com/courses/aspdotnet-core-dependency-injection

  2. https://www.pluralsight.com/courses/dotnet-core-aspnet-core-configuration-options

Now, I want you to take the grand daddy of them all. This is going to tie everything you have learned into an actual working project.

  1. https://www.pluralsight.com/courses/aspnetcore-mvc-efcore-bootstrap-angular-web

So there's phase one. If you can complete that all those courses and you actually understand what you're doing, you can straight up get a junior dev C# job making 70k+/yr.

Now, since you want to make a startup or be a full stack dev, take the following courses:

Do this one first: https://www.udemy.com/course/modern-javascript-from-the-beginning/

If you want to learn React:

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

  2. https://www.udemy.com/course/react-redux/

If you want to learn Vue:

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

  2. https://www.pluralsight.com/courses/vuejs-fundamentals

  3. https://www.udemy.com/course/nuxtjs-vuejs-on-steroids/

If you want to learn angular:

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

  2. https://www.pluralsight.com/courses/angular-2-getting-started-update

Now, to learn how to host everything onto a $5/m cloud VPS

  1. https://www.udemy.com/course/docker-and-kubernetes-the-complete-guide/

And there you have it.

For frontends, my recommendation is Vue. I've tried all 3, and it was the most enjoyable. React would be a moderate second, with angular being my least favorite. React will have more job opportunities, so that might be your choice, but IMO, it won't matter because you know C#.

Don't worry about absolutely mastering javascript, as your C# and linq skills will translate nicely. Obviously you'll be rough around the edges, but you'll be fine. Remember, code in every language basically boils down to variables, loops, and "if" statements.

Hope this helps. I can answer any questions if you have any.

r/AskComputerScience • comment
1 points • saintshing

Not sure if these are what you want

https://www.johnsmilga.com/projects
https://www.youtube.com/watch?v=hdI2bqOjy3c&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX
https://www.youtube.com/watch?v=dIyVTjJAkLw&list=PLkwxH9e_vrALSdvZuEh6gqQdmDoDIoqz4
https://www.youtube.com/watch?v=zAcdJC1GzBQ&list=PLNHtrE9aegUdAadBcyYFnvRcjBqOvrhuL
https://www.youtube.com/watch?v=rXuHGLzSmSE&list=PL0vfts4VzfNjfHKRKkMjm_xUXglH6HtL1
https://www.youtube.com/watch?v=_G5blkXLePY&list=PL0vfts4VzfNiMQXc5zxl8--KDjaQcWNi2
https://www.youtube.com/watch?v=FIORjGvT0kk&list=PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V
https://www.youtube.com/watch?v=xHVm5qhaXWk&list=PL6QREj8te1P6wX9m5KnicnDVEucbOPsqR

can also check out these project based udemy courses https://www.udemy.com/course/modern-javascript-from-the-beginning/
https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/