HTML & CSS Crash Course Tutorial #4 - CSS Basics
Вставка
- Опубліковано 19 вер 2024
- Hey gang, in this CSS tutorial for beginners we'll have a look at the basic syntax of CSS and how we can use it to make our web pages look better.
Web safe fonts - www.w3schools....
----------------------------------------
🐱💻 🐱💻 Course Links:
+ VS Code download - code.visualstu...
🐱💻 🐱💻 Other Related Courses:
+ Modern JavaScript Tutorial - www.thenetninj...
Having gone through your Modern Javascript tutorial in Udemy and your tutorials in youtube, You are probably the best instructor i have come across. Whether one is a beginner or intermediate, your instructions are crystal clear and the amount of quality information is indescribable. On behalf of everyone who have been benefitted from your tutorials, I heartily thank you for your sincere effort to build these tutorials.
Thanks so much Akshay :)
What was the difference between the udemy and the youtube? Was it worth buying the Udemy ?
@@leodragonheart754 the javascript course on udemy is amazing. He also has videos on vue js 3 and firebase. I will do that course next, but he does have some vue content on YT as well for free.
I second that. This is easily the best tutorial channel. His javascript course is something else. I never understood js before visiting this channel.
@@akj3344 Thanks for your comment. If you are still looking for a JavaScript course, there is a course from Anthony Alicea (JavaScript: understanding the weird parts.) this will give you indepth understanding of the language. I learned from that course and its really good.
Wow...after 2 years of css, I did not know about inline elements can only have margins left and right...
@@alphonseraynaud976 can happen that he does not use span tags that much...
I also didn't know about this, but mainly because last time I studied css was in 2012, and I am mainly a backend developer... I rely on frontenders to make things pretty :P
but am willing to learn this now :P
Same here 😅
i've been coding for a year and i learned so much from this video.. lol
Markup or styling*
HTML and CSS are not a programming language
I teach and I somehow got roped into teaching a web development class for middle schoolers. Had absolutely no idea what I was doing, took one look at the lesson plan and almost cried. I have been binging this series and I feel SO much better now! These are so easy to understand. Thank you!
Thanks for sharing Val, that is so awesome to hear, I'm glad this series has been helpful for you :) keep me posted with how the class are doing!
great for beginners or anyone really, I like how the instructor cuts the BS and tells us what we NEED to know instead of giving us a display of his personal mastery of programming with some overly complicated presentation that you have to work twice as hard to understand(you're going to run into a lot of instructors that teach this way if you're just starting to hack through the mass of learning resources). Great stuff!
Yea, but there mind is giving to much details. I'm learning from Angela yu from udemy. She pretty good.
You're a really good teacher. I actually took an online CSS course, the instructor is a university professor with a PHD, and you actually explain things in a way that is much easier to understand. I like how you actually go through the process and show why we need to do certain things.
Consider a carrier in education, maybe become a professor yourself. Wold needs good teachers.
Cheers!
Thanks Joey :)
Wow, this is exactly what I needed. Well paced, well explained. The best Tutorials on the web that I've found so far and I've seen a lot of them.
Thanks so much 😀
When at the end u said... ok now u lie down and take rest ... i was like yes sir we really needed it,
Man, just wow! You are an amazing teacher, I have learn it in such a flow that I didn't feel tired and I could absorb a lot of information. Keep the good work!
The css display property has always been a challenge for me. But you described the inline and block elements so well that I think I'm good now. Thank you sir.
I will say just this , you are the best teacher ever .
incredibly mind boggling.
i can't stress enough out of the information flow through my brain.
it really is overwhelming for beginner like me, but i dont't think i'd find
the equal amount of explanation from other tutorial, maybe i haven't
found alot of other similar channel, but i did try udemy.
I think i can feel myself becoming a Ninja.
By far this is the most comprehensive and detailed core basic html css tutorial to date.
update:
maybe after finished html css, i will buy your js course on udemy.
I did another CSS/HTML course on Udemy which was highly praised..... I only learned to copy/paste the same stuff that teacher did with almost NO retention!
After doing your Modern JS course, which I love, I went ahead and tried this course... And you did NOT let me down :)
Im learning so much from you!
I started with Jonas Stedmann on Udemy for 12 quid. Did about 2 hours and he lost me with margins and padding. This is so much more clear! You got slightly fast at times but overall, this is brilliant. Thanks!
Do you consider making a video about something like a perfect portfolio for getting a job in the industry? What to include, how to present yourself to the employer etc? Btw thanks for an update to HTML and CSS series.
Exactly what i think, i hope shaun read your comment. Up !
Look for the Joshua Fluke
videos it will help you to look what you are asking
I spent money on Udemy and bought a shitty course on web development and Angular. But my friend recommended me this channel and I love it. I hope your Angular and React tutorials are as fun as these ones.
So glad you like them! Hope you enjoy the other tuts I have :)
Not sure if anyone else has mentioned this but I love how you say 'preview' every single time! Prreefyou
You are the BOSS. Awesome, Sweet! I love you. I have learned and skilled through out your lessons. Especially "Modern Javascript tutorial in Udemy" Anyone hesitating to take a course about JavaScript, and still surfing and looking for a good Tutorial, don't look around and go Udemy and enroll it. Believe me you never regret!, you will learn ins and out of JavaScript, how to use JS with HTML and CSS with project, none other course are like this, I took many course but I ended up with disappointed. It's not a campaign, "Boss" even don't know me. I want to let you know guys this person is just amazing!!
thank you so much for this! its so much fun!!!
I don't have the money to afford a paid course but I always wanted to learn how to code. I have been thinking about this for years, I tried many videos, but finally, after years I found this guy, and I still can't believe that I am actually learning to write codes. Thank you so much.
I actually found the best HTML/CSS Course on UA-cam! This helps me a lot! Thank u so much!
Great to hear Vedant :) have fun!
GREAT VIDEO!!!! I had zero knowledge of HTML and CSS before watching your videos and now I understand and have enough knowledge for web design and creating forms.
I love you! I'm finally understanding the bugs on my HTML and CSS files.
You are the best, very organized and simple method!
I am currently on a software engineer bootcamp and we are first covering html and CSS and just want to say thank you. You have explained this more simple and straight forward for me to home study a lot easier. Thanks
That's awesome :) you have a great username!
haha thanks it was a throwback to when i used to produce music. Thanks again@@NetNinja
Though this series is 4 years old and I'm now trying to learn HTML and CSS and I must say, this series has been amazingly helpful. Thank you Ninga, you are the best.
Great to hear! :) thanks for watching
This has helped me understand more of the basic stuff that the Coursera fails to place emphasis on. Thank you! how did you get the word wrap on your tags? when I do it just puts it all in one line
did you figure it out, i'm currently there and wondering the same thing
@@beekabiro8730 Yanno I have to go back and see, but no I want to say its a setting in the program itself under view, but I just got into the habit of using the arrow keys more.
The way you teach this is natural genius man!
Thank you Shaun! static pink color on your slides made me hypnotized 😵💫
Thank you so much for all the work you put into the lesson. I learn more from 1 of your 15-40min vids than 3h sitting in my class.
Best tutorial i have ever seen, my senior friend suggested me ,i will suggest this to my juniors 😁❤️❤️
Umm.. what should I say, you have completely blown me away with your amazing content. Wish all teachers had similar style like yours. Keep up the great work, absolutely loved your teaching. Learning so much from your tutorials.
Thank you. ❤️
Thank you so much 😀
You explain everything especially padding and margin in beautiful way love you Sir from Pakistan
YOU'RE THE REAL NINJA FOR TEACHINGGGG!!!! THANKYOU FOR THESE AMAZING CLASSES
I remember trying to learn CSS much much harder than this several years ago.. Shaun really make it digestable... Thank You Shaun.
Your teaching methods just I say amazing
Unbelievable
Wow, I have never seen this kind of teacher in the tech industry. I am glad that I accidentally stumbled upon your channel. I had to leave my work to listen to what you had to offer, but I found that it is not easy to let you go without paying much attention to your unbeatable tutorial. I have found a coach, no one else but you - Net Ninja
Welcome aboard! thanks for your kind words Michael :)
You are the best Trainer ever❤ I have learned the full knowledge of HTML and CSS without getting Bored.💖you are the real ninja, bcoz you are helping your followers to get the ability. Love from Tamilnadu,India😍
Wow, thanks for your lovely comment :)
thank you, it's great, and it's free! wonderful.
Thanks Olive!
HTML & CSS tutorials are still green market even decades from now
You are amazing.
Thank you so much for providing all this free help to students.
you are the best of the best... some of the channels are overrated.....thank you for your awesome presentation..
You are the best coding instructor on youtube.
You explain and make it so fun to learn.
Do you have any pages where we can give money to support your work?
Hey, really appreciate that :) if you do want to support what we do, then you can always purchase a Masterclass course not available on UA-cam over at NetNinja.dev - but again, totally your call! Thank you so much for watching and taking time out to comment!
Most comprehensive CSS/HTML course i've ever watched, perfect for backend developers.
Thanks so much :)
i like the way you teach bro, i am a complete beginner i watch lots of videos but i now found you , you are the best teacher , i am now your student
Thanks and welcome Kas!
the best Tutorial ever that I've watched, there are times I'm tired studying it in Google but when i watch your video, all my answer is solve, keep up the good work and God Blesss
Thank you so much :)
@@NetNinja I want to watch all your videos from now, i fell you really care about your audience, thank you for that
Thank you!!! you do a much better job than what I was taught on a $10K coding bootcamp. Such a great teacher.
inline, block and inline block declaration's explanations just blew my mind.
dude you have some binds or something example when i do this:
h1 {} it adds the { together and i need to delete one manually and go to the other line myself and put the closing }..u did it automaticlly somehow..can you teach us how to do that?
And one more thing how do you make auto save in visual studio? as soon as u type a command ,google automaticlly detects it.
Spend a few days learning this section !
Thanks to this, I can finally hand in my schoolwork
to be honest, you are way better than all my college teachers.
You are the best teacher .God bless you for this. You are awesome.
i think that using the word "collapse" to describe inline elements' vertical paddings behaviour is a bit misleading. they are just being ignored by other elements, not collapse - in your own example padding on was ignored by the preceding . and later when two span's paddings meet they do not "collapse", just overlap.
i love your work and your efforts
May Allah give you real success brother
Thank you so much 😀
I’ve saved 7 minutes so far by fast-forwarding twice every time you start to say “You don’t have to remember this” - and I’ve saved another 5+ minutes by jumping ahead every time you make up a scenario in which one might want to use one of the style elements.
When you’re actually describing/demonstrating what the elements do, you do a really good job of it. I just personally wish I could get a tutorial without all the “fluff”. This is the closest I’ve found so far - and it’s fine as long as I remain vigilante and ready to double-tap the screen to skip forward 15 seconds.
You're amazing !! .. you make all the things just so easy to understand .. , it would be great if you teach us programming language upload videos of them too... please upload them too ! , and one more thing .. i like the texture of your voice, you have an amazing voice !
Exactly 🔥
hello, a you a web developer
Thanks you are best make more videos on js plz
I love how you make reference to googling
Many thanks, you made my PAID college course easier!
Thanks, I have learnt so much from your videos. Your ability to convey technical information in an easy to understand format show that your a really good teacher. Thanks again.
I am from China, thank for your videos ♥,
I get some new things even I have learned some basics before.
Awesome series mate - much appreciated!
Best HTML & CSS Tutorial, explanations are greats and brights.
Man, you're an amazing teacher!
Good material, thanks for videos
Thanks Pavlo :)
Sir, I would like to say that you literely the best teacher,
You made me more excited and energetic to learn more and more.
Thanks
wow many thanks for you! I really like your workflow and the practical examples, I'm a graphic designer and usually used to do some basic web-designs throughout my work and I got a help of ChatGPT. but I couldn't understand the code in case I need some modifications now everything is clear to me. moreover, I can design a basic Html page from scratch that something cool! many thanks
Great to hear that Mosaddak! :) I'm glad it was helpful
Dude update the nodeJs playlist many are eager to learn that from you
excellent. finally got link to work. Had the about page in wrong area
This is one of the best and quick learning class I have ever had, thanks guys!
You are Always great teacher for me.Stay bless❤️❤️
I absolutely cannot thank you enough - Your teaching style is so good - I learned so much from your videos.
Wow, thank you! :)
margin top
margin bottom,
margin-bu
dear shawn,
i thank you!
Thank you so much! This is just awesome stuff. Simple but detailed. Highly recommended for anyone who is interested from beginner to advanced
amazing way to learn!! thanks for making this so simple
The tag could be placed anywhere in the page?! So for example it could also be inserted in a Wordpress post via the text / html editor, where I don't have access to the head section of the page?
Thank you so much Shawn for your videos. Your doing good things and you are helping people around world to change their jobs,to learn and progress in life, better standard for families. You can be proud on your self. I hope ill be able to pass my knowlege and help someone else to learn it,when i learn. God bless you man
Thanks for your very kind comment Dejan :) means a lot!
Best instructor out there!!
bro u motivate me to keep learn more and more
the best channel and the most underrated also :(
Excellent tutorials - clear and unambiguous!
Awesome presentation, very clear to understand. Thank you Ninja
theBestEver🙌
I love the fact you call The Ninja.. cause you Talk as fast as a Ninja Move as a Ninja, code as a ninja and Kill it All as a Ninja hahaha ;) ;) well done thanks for informative videos :)
Thank you so much, these are well explained and comprehensive.
best crash course
thank you so much for helping us with the course ur explanation is very good thank
Thank you for the videos!! That’s my learning style 👍🏼
Dude what's use of js I learned ur who vedio about java and css but i don't know what's use of it
would you ever do a setup video ?
Thanks for this detailed vid, enjoyed a lot, learned a lot.
Sir, you are awesome! Thank you and keep up the good work!
Arigato Ninja Sensei 🤝
Really Big fan of you from Hyderbad -India
Hey all!
I am studying, and I have questions.
Could you explain to me about using HTML/ CSS/Javascript in Codepen? I need to tipping code in HTML, CSS/Javascript, save the file, and after that, I need to open the file in Visual Studio, or I need to save the empty file, and then I'll open file in Visual Studio. Have you created Codepen with Visual Studio? Thanks 😊
you are best ninja
Thank you Thank you Thank you ... inline block
❤👍
Thank you for this amazing helpful videos!!!
You're a great teacher! Keep it up! I have one question though, what is the use of margins and paddings?
This explains them well medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf
@@elpontador9826 Thanks :)
Extremely useful and understandable. Thank you.
hello