CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

This is a good course on css

https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

Its a few bucks but I think its worth it, Maximilian Schwarzmüller is very good at explaining things.

Note: the pricing model is annoying, it should cost you about 12 bucks. If it says something like 100 then delete your cookie and refresh, udemy.com uses 'urgency' pricing to fuck with you.

I tried to understand it through projects / practice. It didn't work. Some parts of it looked like magic while applying it. lol.

What I noticed later on is that everyone has a different method of learning. I need to know the rules of a language to fully practice it. So, I got this course which covers both basics and advanced CSS. Now, I actually KNOW how everything works. Highly recommend it.

I'm currently going through the CSS Complete Guide course by Academind.

I highly suggest taking Maximilian Schwarzmuller's Udemy course . I have been a professional full stack developer for a few years now and this course taught me more than anything else about CSS.

I remember when I took this course, I had a CSS problem to solve at work that a co-worker was struggling with. This course not only helped me solve the issue, but I explained exactly what was going on with the document object model (DOM).

I wish you good luck and keep learning! Never give up no matter what. Switching to webdev was the best choice I've ever made and I'll never look back. Everyone here is supportive and will help you out or give you some encouragement if you need it!

No worries here ya go. It's definitely worth it for the price. I'm just about finished with the course and I've learned a lot through it.

Hi everyone I am new to web dev and have been learning HTML CSS for the last 2 months.

I have just finished udemy course CSS course by Maximilian. Before moving To Javascript, how I should practice so that I am confident of my HTML CSS skills.

I am currently taking this Udemy course for CSS, since I am trying to really study up on my front end development. I highly recommend it, it covers such a wide array of topics and is organized effectively for beginner to advanced topics like sass.

and has solved me of my greatest css issues:

1.) understanding how to effectively manipulate element and flow via manipulating position properties

2.) knowing when it’s best to use flex-box vs. css grid with real life application

You make a fully functional site From the ground up(mostly). I’d wait till another udemy sale, I bout it for $12.

https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

I have been using udemy for the last several years. its been pivotal in learning skills that have more than quadrupled my pay in about 5 years. this one is 14$ right now and their courses are regularly on sale. I haven't taken this one, but I have over 40 courses in my folder. Highly recommended tool, well worth the cost:

https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

Sto se tice CSS-a ovaj kurs je najbolji , imas 3 levela beginner, advanced i expert. A posto kazes da znas osnove JS-a, neka knjiga bi ti lepo legla npr Eloquent JavaScript ili JavaScript: The Definitive Guide.

Imas i kurs i ovu drugu knjigu "besplatno" preko libgen.rs i getfreecourses.co.

Ako ti ovo nije dovoljno, ili ti je previse slabo sa obzirom da imas dosta predznanja, pici na fullstackopen

My answer is below, and here is the link to the original thread (https://www.reddit.com/r/learnprogramming/comments/npjy8e/how_long_did_it_take_you_to_complete_the_odin/)

Looking back, I would say that TOP was worth starting if you don't know if coding is for you. At the time, I was building a business, and wanted to code my own website. Now that I have been through the entirety of TOP, all the udemy courses, and built a number of websites, I would only recommend TOP as a way to see if you are interested in coding, and I would say to only do the fundamentals section.

I say this because the udemy courses by Maximilian Schwarzmüller are all complete guides. This means he shows you all the things you can do with CSS, Javascript, React, and MongoDB. He also explains the history of each language and why it was developed in a particular way. This won't seem so important as a beginner, but if you code on other people's projects that are older, you will understand what the past programmer was doing and be able to optimize what he or she was doing.

The biggest problems I think all beginner programmers have when learning on their own is knowing when you know enough, and if you are learning efficiently. Going through TOP, you think that they taught you everything or at least enough about a programming language, but I felt as if I had to keep looking up basic things. And in all honesty, their sections on React and MongoDB were terrible at the time I took the course, and they don't look that much better now that I took another look at the curriculum.

After completing the Udemy courses, and taking good notes, I found that I had a better grasp of the fundamentals and only needed to look up things that are complex problems. In most cases, I could always just reference my notes since it mirrored the complete guide. Also, another reason to do the complete guide is that you can't always program what is in your head if you don't know all the options in your language of choice. This, for me, was the single biggest reason why I recommend the complete guide udemy courses. The alternative is to spend a lot of time learning things in a piecemeal fashion which is very very inefficient because you might be learning to do something while skipping over some very fundamental coding knowledge.

Whether you plan to work for yourself, or find employment after studying, I would recommend you do the foundations course in TOP to find out if you are interested in coding. If you are interested, I would skip the rest of TOP and purchase the following MERN stack products from Maximilian Schwarzmüller once they are on sale for $15 - $20 on udemy:

https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

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

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

https://www.udemy.com/course/mongodb-the-complete-developers-guide/

https://www.udemy.com/course/git-github-practical-guide/

The last thing I wanted to say is that I recommend the MERN stack, as opposed to learning RUBY in your case, is that the job market cares a lot more about the MERN stack and not so much about rails. Even if you were planning to strike out on your own I would recommend the MERN stack because there are so many other developers using it that any problem you will likely run into will have likely been answered somewhere in some fashion.

I hope I have given a sufficient answer to your question. I don't know if the free fullstack course covers everything, but I found it to be a major pain when there were gaps in my knowledge as a developer. If you follow the courses above, you won't have any fundamental knowledge gaps and will likely be ahead of other beginner developers.

Edit: if I didnt emphasize it enough, take VERY GOOD notes when taking these courses. I took notes based on every section of each video linked above because each video shows you something new. There is too much to memorize, and it can be a pain to look through past videos when all you need is a refresher from your notes. Trust me on this one.

Also, TOP and this video series will take equivalent amounts of time to complete and master, but this udemy series leaves you better prepared for interviews, real world work, and personal business projects.

I folllowed this course and learned a lot and like it! https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/ He has an angular course that I did before, and since I liked that one a lot I decided to do this course as well. He is a good teacher and it is packed with info.

Colt Steele's Web Development Bootcamp is highly recommended around reddit which covers the bare basics of everything from html, css, bootstrap and javascript, node etc

Academind's CSS - The Complete Guide is great and goes into a great amount of depth focusing on CSS only, from basic to advanced.

Jonas Schmedtmann's Advanced CSS & Sass course covers some advanced, new features of CSS and assumes your already have a basic understanding, also introduces you to Sass for the next phase of your training.

Andrei Neagoie's the complete web developer in 2020 again covers a lot of the stuff Colt Steele does in his own style, its always good to get a different perspective when learning.

i recommend you start with colt steeles first few modules in HTML and CSS, then stop before he moves onto anything new and begin Academinds course on CSS to get a more in depth understanding then move onto Jonas Schedtmanns advanced CSS course. Then youll be ready to start exploring Bootstrap back at Colt Steele's course. Then JS.

just my 2c - happy learning!

CSS from the beggining:
https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/
Advanced CSS:
https://www.udemy.com/course/advanced-css-and-sass/
JavaScript (you've seen Brad's course, i think it's an amazing resource but you could also watch this)
https://www.udemy.com/course/the-complete-javascript-course/
https://www.udemy.com/course/javascript-beginners-complete-tutorial/
Node.js:
https://www.udemy.com/course/nodejs-the-complete-guide/
https://www.udemy.com/course/nodejs-express-mongodb-bootcamp/

React:
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
https://www.udemy.com/course/modern-react-bootcamp/
Front-Back communication:
https://www.udemy.com/course/react-nodejs-express-mongodb-the-mern-fullstack-guide/
https://www.udemy.com/course/mern-stack-front-to-back/