How to ACTUALLY Master CSS?
Vložit
- čas přidán 13. 06. 2024
- ⚛️ Learn Full Stack Development on codedamn: cdm.sh/fullstack
Timestamps
0:00 Teaser
1:06 #1 Box Model
1:58 #2 Layouts
3:26 #3 Units
4:26 #4 CSS3 New Features
5:06 #5 Responsive Website
6:25 #6 Animations
7:46 #7 PosttCSS / Saas
9:24 #8 DevTools
10:29 Conclusion
11:31 Outro
👉 Free HTML5 + CSS3 Course: cdm.sh/htmlcsscourse
👉 Free JavaScript Course: cdm.sh/jsbasicscourse
👉 Free ReactJS Course: cdm.sh/react
👉 Free NextS Course: cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: cdm.sh/mehulig
📱 Twitter: cdm.sh/mehultwitter
📝 LinkedIn: cdm.sh/mehullinkedin
📂 GitHub: cdm.sh/mehulgithub
🌎 Personal website: cdm.sh/mehulblog
💻 Start learning to code for free: cdm.sh/codedamn
🧑🤝🧑 Discord community: cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: cdm.sh/jstutorial
👉 Complete React Crash Course: cdm.sh/reacttutorial
👉 Next JS Tutorials: cdm.sh/nextjsytplaylist
🏷 Video Tags:
How to ACTUALLY Master CSS?
learn front-end web development
learn front end development from scratch
master css
master html
Fastest way to be a MASTER web dev
how to code
css course for beginners
css3
css tutorial
css for beginners
html css
css beginners
css course
cascading style sheets
css crash course
css tutorial for beginners
👉 Check out my other personal CZcams channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: cdm.sh/mehulyt
I am among those guys who suck when it comes to UI, I found a really great channel to work on my css but then further into I realised they were working with sass which I had no exp in, I rage quit youtube that day.
Other than that,
Kevin Powell is another such great guy who makes vanilla CSS oriented videos. Have learnt a lot from there.
Great topic. CSS is actually really tough to master.
True 🙂
And people say Js is hard 😫
So true
not really just got to put the time in effort
@@charles4k8k show me your website
thanks this video helped me a lot your roadmaps are very helpful you explain everything easily and in-depth
I’m a very fresh developer, this helps put the sections into perspective. Proud that I’ve already taken good notes on units and started to try to understand them and their use cases
Watched till end. Thanks for giving back to the Developer community!
Awesome video brother.
Thank you for making video like this 😊
Thank you mate. Great video!
This is a great topic to discuss! Ty buddy
Excellent content .. of course I see this video until the end.
Greetings from Colombia 🇨🇴
Thanks a lot for the clear explanation
5:10 might also be worthwhile to talk about clamp(min, actual, max) and its usage
Refer the shorts in my channel for min and max
You're great man...you thought me about posstcss I didn't know about that...and yes of course sass is a super power...I use it everywhere even with react...I have never used direct CSS anymore since I met sass
Nice topics covered !!
really informative video
Thnak you❤️
Thank you so much bro for this video this is life saver for me
Really helpful, thanks
That's some very good practical advice.
If you want to Master CSS, you might also want to watch Kevin Powell.
He's a CSS king 👑
True, I would also add LayoutLand even though she hasn't uploaded any video in a long while; her conference talks are also very cool
No one css king and no one learn 100% css it's impossible because css have many underrated values even online dosnot know
Nice vid homie
thank you so muchh! When you jump into css you later understand that this is the foundation
Thanks sir, it's helpful for us
This actually is full of practical concepts to learn. I’m a backend developer wanting to strength my frontend skills really find this valuable.
Gotta follow those playlists now after watching till the end
Great work keep it up
It's really great to have some kind of check points while learning a new technology, I hope you make [ How To Master ... ] Series to take about a specific technology & how to master it correctly cuz a lot of new learners think they know enough but the truth is the opposite
Amazing video. ❤👏
Thanks for this.
wow what timing, i was going to review my css knowledge today too
Hi, I am a beginner
And can you pls refer to some source where I can learn about CSS and other front-end development languages?
Aren't you supposed to review a little bit of your knowledge every day?
Excellent Sir 👍👍👍👍
Thanks . nice content
Dude, I suck at JavaScript! CSS makes sense to me and I love it❤
Amazing video!
I wanted to ask if floats are still important enough to give so much attention? I mean position, flexbox and grid already provide so much functionality that I haven't seen a use case that I would need to use floats and can't solve them using the above.
I thought the same thing
Hii this is Arun here, I am fan of your teaching skill and thanks for improving my skill some fronted tools and this is my first comment on CZcams Community.
Thank You Sir..!
Good video - thanks.
I watched this video till the end!
One u single person share about how improve my css thanks for making video
This video is helpful for flutter devs as well
Watched till end!
I love the way he says 'hey'
Amazing !!!
IAM learning bootstrap after CSS and it's grid system and and display property is easy than CSS and we can replace CSS grid system and display proprty by bootstrap then what the use of csd grid and display i DNT understand pls can anyone reply my question ?
Waiting for this
I watched this video till the end ❤️❤️
In my job sometimes i need to make new html for mobile as well
Which CSS library/Framework for React is used most in Indian Companies or which are the few ones we should know ?
Bootstrap is the most used css Framework
TailwindCSS, Chakra UI, Material UI, Ant Design
I think one reason why CSS seems to be hard to master is that, developers tend to shift more focus on structured or dynamic languages (JavaScript and the rest of the sever side languages) because that's where the business logic or the purpose of the app they build is...so they prefer to use a UI template bought from someone or they prefer to use already made UI component libraries like Bootstrap and the rest...so by doing so they actually don't give themselves the chance to really dive deep into the technical UI Design aspect...they don't have enough time spent in working with raw CSS to be able to master it...and that affects their level of mastery of CSS
I mean, if it’s already prepared for them, why would they waste time to do it themselves and dive deep into CSS ?
@@adem1829 well actually it is an individual preference i think...for me I prefer to have the raw CSS superpower and be able to even build my own bootstrap or Tailwind or any other likes...for me as a developer I feel like I need to have all the raw powers to do all I need from scratch and have full control on every bit of my own design...and not depend on any css library...using sass is also good because it's not an already made library but rather it is a way of writing css that makes writing css really enjoyable...I enjoy that hectic process and truly it has fired me really up in the UI Styling work...I can style things myself just like material UI does or bootstrap does...I can create my own dashboard design and you'll think I used bootstrap or material UI...yet I used CSS myself to do so...and I did it so much that I have become fast...so I can come up with a design from scratch without libraries...but as I said it's a matter of preference...me I prefer the raw power than the library power...but of course I'm still learning and I'm far from being perfect...
Amazing! Kindly do JavaScript next. Thank you so much for these videos.
Welcome! I've already done the Master JavaScript video
@@codedamn thank you, looks like i missed it.
great video
Make a video on colors....please
i watched this video till end plz do a video on how to master javascript
What about tailwind css??
Please and please do Javascript next.
useful informations
It only took me 2 months to learn c# as a college dropout and get a job but i still struggle with front end stuff. I know bootstrap and i can create simple forms but when it comes to complex layouts i struggle alot. Any advice would be helpful.. what should I focus on?
Hey Ashwin. How hard is the market to get into for non tech people, or "tier 3" BSC guys? What was your exp?
@@danielchettiar5670 It's almost impossible to get any placement in India except in startups without a degree, i self learnt C# and Asp.Net core MVC for two months with another one month of Ms SQL training by downloading courses from internet and using w3school, I landed in a Remote job for a Dubai based IT firm with a starting salary of 30k per month, I think it's better than nothing.
@@apexashwin how did you get a remote job?
Watched till end
I have watched this video till the end
I watched this video till end :-)
Plz do javascript next
solid
bro each video i seen, untill the note came to screen "i watched this video till the end"
IMHO...understand pts. but definitely stay away from them unless you absolutely have to. Pts. are primarily for print configs.
I watched this video to the end! I know a little about a lot. Sooo . . . how do you do that crazy layout at 2:55?
Check out Kevin Powell's CZcams channel he has a tutorial on something like this.
Flexbox flex-grow maybe
I watched till the end
Brother, let me give you tomorrow's topic for video..... 'About the resume for a CS fresher candidate'.
I request you to make a video on this.
Would Love to know about the dos and don'ts of resume from you.
watched till the end
till the end
I watched this videos till the end
How to become a great css writer ✍️ :
1. Use flexbox 📦
2. Add padding: 20
You’re welcome.
I watched this video till the end.
i watched this video till the END 😤
I Watched till the end
Remember grid may look tempting, but it's not your friend.
Everything grid can do can be achieved with flex
Why? It's not that difficult. Once you master both flex and grid, positioning becomes much easier than just using flex.
I prefer flexbox over grid in the majority of situations, but there’s a time and place for both.
I watched till end
❤️
as a backend developer i hate css, thats why i chose backend 😂😂
Same here 😂
no one can run from css u have to know a bit of front end as a backend dev.
@@mahendrabishnoi716 yeah facts
@@Lafsha ikr :-)
I equally love backend and frontend. I might be the only one. 🤷
👍🏻
Watched till last
👍👍
create a video about how to use Browser dev tools
Here's a course : czcams.com/video/Y3u2groOG-A/video.html
Nesting is available now, lol
Actually
Watch till end
my css went from normal to advance trying to master my css.Its not that hard as a programmer they kind of the same logic and concept
Short answer - if u are impatient u wont ever will love coding
i suggest tailwind css
Tailwind > bootstrap
float? are you kidding me the reason why flex and grid developed is to avoid using floats anymore and now you suggesting to use float to solidify the knowledge of CSS. one you know flex and grid you can never go back to floar unless the company website you are working is classic
Well precisely he said to do some hacky like stuff,he doesnt said that make the whole layout with float
There is no way.
Need Upi codedamn
Coming soon!
its developer not DAVALOPER!
Mastering css is not a joking matter 😢
Plz talk in hindi bro.
I watched this video till the end!
I watched this video till the end!
I watched this video till the end!
I watched this video till the end!