50 Projects In 50 Days - HTML, CSS & JavaScript

This is a course by Brad Traversy that does 50 small web projects where each one can be completed in less than 30 minutes. Absolutely great way to learn the basics. Good luck!

I was doing a great and fun js course on udemy recently by brad travesy and florin pop, called 50 projects in 50 days

It depends on you but I would say do projects. All this courses, books only if you don't know what programing is, once you get fundamentals like loops variables all this stuff, go and do projects. Courses it is rabbit hole I've been there for 7 years but never reach to even junior level of competence so I say you should do more projects less reading and watching materials, I know what I'm saying from my mistakes. So pick free resource to learn basics, it all personal for you some like books some vids some boot camps, courses. After learning basics, do projects and use resources like this as reference. If you want to use tutorials like this you should watch, try to understand what is going on, maybe code alone for better understanding, then go for walk and think about it try to digest idea , then return and start similar project on your own using tutorial as reminder or to clear out if you stuck, but not copy.

If you want to build small projects with vanilla js (you must have learned the basics of js before) checkout this course https://www.udemy.com/course/50-projects-50-days/
If you want to deep learn javascript (basic and advanced) and build complex project checkout this course https://www.udemy.com/course/the-complete-javascript-course/
I have learned a lot from these 2 courses and I hope you do too
Good luck :))

I went thru codeacademy, freecodecamp and a few beginner courses and while I got the basics down it lacked something for me to make it click in my head. Now I'm doing Javascript 30 and this course by the great Brad Traversy and that got me really excited and passionate about JS. It made me more happy than countless failed attempts of learning JS with console logs.
My tip is to find a way that suits your learning the most, JS is fun and with the right resources it wont feel like a "chore" to learn.
After doing these little projects I did research on my own to be able to fully understand what we did and even if I didn't get it all it felt like progress and gave motivation for further learning

https://50projects50days.com/

https://www.udemy.com/course/50-projects-50-days/

https://github.com/bradtraversy/50projects50days

Hey! You sound like me.

I started at from near zero at 30, studied off and on while I had full time employment, then quit to study full time after I knew I was going to change careers.

I started with the FreeCodeCamp Responsive Websites certification. Finished that pretty easily because I had previous HTML/CSS experience, but named tags, accessibility, media queries, flexbox/grid, transforms, css variables... all of this was completely new to me. I limped through that and was kind of taken aback at how little I actually knew about HTML and CSS.

After that I did a ton of free sample HTML & CSS code-alongs with Brad Traversy and Coding Addict. Worked with SASS a bit, learned Emmet shortcuts, got scared of JavaScript again, got doubly scared of JQuery, but continued on. I did about 10 of those basic projects before I felt like I had a grasp on Flexbox designs, and general CSS best practices.

That's about the time that I quit my full time job to study full time. That was 3 months ago. Since that time I saw that Brad gives out his Udemy courses for peanuts on his website with a Udemy code, so I bought Modern HTML & CSS From The Beginning (Including Sass), Modern JavaScript From The Beginning, 50 Projects in 50 Days - HTML, CSS, & JavaScript, and several others that I have yet to touch. Each was about $15 or so with the code on his website.

JavaScript still scared me so I basically re-started my HTML and CSS journey and I'm glad I did. I learned really quickly that just because you know something, and actually because you know something you should listen to someone else talk about it every once and a while. Everyone's brain thinks in different ways/approaches are informed with their unique experiences, and thus we build things in different ways. I learned a lot from the way he discussed the different tags, history of their usage, best practices, and cool use cases that I had never seen before. JavaScript still scared me, but eventually I got used to seeing basic DOM selectors, click events, common Jquery code blocks for smooth scrolling, very brief intros to variable types, data types, scope, conditional statements, etc... Enough that I would be like "Oh hey, I don't know what that means but I've seen it before." Level of detail.

After I finished that (I was forcing myself to finish things because I have a tendency to stop at like 70% and find the next shiny object) I moved onto JavaScript. I quickly learned that I was in over my head and I didn't understand this shit at all. I muddled my way through about half of it before I had to quit because I was just coding along and listening while not understanding anything. After that I bought Eloquent JavaScript, and started Free Code Camp's 'JavaScript Algorithms and Data Structures' Certificate, I also splurged and bought LearnJavaScript.online membership and would start there. I would basically jump between each and do a little every day. I studied probably a solid 10-14 hours a day for two months jumping between resources, and when I was bored I would plug a JS topic I didn't really understand that well into YouTube and do a code along displaying a use case of that feature. Took forever, but eventually I got to the point where I pretty solidly understood all the topics covered.

Somewhere around the start of this month I stumbled upon Maximilian Schwarzmüller searching Udemy for people who solidly knew Vue. I had seen a few examples of the code in various YouTube tutorials and was enamored with how awesome the language looked so I kind of nebulously decided that would be the framework I learned when the time comes. After seeing how expensive his individual courses were I went looking on his website to see if he had any discount codes and found that he keeps all of his courses behind a $19 a month paywall if you don't want to buy them individually, so now I am working through his JavaScript - The Complete Guide 2021 (Beginner + Advanced) and I am in awe of how little I actually knew about JavaScript. Max is the most in-depth teacher I have ever seen when it comes to JavaScript. Most people will describe a common method, it's most common use case, and then show a use case. Max will dissect every moving part, show the most common use cases as well as some creative edge cases, and then dive into meta concepts like it's relation to the concept of clean code, performance (something you almost never see discussed when learning basic JavaScript), and related history associated with use (eg DOM selection and traversing then and now.)

The full course is 52 hours, but you'll need a lot more to actually digest the content. Everything is presented very plainly, with visual aids, and the opportunity to code along, but I have found that often times I need to stop and read MDN/Watch YouTube videos/Try things myself for a while before I feel confident enough in it to continue working. What's crazy is he dives super deep into things like the Chrome window and document, V8, and working with DevTools before you do much of anything and I learned a lot about things that had been skipped over in other tutorials there. I'm only about 35% of the way through it at the moment, but I'm pretty committed to finishing it before I start working on his Vue courses. I feel pretty confident now when looking at code that I know what it does before running it, I'm very used to fixing errors and think in data structures when approaching problems. I am far from learning how to do everything, but you don't need to know everything. You just need to have a good understanding of the rules, how the pieces fit together, and how the syntax rules shape and change your code (and what your code is being compiled into when using es6+ sugar.)

Right now I'm working through CodeAcademy's Full Stack Engineer career path ($200 a year), Learnjavascript.online ($80 for 5 years accesss), and Academind (Max's website, $19/month).

If I were to start again to get where I am now I think this is what I would do:

• Free Code Camp's Responsive Webdev Cert

• Free Code Camp's Javascript Cert

There are about about 300K Udemy courses on different topics. Of course, not all of them are good. But, from my experience, some courses are of very high quality.

Full stack web development. These courses are excellent for beginners in HTML, CSS, Flexbox, JavaScript, MongoDB, Node.js, etc.

1. Vertex Academy https://www.udemy.com/course/result-oriented-web-developer-course/
2. Angela Yu: https://www.udemy.com/course/the-complete-web-development-bootcamp/

SQL:

1. Vertex Academy (SQL, MySQL) https://www.udemy.com/course/the-complete-mysql-bootcamp-from-sql-beginner-to-expert/
2. Stephen Grider (SQL, PostgreSQL) https://www.udemy.com/course/sql-and-postgresql/

​

JavaScript projects (for those who already know HTML, CSS and JavaScript):

1. https://www.udemy.com/course/the-javascript-course-build-modern-javascript-projects/
2. https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume/
3. https://www.udemy.com/course/web-projects-with-vanilla-javascript/
4. https://www.udemy.com/course/50-projects-50-days/

React:

1. Maximilian Schwarzmüller https://www.udemy.com/course/react-the-complete-guide-incl-redux/
2. Stephen Grider: https://www.udemy.com/course/react-redux/