ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2024
- #HTML #CSS #course
⭐ TIME STAMPS ⭐
#1 00:00:00 Introduction to HTML 🌎
00:01:56 VSCode download
00:02:38 project folder setup
00:02:57 index.html
00:03:16 live server extension
00:03:35 html basics
#2 00:11:07 hyperlinks 👈
#3 00:15:15 images 🖼️
#4 00:21:33 audio 🔊
#5 00:26:49 video 🎥
#6 00:31:20 favicons 🗿
#7 00:34:19 text formatting 💬
#8 00:38:10 span & div 🏁
#9 00:42:57 lists 📄
#10 00:49:31 tables 📊
#11 00:54:13 buttons 🔘
#12 00:59:28 forms 📝
#13 01:17:22 headers & footers 🤯
#14 01:23:10 Introduction to CSS 🎨
#15 01:31:10 colors 🖌️
#16 01:35:22 fonts 🔤
#17 01:42:42 borders 🖼
#18 01:47:09 shadows 👥
#19 01:50:27 margins ↔️
#20 01:55:41 float 🎈
#21 02:00:08 overflow 🌊
#22 02:03:31 display property 🧱
#23 02:07:43 height and width 📏
#24 02:14:37 positions 🎯
#25 02:21:00 background images 🏙️
#26 02:24:15 combinators ➕
#27 02:29:12 pseudo-classes ☟
#28 02:36:50 pseudo-elements ✔
#29 02:42:46 pagination 🕮
#30 02:51:44 dropdown menus 🔻
#31 02:58:19 navigation bar 🧭
#32 03:04:46 website layout 🗺️
#33 03:14:13 image gallery 📷
#34 03:19:50 icons 🐤
#35 03:28:23 flexbox 💪
#36 03:38:23 transformations 🔄
#37 03:47:23 animations 🎬
Copyright Disclaimer:
This video is the intellectual property of Bro Code. All rights reserved. No part of this video may be reproduced, distributed, or transmitted in any form or by any means, including but not limited to recording, uploading, or other electronic or mechanical methods, without my written permission, except in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law.
I'm a little early, but thank you for 1,000,000 subscribers everybody!
I would not be able to continue if it weren't for your support.
I appreciate you.
⭐ TIME STAMPS ⭐
#1 00:00:00 Introduction to HTML 🌎
00:01:56 VSCode download
00:02:38 project folder setup
00:02:57 index.html
00:03:16 live server extension
00:03:35 html basics
#2 00:11:07 hyperlinks 👈
#3 00:15:15 images 🖼
#4 00:21:33 audio 🔊
#5 00:26:49 video 🎥
#6 00:31:20 favicons 🗿
#7 00:34:19 text formatting 💬
#8 00:38:10 span & div 🏁
#9 00:42:57 lists 📄
#10 00:49:31 tables 📊
#11 00:54:13 buttons 🔘
#12 00:59:28 forms 📝
#13 01:17:22 headers & footers 🤯
#14 01:23:10 Introduction to CSS 🎨
#15 01:31:10 colors 🖌
#16 01:35:22 fonts 🔤
#17 01:42:42 borders 🖼
#18 01:47:09 shadows 👥
#19 01:50:27 margins ↔
#20 01:55:41 float 🎈
#21 02:00:08 overflow 🌊
#22 02:03:31 display property 🧱
#23 02:07:43 height and width 📏
#24 02:14:37 positions 🎯
#25 02:21:00 background images 🏙
#26 02:24:15 combinators ➕
#27 02:29:12 pseudo-classes ☟
#28 02:36:50 pseudo-elements ✔
#29 02:42:46 pagination 🕮
#30 02:51:44 dropdown menus 🔻
#31 02:58:19 navigation bar 🧭
#32 03:04:46 website layout 🗺
#33 03:14:13 image gallery 📷
#34 03:19:50 icons 🐤
#35 03:28:23 flexbox 💪
#36 03:38:23 transformations 🔄
#37 03:47:23 animations 🎬
You deserve it , well done 😊
Thank U very much.
dude you still have 999k
Well deserved. we love you man.
Great work. :D
once the video is posted by "Bro code" you know that you are going to understand everything quickly... thanks for everything that you teach us... i hope you will never stop teaching cause you are a very good teacher.... much love........................................
The best
That’s true he’s really understanding 💯
Yes, I very much regret that I learned JS 12h basics with SuperSimpleDev.. But since I was in the middle already I stayed with him. So much time wasted. His lessons are like for mentally ill people. So you learn x2 speed and you're bored. Anyways now I'm at the right place; props to him
@@WhyOnlyPresidenCanHaveNoDegree super simple dev " is good too , I learned all the basic html and css with him. Maybe you couldn't deal with his lesson but I did with the html and css courses.. maybe the js is not on the same level...
@TombMaskSensei 😊😊😊
l
we need
mml.n
I love how you go through the tutorials without any fluff. It's just straight to the point. I'm learning HTML faster with you than I have with any other medium that I've tried
I agree.
I like this more than codecademy
That's why he's the best...
I love how he breaks everything down so quickly and simple. He wrapped up html and css in 4 hours. this is like a 2 month course with some webpages
It doesn't have grids????????/
@@YaBoiFlexgrids are not useful
@@Idk65789 but you need to know lil bit too!
He did a rly good job!
@@YaBoiFlex I apologize for being a idiot
Love it I used to think this was hard and I signed up for an in person class. Use this as a second resource and I am now understanding everything. As long as you put in the time and effort html & css is fairly simple.
You're the entire reason I got started with coding. Everything is so easy to understand in your videos that it makes me want to learn even more. Thanks bro
what's your progress now? Is it worth learning code with the help of youtube videos like this one or it's just garbage and a waste of time?
I mean will they really give you profound knowledge or it's just a tip of iceberg and it's better to learn by books ?
@@letshigh99 When you start you're on the ground. Being a programmer is space. To get there you need a rocket which this video is. Books just upgrade the rocket, now I drift in the orbit and learn through practice
just keep coding@@letshigh99
are you sure you arent a creative writer@@exotreus
@@sunnywunny ??
I like the way he explains attributes. Most of ppl don't tell the meanings for those tags attributes. As a new html student it helps me alot. Thank you
I can't thank you enough for posting this video. Sooooo very helpful and comprehensive. I appreciate the time and energy you have put into this video and look forward to visiting your other videos as I attend TH-cam University. :)
wow, was not ready for the your mom joke at 2:09:40
Respect has gone for him
lol was looking exactly that joke related comment
me too
@@infinitygod5379
My attention was slightly off until I heard 'kinda like your mom'. Brilliant your mom joke.
wdym?@@Santhosh.21_
*This guy deserves 10 million subscribers. Literally, this is the most decorated & the most interactive HTML and CSS video ever*
*uploaded on TH-cam platform*
*We love you Bro* ❤❤❤❤
ABSOLUTELY AGREE! I AM ENJOY THIS SO VERY MUCH!
yes
"most interactive HTML and CSS video ever" pretty ironic lmao
@@timdu7832why
Everything I need to start on one place, fantastic.All explained clearly, and quickly.
you're an awesome tutor. watched about 40-45 different channels in past 1.5 year for learning web-development and also Java. none of them explained good. your tutorials are so easy to understand bro. Thank You
Congrats on 1mil! I've been following along and just got to CSS and saw you go from 999K to 1mil! You've taught me a lot and you've worked and deserved it so good job!
never cease to amaze us, Thank you for every tutorials and videos you do. Really helps us
brother masterd all of the programing languages
This is the first time in my life that I completed and practiced a tutorial on youtube... It was fun and easy... Thanks...
After 2 hours of self study here, I know a lot more than after 4 years attending to IT high school.
Did u learn div and grid/Flexbox? 😢😢 these last one is killing me
There's no other YT channel with a more fitting avatar. Absolute CHAD, living legend. Eternal respect to you, Bro, these courses are incredible.
This is soooo helpful! I love Bro Code's vids because they are very easy to understand and very informative without filler. You are doing the world a favor man. The fact you are donating your funds to charity is crazy too!
Straight to the point! which really saves time learning.
Web Dev Journey Season 1
Day 1: 00:38:10
Day 2: 01:23:10
Day 3: 02:07:43
Day 4: 02:29:12
Day 5: 02:58:19
Day 6: 03:19:50 (The heat is killing me ffs)
Bro did u stop?
@@zamasu007 no I finished it
nice work !
did you forget some function in the video
@@itstckgaming8745 Ofc I did. It's normal to forget stuff, you just gotta know where to look after
One of the best html and css course shave come across in youtube. Thanks bro for the detailed explanation, keep up the good work.
Very informative and you made it very easy to grasp 🫡 the humors though are a + 😂 can't wait to finish the rest of web dev videos . Keep up the good work 👏
I want to thank you for making these amazing tutorials and that too for absolutely free. Keep Working hard! (also I am a big fan lol)
envoie ton snap
🤣🤣@@particle4911
That is just fantastic! I've attended a 3-month course on HTML and CSS, and have learned a couple of things, so at the end of the course, I could make my own website. The only problem was that the codes weren't as perfect as they should be. Watching your video, I understood how to avoid errors and add a lot of new resources to my website. Thank you very much for this. It's simply the most comprehensive and easily understandable course I've ever seen.
Man, you make it so easy to learn. Thanks a lot!
Amazing video! Thanks a lot bro!! Much Love!
#1 00:00:00 Introduction to HTML 🌎
00:01:56 VSCode download
00:02:38 project folder setup
00:02:57 index.html
00:03:16 live server extension
00:03:35 html basics
#2 00:11:07 hyperlinks 👈
#3 00:15:15 images 🖼️
#4 00:21:33 audio 🔊
#5 00:26:49 video 🎥
#6 00:31:20 favicons 🗿
#7 00:34:19 text formatting 💬
#8 00:38:10 span & div 🏁
#9 00:42:57 lists 📄
#10 00:49:31 tables 📊
#11 00:54:13 buttons 🔘
#12 00:59:28 forms 📝
#13 01:17:22 headers & footers 🤯
#14 01:23:10 Introduction to CSS 🎨
#15 01:31:10 colors 🖌️
#16 01:35:22 fonts 🔤
#17 01:42:42 borders 🖼
#18 01:47:09 shadows 👥
#19 01:50:27 margins ↔️
#20 01:55:41 float 🎈
#21 02:00:08 overflow 🌊
#22 02:03:31 display property 🧱
#23 02:07:43 height and width 📏
#24 02:14:37 positions 🎯
#25 02:21:00 background images 🏙️
#26 02:24:15 combinators ➕
#27 02:29:12 pseudo-classes ☟
#28 02:36:50 pseudo-elements ✔
#29 02:42:46 pagination 🕮
#30 02:51:44 dropdown menus 🔻
#31 02:58:19 navigation bar 🧭
#32 03:04:46 website layout 🗺️
#33 03:14:13 image gallery 📷
#34 03:19:50 icons 🐤
#35 03:28:23 flexbox 💪
#36 03:38:23 transformations 🔄
#37 03:47:23 animations 🎬
THANK YOU SO MUCH FOR THE HELP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! LOVE YOUR VIDEOS
Thanks bro! I'm not that smart when it comes to coding but learning from your videos is awesome. You make learning codes easier. Your content is very much appreciated! Thank you!
just love your videos ! Thanks Bro !
I am an Indian who is pursuing a computer science degree and ever since I visited this channel
my life changed.
Thank you working so hard and making me understand everything.
bro u r indian it's an instinct for any indian
@@mohammadalem800 yep
@@user-xx1rf7oo3n help me bro I want to know from where I should start first and all programs which i should learn as I will joining college this year it will help me alot
i know im late but SAME IM ALSO INDIAN
Yay! I've finished it! Now onto Javascript!
Hi bro! Greetings all the way from Kenya. Many thanks for making web development seamless. God Bless and keep teaching.
That's great dude. Thank you for this video!
Hi! I'm from Brazil and I'm beginner in programming. I want to thank you for the content and congratulate you.
how has the progress been in 3 months? :)
Bro you are a real Chad in coding. I'm so lucky, I was looking on free HTML & CSS Courses and I couldn't find one. Finally I've found the Perfect Complete Course!
Cool! Easy to understand & hands on !
Your teach style and the manner you talk are pretty good to be engaged and learning properly! Many thanks!
you,re courses are the best!
When i try to watch other tutorials automatically my brain starts thinking that none can simplify and explain like you!
Started today studying again coding (HTML, CSS, JS and C), got 56 days to deliver a "webgame" project, I'm kinda scared but I can say that you're the perfect teacher for anyone who wants to learn about coding. Thank you, for real.
Same here! However, for me its not looking very promising right now, but I gotta keep the work done and at some point, it will look good. I know that. Good luck my friend, stay hard and keep going!
Just curious how is your webgame project coming along? I"m working on an HTML Email this week. It's personal though so I ain't that nervous.
how was it ????
it has been 3 months. how did you do?
@@Clog17 me????
I just finished the python 12hr video and came here to learn some more:)
Day1: 59:28
Day2: 2:00:09
Day3: 2:29:12 (didn't have much time today)
Day4: 2:58:20 (an hour left :p)
Day5: 3:14:03
Day6: Finished!
bro stopped updating us!
@@herdarling241 hehe I didn't I live in GMT+2
what's your thought on this playlist! is it ok for getting job?
For a job, not even close. But its a very good baseline to start learning@@Electron-IN-Double-Slit
@@Electron-IN-Double-Slit if you need to masture you nead atleast 19 hour css course
absolutely AMAZING WORK CHIEF!!!
Simple to follow, clear instructions. What’s not to love?
Thank you very much for what you are doing. You are the best coding teacher I have ever seen. None of my uni professors are as good as you. Congratulations with one million :)
Thank you so much Bro, This was a game changer Course> I have really learnt much. Within the two weeks I had set to learn HTML and CSS
I've been going through this slowly but surely every day can't thank you enough for keeping all this organized in one whole video
Thank you Mr. Code for the wonderful tutorial!
Congrats on the 1 Million subscribers bro! You deserve it more than anybody else
Thanks for the tutorial :>
This is the best tutorial i've seen, keep up the great work!
Informative
Watched the original HTML and CSS tutorials before this video, and I can say this is very good and up-to-date.
Congratulations..! 1M subs, you deserved it. Your tutorials amazingly clear. Helps me a lot.
This is the best html and css series I have ever watched. I like how you build the topic one by one, clear, precise and easy to understand. Thank you for this gem. A heart
good content keep it up
Your the best Chris, without you, I wouldn't have been able to get into a software engineering program for highschool students... All the best buddy, and thank you for your wonderful videos :)
2:09:39 bro didn't have to roast me with a your mom joke goddamn chillout💀
What have you done, now i can create monstrosities like : .container > ul > li :nth-child( 4 ):not( :hover ) +.sideblock :not( :hover ) and it actually works somehow and i actually understand wtf that means. Thank you bro!
The easiest and quickest way to learn coding is from this legend. 100% recommended in you're a beginner or an advanced level programmer and you need help, this is the channel you need. Period!
MY GUY !!! GOAT BRO!!! You are single handedly creating a new generation of engineers/computer science majors because of what you do I genuinely hope your life is filled with nothing but good experiences and you achieve every hope and desire. Have a nice day!
thanks for making me absolutely love coding, even if you don't see this, congrats on 1m! you deserve it a lot, and you are helping many people find their next job/hobby! 🗿
Esse cara é FODA! ❤ Obrigado por espalhar seu conhecimento, ganhou mais um seguidor! ^^ THANK YOU S2
really apricate bro good revision after summer holidays and and got to learn a lot new things also
I recommend enabling soft line wrap in Visual Studio Code (Alt+Z). It helps for absurdly long lines.
nice one, thanks
thanks bro
pa like to remind me
thanks bru
i have been learning html and CSS for 2 months and your video's just came on the right time, big thanks!
I just finished the course. Thank you so much bro! loved it!
You managed to explain literal html and css in 4 hours, pretty solid work. Subbed.
You are the one who is real superman
Thank you! Although I like Spiderman more 🕷
@@BroCodez oooh , sorry
You are real spiderman in the world
The power of humor in educational videos on student engagement is tremendiously underated. Moments like 2:09:38 is the reason why Bro Code is the GOAT of all programming tutorial videos.
i literally had to go back to make sure what i was hearing was right. A little humor does make me more invested in this.
@@trivikramsaikrovi1733 i didn't get it tho
Thanks so much
I didn't finish this course yet but want to thank you for this content, all videos I have seen never get my atention because they don't get straight to the point, but you did that perfect, I start knowing nothing about code and your explanation is easy to compreend, thank you again and if I write anything wrong it's because I'm from Brazil and I'm developing my english
I am really thankful to you, for making a course like that, i just completed it and made some notes for myself, i really love your channel, continue to grow bro
I don't know if you see this but i just wanna say thank you for your Course on html and css. It really really helped me to become a web Developer. I really appreciate you bro ❤❤
great course ! love it
Finally completed the full video :D Thank You so much for creating such a good course!!!
I really cant appreciate u enough sir. Ur videos really help me so much as a student in shaping a succesful career ahead. I have so much more to learn and hope that u keep on teaching like this.
Wow, I learned HTML and CSS in just a day. You're an awesome teacher!
🗿
No, you didnt. There is way much more to learn than only that.
Besides, i doubt you mastered everything he thought on this video just in one day...
@@kraken993 bro i am practicing everything that he taught in this video. I meant that i understand html and css code now.
Thats like refuting someone that says they learned calculus in a day, you get what they meant, they understand the core concepts which they can grasp and continue their journey of learning more with@@kraken993
@@Apathetic-co3cw understanding basic u mean
@@kraken993 d1 hater over here, ur washed
Wow, thank you so very much for this video! Extremely helpful and informative. You’re really the best 👏😀
Keep it up bro!👍
So much helpful for beginners for leaning HTML and CSS to advance level, and also fun as learning from you.....
Bro Code, the greatest of all time, the ultimate GOAT of the Computer Science on TH-cam ! Please keep going, your work shows what is teaching skills with a good sense of humour (like the comeback of Shrek or the pizza that you like). I think it's really important to keep funny examples like these to learn and at the same time to have fun. I'm a french guy and I learned HTML and CSS wih a friend. Twice a week, we met each other to follow the tutorial of Bro Code and we learnt like that and now, we learn Javascript together ! So your work have a real impact ! And I feel grateful for all of these contribution on the TH-cam game of coding !
Listening through 1 hour and 23 minutes of the video, it took me around 3 days to revise, practice and understand.
After those 3 days it's safe to say I can create a site with every implemented technique, with no help, work my way around code so I could figure out where is what.
It all ended up being around 220 lines of code(with paragraphs included) and from this point i will watch the rest of the video, learn css and style that website completely.
Thanks for sharing, it's very helpful video
Congratulations on hitting 1M subscribers!
2:09:38 This is the most unexpected thing that you would hear when you're 2 hours into a HTML/CSS tutorial on YT LOL
I was thinking the same thing 🤣
you are one of the best teachers, just learned html and css super quick, can you make tutorials about django? it will be really helpful
Love this, *taking many notes
Who's still here in 2024 😂
Be reasonable, people who are just starting to pursue this start here
Same here lol,, though I dunno what to do with it, I already did python using bro code also,,, he's so cool at this
Same here but just stuck here with one thing that's the live server thing where the browser doesn't open while I click to run the html file on web from vs code 4:46 I'm speaking about right here
Just completed this within 3days 😂
Me 😅
Timestamps for me to check later:
59:36
3:13:25
Thank you so much 🤲🏾
Thanks for this!
Congrats on 1 million subscribers!
Your videos are very quality and easy to understand.
Could you make a video on java sockets?
Thank you for all the hard work, are you considering making React Bootcamp and C# Desktop Development I know creating these kinds of bootcamps requires significant amount of time and energy but you are a great teacher!
Very Good Tutorial!!
Good video!
Currently a third year student of Engineering, tried to learn HTML and CSS many a times but the content was not interesting, found yours the most interesting among the rest i have been found back of the time Good Going Sir, Highly interesting video, Simple and Easy to Understand. Great Job Sir and God bless you.
I struggled for a month to understand the Js basics but I was unable to grasp the topics. Then one day I Got to stumble upon your Js course that I completed in 3 days. Believe me, the concepts that I couldn't learn in 30 days i grasped those concepts in just 3 days.
To the people who have been struggling to learn Js basics. I would recommend y'all to watch his courses and gain knowledge.
Btw i Admire your endeavors.
You're a king for sure.
Awesome course! Going to start the JavaScript course soon since I'm currently learning Python full time.
Thank you so much for the help love your videos