Advanced CSS and Sass
Flexbox, Grid, Animations and More!
Have you been coding CSS for some time, but want to take your game to the next level? Do you feel confused with CSS jargon like inheritance, specificity or the cascade?What if there was one resource, one place, where you could learn all the advanced and modern CSS techniques and properties you've be...
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.
Reddit Posts and Comments
0 posts • 34 mentions • top 31 shown below
1 points • iPlayDaGamez
https://www.udemy.com/course/advanced-css-and-sass/ I really enjoyed this course
1 points • sirstaho
It’s from 2017 udemy course:
Look at first project.
1 points • meldi96
Also check UDEMY-ADVANCED CSS course it improved my CSS skills to max
1 points • BOBCATSON
This is one of the best courses, it will improve your css knowledge, introduce you to SASS (which is amazing) and shows you float, flex box and grid. https://www.udemy.com/course/advanced-css-and-sass/
1 points • malkmusforever
Hey, thanks for the input! the nav elements are supposed to be in the nav bar, but funny that it almost looks like a feature in your browser, lol
The folder navigation is a great point. It's controlled with Redux state, while the song navigation is controlled with routes. I thought about using routes for the folders, but I wasn't sure how to route correctly when drilling into multiple folders, and the only ways that I could think to do it would limit the amount of folders that were allowed. Knowing what I know now, I might be able to come up with a solution using routes, but when I built that feature I was a little less experienced :)
I started taking a course on SASS (this one if you're interested) recently, hopefully will have that in my next project.
Again, thanks a bunch for taking the time to check it out!
1 points • galher
If you don't mind paying this udemy course is great. https://www.udemy.com/course/advanced-css-and-sass/
1 points • shooteshute
I took Max's course and it really helped me. Sass is so aweome.
1 points • shakedown88
Hey man, don't get discouraged. It's really hard self-teaching, and you'll hit walls constantly. I'm about 18 months into self teaching (15mo part-time and 3mo. full time) and I still feel like I suck.
For me, CSS didn't really start to click until I took https://www.udemy.com/course/advanced-css-and-sass/
I wouldn't get discouraged by the 'advanced' descriptor, I don't think it's beyond your understanding given what you've said you've done so far.
Just try and take it slow and write small parts. Biting off more than you can chew and then getting discouraged when you can't make something fully formed is the bane of self-teaching. Bit by bit by bit!
1 points • Wizioo
This one helped me a lot with arcanced CSS:
Hope you find it helpful.
1 points • rayzon2
Holy grail of CSS/ SASS courses here https://www.udemy.com/course/advanced-css-and-sass/
2 points • ohphono
If you're still feeling underwhelmed with the CSS you know, I cannot recommend this course enough- one of my all time favorites: Jonas Schmedttman's Advanced CSS course: https://www.udemy.com/course/advanced-css-and-sass/
1 points • DefinitelyNotGrant
I mostly learned through a series of tutorials and making stuff! For frontend code, I use Angular and SCSS. Here are two tutorials that really really shaped my foundation (make sure you're paying like $10 for these and not the $200 'original' price):
• https://www.udemy.com/course/advanced-css-and-sass/ • https://www.udemy.com/course/the-complete-guide-to-angular-2/
In general, I would highly recommend just building stuff for sake of building stuff and dissecting the code of open source projects!
Hope this helps!
1 points • niclo98
Love how the top part of the website is almost the same of the first project of this course: https://www.udemy.com/course/advanced-css-and-sass/
Did you take the course as well ?
1 points • a_masochist
Learn basic HTML & CSS from freecodecamp.
Later watch this tutorial for CSS
1 points • squarepoint
1 points • flipinshit
I can highly recommend Jonas' course on Udemy: https://www.udemy.com/course/advanced-css-and-sass/
1 points • thundercloudtemple
I know the last thing you want is another course but there is one course that improved my design skills and made my portfolio look better.
Here is the course: https://www.udemy.com/course/advanced-css-and-sass/
Best of luck.
1 points • Yittoo
https://www.udemy.com/course/advanced-css-and-sass/ Invest your time in this, finish it and you'll be just fine. Trust me the time you spend on it is worth it
2 points • Gigusx
I don't think you'll benefit a whole lot from your expertise in design when learning to code, since they're two very different fields (creative vs logical), but two things come to mind:
- Problems in design are still problems, and problem solving skills are always helpful, so you have a jumpstart there
- Once you start learning HTML and CSS, you'll get a more complete perspective on how designs are interacted with using code. You'll learn more about what can and can't be done with code, how easy/hard it is and to what extent certain features of design are worth implementing. This will not help you learn to code, but it will make you a better developer AND designer.
With that said, I don't think coding is particularly difficult, although some people are absolutely incompatible with this type of work, but that percent of people is (guessing) pretty low. If you like learning from video courses, I heavily recommend Udemy. Pretty much all top-rated courses are an insane steal at that price since they're ALWAYS on sale, and if they're not, you can usually get a discount through the author's website if they have one.
Also, if you would be open to getting even deeper into design and becoming more valuable there, then check out "The Futur" on youtube. They create amazing content for designers, creatives, freelancers and entrepreneurs. Very well worth watching if you're feeling stuck in just design. I bet they'll expand some of your views :)
1 points • tanahtanah
Pengalaman programming kamu apa? Kalau ga punya pengalaman sama sekali :
https://java-programming.mooc.fi/ It's the best intro programming course on the internet hands down, and you will learn OOP while you are at it.
CS50 (optional). It's also intro programming course, but much harder than most of intro programming course in the world, but it's so rewarding. I'd recommend you to do it though.
FCC and The Odin Project at the same time. Be smart though, you don't need to repeat the same material if you have already confident with your learning either from FCC or TOP. Do all the project assignments from both though.
Learn Advanced CSS (optional) https://www.udemy.com/course/advanced-css-and-sass/ The best CSS course on the internet
https://fullstackopen.com/en/ Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript. It's from the same uni as point 1. If you are in Finland, you will have the opportunity to get job interviews if you have finished this course.
https://acloud.guru/aws-cloud-training. AWS. Cloud. Bayar. Ambil AWS Certified Cloud Practitioner dan AWS Certified Developer Associate
Setelah semua di atas, siap ngelamar jadi junior stack developer. Setahun min belajarnya sih, though FCC claims that each section of their tutorial should take 300 hours but it should be varied depending on your programming experience. It should take you much less than that to be honest.
1 points • cacharro90
Another thing that has helped me immensely is using TailwindCSS and watching it creators doing Live coding and rebuilding sites using it. You get details about how to display many components, here and example.
1 points • AGuyCalledGavin
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!
1 points • pottas
I'd also recommend you to check out some video courses like these:
1 points • blaketate1991
I've been taking a course from some guy from Ireland who does a good job teaching basic CSS such as selectors and applying styles. To be honest, his tutorials on flexbox are quite short, he doesn't teach responsiveness in a lot of detail either but he does about 2.5 hours teaching CSS in a clear way and makes a donut websitefrom scratch. His course is free and good for beginners but as I say don't check out this course if you want to know flexbox as little detail sadly: https://www.udemy.com/course/the-full-stack-web-development-bootcamp-2020/learn/lecture/17119626#overview
If you are willing to pay like 10 dollars there is another guy on Udemy who is awesome called Colt Steele and he does a full course on web dev but the best for flexbox specifically is Jonas Schmedtmann his course is really fantastic for learning layout in CSS : https://www.udemy.com/course/advanced-css-and-sass/
Hope this helps. I was confused for ages about divs. You should also check out Bucky Roberts on YouTube but his videos are getting old now and he has sadly stopped teaching. Bucky come back. His HTML and CSS stuff are awesome: some legend put it all in one video too :) https://www.youtube.com/watch?v=y3UH2gAhwPI&t=177s
1 points • DiscombobulatedBath2
Personally, for frontend without any programming experience, I'd recommend :
INTRO PROGRAMMING : https://java-programming.mooc.fi/ It's the best intro programming course on the internet, and while you're at it, you'll learn OOP as well. I know it uses Java, but the most important thing is to learn and think like a programmer. Once you finish this, any jump to any programming language is much easier. It's the best because it has many exercises for each concept,so that you won't jump to loop if you don't really understand what variable is.
HTML AND CSS :
Beginner to Intermediate : https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/
Advance : https://www.udemy.com/course/advanced-css-and-sass/
The advance one has been mentioned multiple times here on reddit as one of the best css tutorial on the internet. I love Brad, but I'd stay away from his material if you are a complete beginner. His style is showing you how to use a technology, but he doesn't show you why. For example for css, he will show you each syntax, and then he uses them all together. While the links above will show you each syntax, and show you why and how to use them. I'd recommend to use Brad's tutorial as a refresher or to learn how a programmer works with any particular technology.
Choose your Framework. I'd recommend React since it's the most popular in job market.
https://tylermcginnis.com/courses/react/ It's paid but it teaches you React from scratch. Many tutorials teach you building a big project, but they don't teach you how and why we are using React. They usually don't teach you about webpack,etc.
1 points • seanyboygloryboy
Then learn the crap out of React, Node, and SQL.
React Js https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Node Js https://www.udemy.com/course/nodejs-the-complete-guide/
This Roadmap with consistent structured learning would make you very proficient within 2 years. 👍
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
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
1 points • useless_developer
Ok I will give your friend an advice and I will explain my reasoning later. I need your friend to focus on these materials I am giving you for 2 months. She has to spend 8 hours a day reading this material seriously and remember never type out this code in the beginning. Just read the stuff and try to understand what ever the content is even if she is getting very sleepy because at the end of it she would be capable of earning atleast 2.5 lakhs per month if she gets the right clients. You would easily get 18lpa salary job though.
*Please don't go for other tutorials the things I am giving you are after following every material out there.*
Repeat learning React and its ecosystem from one of the best tutorials I have seen. It's 35hrs long but you would be perfect with react internals.
These two courses are 4 hours in length but they are very fast paced. Spend two days on it and try to understand.
Advanced CSS tutorial - 1 week
Also learn ESLINT and BABEL from youtube.
Now after this tell her to make two or 3 small sized projects and publish it on Github. Make those projects live. Go on r/reactjs and tell her to see some portfolios for reference. She can directly post these on blogs and try to get interviews. I tell you this 100% works.
The reason I am giving this advice?
Java - Good salaries but a lot a legacy stuff will be thrown at you. You have to learn all DS & Algo stuff for this. Also lot of old people and corporate culture.
.Net - Microsoft development is dying except in gaming. It is all cloud now.
Big data - Sounds good but they demand very high experience and kinda boring job.
AI and ML - If you don't have statistics degree simply forget about it.
Honestly I can type a lot of stuff. But I want to make sure if your friend is interested in this. So let me know later.
Edit: And don't even try getting me started on AWS. If you don't know Full stack development and Linux administration you would never be good at AWS. Many people in India will never be able to handle AWS Site Reliability jobs. It pays you good 5 lpa to 25 lpa but most of these people don't have a fucking clue what they are doing. They just get a certification and they think they know everything. Atleast the path I told is reachable within 2 months. Being a good AWS or Devops engineer will take years of Industry practice.
2 points • atthesummit
*Imp: I am not affiliated with Udemy or any of the instructors, I have just created this plan for my friend to get the first job
- Its \~300 hours of content so it should take around 3-6 months, including practice
- It covers at least 4 major projects
3) Advanced CSS (llayouts & animation) (28 hours)
4) Everything about - Reactjs & its ecosystem (Frontend Framework) (39 hours)
5) Everything about - Nodejs and MongoDB & their ecosystem (Backend Technologies) (42 hours)
6) Some other important stuff (Performance, Security, Testing, Other Tools & Technologies) (35 hours)
8) Interview Preparaion (Basic) (13 hours)https://www.udemy.com/course/coding-interview-bootcamp-algorithms-and-data-structure/
9) Interview Preparation (advanced + LeetCode) (22 hours)
10) Resume writing, LinkedIn, Job Searching, etc (7 hours)
\~ 300 hours of course content
let me know what you think
ps: This is shared in good faith, there is no affiliation links or I am not going to get a single penny if you take any of the courses :)
This is for those who are comfortable with learning on Udemy
I created a comprehensive all inclusive plan, so thought about sharing it to whom who can really benefit from it
1 points • helping083
CSS from the beggining: