CSS Crash Course: Master the Essentials in One Video! Elevate Your Front-End Skills Now!
HTML-код
- Опубликовано: 9 июн 2023
- Welcome to our CSS Crash Course! In this concise and action-packed video, we will guide you through the fundamental concepts of CSS (Cascading Style Sheets) to take your front-end development skills to the next level. No need to feel overwhelmed by complex CSS techniques - we'll focus on the essential concepts that will empower you to create stunning and responsive web designs. Join us now and enhance your front-end skills!
Instructor in this video: Harsh Sharma
Visit our website: sheryians.com/
Socials:
Instagram: / sheryians_coding_school
Facebook: / sheryians.community
Telegram: t.me/sheryiansCommunity
LinkedIn: / the-sheryians-coding-s...
Discord: / discord
Peace ✌️
#csscrashcourse #frontenddevelopment #webdesign #cascadingstylesheets #css3course #WebStyling #csstutorial #responsivewebdesign #learncss #css #webdevelopmenttutorial
Bro, this is exactly what we've been searching for. I'm quite certain that it would be extremely difficult to find this teaching approach in any colleges in India. That might be one of the reasons why engineers have to resort to learning from RUclips. However, for someone like us who haven't attended any engineering college and aspire to build a career in Front-end Development, you are a blessing. Guys, I strongly recommend taking a comprehensive course from Code with Harry or Anuj bhaiya first, and then using this course as a refresher. It will help clarify any doubts you may have and enable you to create impressive projects in the long run.
Brothers. Subscribed your channel. please make such awesome videos.. I hope aap k videos dekh k m front end ko not perfect but achaa coding kar pau.
Top notch content from top notch man ❤
@Sheryians Sir, your RUclips tutorials on HTML and CSS are absolutely top-notch! Your teaching style is clear, concise, and easy to follow, making it a breeze to learn these essential web development skills. Your dedication to providing high-quality content is truly appreciated, and I can't thank you enough for all the knowledge you've shared. Keep up the fantastic work, and know that your efforts have made a positive impact on countless learners like me. You're an invaluable resource for the coding community, and I'm looking forward to more amazing content from you. Kudos and endless appreciation for your exceptional contributions.
Needed a CSS refresher...and stumbled upon this. Never been so grateful to the alogrithm. You teach and converse like a big brother truly, making us fully comfortable.
The way you used props and constructed examples on screen shows your prowess on the topics. You have a gift of explaining things in simple terms.
Thank you.
Mere aakhon me aasu aagaye itna accha or clear-cut explanation dekhne ke baad. Agar apke jaisa teachers ho toh backbenchers bhi backbenches pr baitna pasand nhi krenge, damn sure.
I have tried to understand the position and flexbox in CSS multiple times, tried different resources but I hadn't found any resource, teacher who have taught this way in such a fun and volcanic way that I understood these topics in just one watch of lectures. Also bhaiya this the second video of yours I'm watching since I discovered you on youtube and i have became your fan. You are a gem
i watched many many videos on css but i found this man this is literally a game changer love you sir from Pakistan
The way he taught flexbox and position relative & absolute was the best I ever learn❤
I have seen soo many content from big youtubers.... But it always left me confused abt the position property.... But the way you taught at the end...position absolute and position relative... I dont think i can ever forget it now........❤thank you so much
Please sir give us full content... Dont give only limited content.... I also stay confused abt the ...align content...align self ... Please teach us everything sir... The way you teach is the best i have seen in all youtube❤
Bro the way you explained positioning & display-flex is amazing.🎉
Please post more of these kinds of videos.
Hat's off to you bro.
That car example for position was absolutely brilliant. Thank You.
Till the concept position, i was thinking this video is similar to other videos, but after the explanation of positioning concept it changed my thought.....❤
Fantastic! Clear explanations and practical examples make learning CSS a breeze. Thank you!🙌
Literally i never got this amazing clarification of concepts ever before!
Sir after going through so many yt channels finally i understood what is the difference between padding and margin tysm sir. Your way of teaching is good and up to the point
bhai agar aise padhaoge toh kon nhi padhega ....so much love 💖💖
sahi kha bhai,
ab me anime ki jagah inki videos dekhta hu
🔥🔥🔥🔥🔥🔥🔥🔥
Best teacher ever! They taught me CSS like nobody else ❤😍
Harsh bhai that position absolute and relative Explanation OMG🤯 , man i remember when i started learning CSS how tough it was for me to understand and how much of a Road Block it was for me , and you explained it so easily this is why People say Indians are the best teachers
100k soon for the channel 💗
Harsh bhaiya never seen this much expertise in this field. You are really a great tutor.
I have seen many tutorials on RUclips but your are exceptional . No competition on RUclips. 🎉
Man you are just a gem. I cant express how you helping me to upscale my skill set.
Found this Channel Today and Just Completed this video which is " The Best Video For CSS " I have ever seen till now. Pls Upload more videos in this series.💯
I totally believe that I'm gonna become a frontend developer because by watching your content just boosted my confidence, I'm the one who frequently shifts from one channel to another, but now I guess I'm gonna stick here , Huge Thanks for u sir ❤️✨
This is the video where I have learnt positioning fantastically. Awesome guys. You guys are just rocking.
Take Love from Bangladesh.
This is the first time i enjoyed watching css for positions and flexbox. I watched many tutorials but never got the hang of them how to visualise to write code myself. Thanks for clearing my visualisation of these things. I will go forward in this playlist then. Thanks again.
This is the first video in my coding journey, in which I didn't feel bored. ❤❤❤
Sir,me k-bhi video ko comment nhi krta but aaaj na me video pause krke comment kr raha hu....jo bhi mera comment padh raha bhai sach me video dekh le ,Thank You so much sir❤
Ahsan kar rha hai sala kya
😂
Ye Dekh Ke Vagne Wale Maal Hai...😂😂😂
I love you
This is truly what i was looking for, I tried to learn the concepts like flexbox and position from literally n number of tutorials, but didn't find the perfect explanation anywhere other than this amazing masterpiece created by you.. Thanks a ton bhaiya. Kudos to you for always coming up with the best explanatory videos.......Wish your channel keeps growing and shinning.
This is best video of CSS till now. Thank you. Please make more videos that will help many people. You are explaining such simple way that anyone can understand concept easily.
Never knew understanding css could be this much fun ❤ thanks bhaiya for this amazing way of teaching the concepts with real life examples ❤❤
That was a great explanation where everyone just starts teaching using theory and imagination, you gave real demo, I am a non- IT guy, It will always remain in my mind. (This example) Thank you so much.
I am very excited about the whole playlist, you are actually providing great quality content
Perfect way of teaching I have revised my almost whole css ♥️
This man deserves a million subscribers by the way sir make a complete playlist of html css and javascript or complete web development course i guarantee you it will be fantastic and helpul for many peoples. And your teaching inspires me to learn thanks ❤️
Sir that was a really great tutorial, I am not into web dev, was refreshing my HTML/CSS Concepts for MLOps but I loved you way of teaching.
sir you are literally a blessing and redefining the way frontend we used to think as normal, YOU and YOUR team of talented people are really stepping up the standards of frontend. Thank u and pls never stop sharing your wonderful knowledge sir!! we are pretty much illiterate and naive in this level of mastery :)
I have practiced and worked on css position many times in my project but I never understood them, I read many blogs I watched many videos on this topic but my concept was never clear, I was a student of coding ninjas full-stack development course there I got many assignments about this topic but I cleared my concept for this topic only after this video.
I subscribed this channel from last month and till then when I stuck in any topic related to html, css or js I just search any video from this channel and hopefully I clear my doubt.
You are giving such a practical example that no one can forgot and this is the real practical way how one should understand coding.
Eagerly waiting for your videos on topics like SCSS, React, and something like full-stack.
thankYou for providing such high quality content.😄
You got a new subscriber..
Nicely explained...
Please make a full course easy and simple video for JS. Beginner...
Thank you 🙏
Hit like if you guys also want a JS tutorial!!!
what a content from the past 1 year I didn't get the concept of position absolute and relative and this guy in just a couple of minutes made me clear thanks 🙏🙏🙏🙏🙏
you made these topics positions and flexbox so simple that i don't need to get confused over it. thankyou so much brother
Just enjoyed whole video
I learnt everything easily from you
You are the best teacher I have ever seen
Really!!! 💥
Man, where have you been all this time. Finally found someone who teaches in a very well manner. Hats off to you. ❤
why is this tutorial soo relaxing and informative at the same time, something i havent seen before. Literally a work of art. You sir just got yourself a subscriber and student.
background calm music
Sir, your way of teaching is very good. Especially the practical examples clear our concepts.
Today I have cleared my Flexbox concept after a very long time.
this is one of the best lectures on CSS on RUclips, anyone can understand all the concepts covered in this video, I really admire the way of teaching, tons of thanks 😍🙏🙏
Bhaiyya plz continue this series. Dont ever stop it. I am a UI/UX designer & I would love to learn this extra skills from you.
Designer and developer 2 alag cheez hai
@@BlitzVirtuoso aur css dono me kaam aati h
@@ashishvaishna1023 Wo kaise dear?
@@BlitzVirtuoso style ke liye because html and css web design ke liye kaam aati h and Java script add karne ke baad vo usse development khte h isliye html and css me maths nhi hoti h shyd chota example kafi hoga mujhe bus itna hi pata h 🥲
@@ashishvaishna1023 ap sahi keh rahy ho keya ap ke saath WhatsApp pe connect ho sakta ho?
❤" Harsh Bhaiya is now became Landmark of bhopal"❤
Kudos to The Sheryians, touched to see such a young and dynamic talent. Good work Team Sheryians.
Your way of teaching through exmples is so awesome. It helps us to feed the content in our mind forever . Please sir make a full course on full stack web developer .. atleast MERN developer .. want more content on CSS please bhaiya 🙏🏻
Nailed it ❤
As a Aspirants 🚀 it's a Different From every creator video . But it's worth to watch loved it ❤
Just completed watching whole video
That explanation of position properties and flex was insane
The teaching style is really nice it keeps you engaging up with the video
Refreshed my CSS learnings with this one video
Thanks for bringing this up 🎉
Waiting for the final project 🎉🎉
Thanks Vansh, All glory to god 🙏🏻
Yes bro .. same ❤
sir maiery page py background image full nie arhi haie
You made my position concepts clear , I always used to get confused. Tons of thanks. Love from Pune ❤❤
I have been trying to understand these concepts since 2 years... But I have understand this now ...love you so much brother.. may Allah bless you always
Bhai saab aj 3 sal ho gae ghanta smjh nahi aata tha flex box bs kam chal jata tha aj ek video me pura smjha diya bhaiya you are amazing mene aj tk kisi Chanel pr comment nahi kiya but apki sari videos pr krta hu love you 3000❤
Very beginner freindly....thanks bhaiya
Also add a video on Figma .
When will be project come?
And finally I can say code with Harry and sheriyans schools ..
These only two can understand students feelings and make concept very easy to understand....thankfulll❤
aaj tak zindagi mein kabhi bhai absolute aur relative ka concept smjh mein na aaya i phone dekhte hi smjh gaya bhai thanks a lot bhai 👍
I wish I could afford your offline complete web dev course!
But anyways kudos to you! I've completed your portfolio clone website. Your teaching is amazing as always.
🙏🏻
All glory to god ❤️
@@thesheryianscodingschool He is worthy of all praise.🙏 Radhe Radhe
Really the way you explained these things it was super se bhi upar ..baki youtubers se bhi unique ..im in my final year and i want a job as a front end dev so please upload lectures daily and please complete full css 🙏🙏
Surely ❤️
@@thesheryianscodingschool Thankyou ♥️♥️
Wow the way you teach position property.❤❤
Amazing🎉
literally the best lecture on css i watched till now .
Nice explanation of position absolute and relative! Keep it up the good work 👍
All glory to god 🙏🏻
Position absolute : 23:16
Flexbox : 34:44
Examples are amazing...., they make the concept easy for beginners....
Wow. Really impressed with your teaching style. Really one of the best videos of CSS I have ever seen. Thankyou very much for this video.
Bhaiya I'm literally watching this at around 03:00AM, and didn't get bored even for 1 Minute.
That's so refreshing for me and, greatly explained Content.
Never thought ki CSS itna aasan hoga, I know this is just basics but still at least I start learning something new.
Thank you so much for the Tutorial 🙌❤️
All glory to god 🙏🏻
A fully power packed session. thank you shreyians❤
All glory to god 🙏🏻
Sir, this is exactly what I want to learn , 1 sec bhi boring nhi lga, loved it and learned it. thnks continue the series.
Difficult things convert into simple things. This guy is amazing ❤
❤️❤️❤️❤️❤️❤️ The best refresher.
Just completed whole video, was worth watching it, definitely the content have added value...
Thanks a lot to you and Sheryians Team.
God bless you all ❤️
Dil jeet liya bhai aapne...
🙏🏽🙏🏽🙏🏽🙏🏽🙏🏽.
Bhaijaaaaan please bring such 🔥Dope content covering Full mern stack.
🙏🏽😇
Thanks Sachin, all glory to god 🙏🏻
23:20 position : absolute;
26:25 position : relative;
29:09 code explanation
34:45 flex properties;
37:45 code explanation
THIS IS NEXT LEVEL 🔥
Today for the first time after years, I enjoyed a css lecture more than ever, your proud student❤
Sala me css margin positioning ko kabse seekh raha hu dusre yt channels pr, lekin itna clarity explanation kisi bhi video me nhi he except apke. Bro you are like a life saver yrr 😇😇.
# NOTES
1) css - styling
2) making css file - open VS code -> tap ☰ -> file -> new file -> type style.css -> click on create file
3) understanding linking - a process of linking html file with css using .
4) css boilerplate -
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
}
5) understanding css writing way - target any tag, class or id.
p { .a { #a {
} } }
6) understanding css height and width -
index.html style.css
#main {
width: 50%;
height: 50%;
background-color: black;
}
7) understanding units, px and % -
% - in case of screen portions (like 50%, which is equal to the half)
px - like a dot, and fixed value (like 20 px)
8) understanding margins, padding -
margins - the space outside an element or between two elements
padding - the space or imaginary border inside an element
* 9) understanding background image and things related to it -
background-image: url(image_address);
background-size: cover;
background-position: top or center or bottom or in pixels;
10) understanding position absolute and relative -
please refer video
11) understanding flexbox -
please refer video
i understood each and everything such nicely and in just one go....u are a great teacher....also u give great hugging bear vibe :). positioning part was really insane, i had read it before sometime back but didnt get it or rather i got that in different way but today it got crystal clear. i wish u had a complete web development course, i would have bought to learn from you.
Bro the way you explained positioning & display-flex is amazing.
Thank you Harsh once again. I am getting adicted with your teaching style as you know what to teach. Keep doing the great stuff.
In last 3 days, I have spent I guess more than 20 hours on learning things
All JS are completed and I have got so much of my doubts cleared, all thanks to you.
great stuff man, probably best explaination out there accross globe. Looking frwd to learn framework preferably tailwind css.
no video on youtube is useless, every video gives you a new point so hats off to this video
Amazing teaching skills you have. Lovely content. Thank you so much for this amazing knowledge ❤
I appreciate your hard work.
You are one of best guider and teacher ❤
Outstanding sir !... Thank you for this amazing video 🤗🤗🤗, Finally today cleared my the position Absolute & Relative concept , I refreshed my CSS learnings with this video...
That demo of positions and flexbox was the soul of this video..like seriously?????? How these 2 complex topics can be understood sooooo easily.. Thankssssssssssssssss!!!!!!!!!!!!!!!!!!!!!!!!!!! No ppt, animated video or fancy stuff can make these complex concepts easy . Thanks a lot Sheeriyans team! 🤩✨
I was always confused with position absolute and relative, very well explained both the concepts and overall the full video is really good. Really appreciate your style of teaching!!!
Best Teaching skills🤓 the way you taught that's absolutely amazing 🤩 I want to join your offline classes
well first of all i would like to say i am really happy that i found your course on youtube and after even having masters degree in software engineering you made my concepts clear really appreciated
Support ++
I have never seen such a teacher who makes topics clear in such an easy way.
You're doing great sir ! , you deserve a lot ❤❤❤❤❤❤❤❤
One of the best explanation I have ever seen of flexbox and position.
I've just came to revise for interview of js and revised html and css, but what an explanition bhaiya loved it :) life meai kabhi ita better explanation expect nahi kiya tha. Thank you!!!!!!
One correction, justify content is for major axis and ALign item for minor axis. ANd by default major axis is row so in that case Justify content is left to right and align item is top to bottom. But we can change the major axis by giving flex-direction as column, so in that case Justify Content is Top to bottom and Align item is left to right.
i just completed this one Crash course : You really explained positioning very well. i highly suggest this to everyone.
I watched videos with one million and two million views but didn't gain much from them; they were dull. As I scrolled down, I stumbled upon your video, and wow! Your teaching style is truly the most effective. I commend your hard work - you're the best teacher.
I Have never ever seen programming content like this... This is much much appreciated
Brother..........U explained the postion and flex box so easily....hats of........Love from West Bengal.🙏
Amazing video Sir, All Basic Concepts of CSS easily Understand... Literally this video is very helpful for Bigeiners❤
It's really helpful and easy to understand . You are a good Teacher ❤️
Top notch and unbelievable practical explanation...🎉🙏
Thank you sir. very grateful for this tutorial. The explanation of the concepts was amazing.
Your style of teaching will be forever in my mind.
00:03 CSS styling is essential for web design.
02:33 Learn to link CSS file with HTML file and avoid common mistakes in coding
06:57 CSS targeting with ID and classes
12:16 Understanding percentages and measurements in CSS
16:49 Understanding the concept of positioning and spacing in CSS.
21:29 Mastering background size and position in CSS.
24:26 Position absolute makes an element's position absolute, it rises up and leaves its place empty.
26:23 Understanding position relative
29:17 Understanding CSS positioning
32:30 Understanding relative and absolute positioning in CSS.
36:06 Understanding flex box and its properties
38:49 Use display flex for parent and justify content for alignment.