HTML in 100 Seconds

Подписаться 3,1 млн

Просмотров 624 тыс.

50% 1

Ready to build your first website? HTML or Hypertext Markup Language is one of the core building blocks of the web. Learn the history of HTML and how it's used to give structure to a webpage. Learn more at fireship.io
#webdev #programming #100SecondsOfCode
🔗 Resources
HTML history home.cern/science/computing/b...
HTML basics developer.mozilla.org/en-US/d...
Watch my Web 1.0 beta short • Web 1.0-beta
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
- MonoLisa Font used for snippets
🔖 Topics Covered
- What is HTML?
- HTML history
- How to build your first website?
- HTML intro for beginners
- How does HTML work
- Document Object Model

Наука

Опубликовано:

2 дек 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 624

@Fireship 2 года назад

Level up to god-tier HTML programming next 🌩👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZtyMdRzvi0w.html

@cozeridk3684 2 года назад

no.

@Arkensor 2 года назад

HTML "programming" ... I see what you did there AND I DON'T LIKE IT.

@mavhunter8753 2 года назад

Ruby in 100 seconds!

@Stabruder 2 года назад

@@Arkensor TRUE!

@stefandili2650 2 года назад

Hi mom!

@NeuralNotes69 2 года назад

The video we never asked for but world would be incomplete without you explaining it.

@muhammad_abir 2 года назад

😂😂😂😂😂

@darrenjolly8881 2 года назад

If I recall correctly, someone on another video did ask for an html5 in 100 seconds video.

@rickyraihana5683 2 года назад

flattery from a lazy person ️✌️😑😂

@akramdahmani7214 2 года назад

I can almost guarantee that everyone who watched this video didn't do so to learn what is HTML, but because we're all in love with Jeff's videos

@isaacdruin 2 года назад

@BarraIhsan 2 года назад

True

@djecaummeta2022 2 года назад

Me who actually learned html and css, and after that wat hed the video😂

@rikthecuber 2 года назад

@@djecaummeta2022 Everyone is doing the same thing here.

@djecaummeta2022 2 года назад

@@rikthecuber pretty much, yeah. his is voice is like infinite asmr

@MrMudbill 2 года назад

I'm both excited for and afraid of the JavaScript in 100 seconds video...

@realflarequeens 2 года назад

why afraid? 😂

@SirusStarTV 2 года назад

It's not already on the channel? Huh

@aboxinspace 2 года назад

0:13 - I absolute love Tim's look in that picture. He's halfway between "Yeaaaah, I invented that!" but also "Yeah I guess it could look better...", like a little kid. Bless him

@burekmali6704 Год назад

Nice i learned that stands for anchor and for division

@alperalkan2000 2 года назад

Im a web developer for 5 years but still enjoy the simplest videos of yours. Just gotta love 'em. Its so nice that you still provide entry level points.

@alikurt9771 Год назад

Oha! Türk

@kaan8964 Год назад

@@alikurt9771 Yok artık?? Nasıl olur?! İnternette İngilizce bilen senden başka bir Türk mü?!?

@enkryp 2 года назад

Many web-developers think you should close all tags in HTML5 due to the standard, despite browsers tolerating "incorrect" unclosed tags. But in fact it's quite the opposite: "self-closing" tags like or are not the part of HTML5. They came from XHTML and now are supported for the sake of compatibility.

@DemPilafian 2 года назад

So true. People who want to use self-closing *""* tags should just stick with hideous XHTML. Using *""* in HTML5 is a sign of laziness.

@arden6725 2 года назад

@@DemPilafian your opinion is wrong

@TheDragShot 2 года назад

@@DemPilafian how is putting pointless effort into something called "lazy"? Do people even know the meaning of the words they use nowadays?

@DemPilafian 2 года назад

@@TheDragShot During the XHTML days, the self-closing tags were essentially required. Everyone used them. Once HTML5 came around, they became obsolete but still supported. Even to this day lots of developers still self-close tags because they think it's required. If you are extra diligent, you stay up-to-date and modernize your coding practices. The same thing happens in JavaScript. For example, if you see a developer still using old JavaScript notation, like ".indexOf() != -1", you know they are not being diligent and keeping up-to-date. That's practically the dictionary definition of "lazy".

@TheDragShot 2 года назад

@@DemPilafian smh, you're right. I didn't think about it that way. Nevermind what I said then.

@gmdsrail5630 2 года назад

Despite HTML not being a programming language, it still helped me discover that I have potential to be a software programmer.

@Birdyk-qr9sx Год назад

Html and software development are teo different programming areas , how can Html cheered you ?.It"s interesting 🤔

@basedserb1389 Год назад

@@Birdyk-qr9sx HTML's fairly simplistic structure most likely encouraged him to continue learning programming/web-dev, which is the case with most of the people who are trying to get into the industry.

@Birdyk-qr9sx Год назад

@@basedserb1389 Software development and web are two different areas of programming.Dude , and this is the question , how could Html encouraged him .Software is java , c++ and other languages , but not html , css

@basedserb1389 Год назад

@@Birdyk-qr9sx He needs to start from somewhere. If he's a beginner and he starts with Java - it's robust syntax would get him discouraged and he would probably quit any form of programming. If he learns HTML + CSS + JS he can get a morale boost to continue learning JS frameworks which allow you to create mobile apps etc. Apps = form of Software

@lunganimyeni7633 Год назад

Same with me 😊. I'm having fun messing with html and css rn and ill move to python (which I'll actually need) after Im done building confidence. It's so fun knowing that I cann do something, keeps me motivated.

@dnk1312 2 года назад

Pretty dope !! I could binge watch an entire HTML5 series tbh !! Quality content as always !! Much props !! 🔥🙏👌

@sokrates297 2 года назад

It's great seeing you go over the more basic parts of web development and not only complicated frameworks and tools 👍

@sebastianburger2578 2 года назад

Finally. Now I can be a full stack developer

@raz0229 2 года назад

I feel pretty confident hacking NASA now, Thanks a lot Jeff

@puppergump4117 2 года назад

C6262: Function exceeds stack size. Consider moving some data to heap

@binds3063 2 года назад

i have been practically binge watching ur vids on my goal to become a backend or software developer. i love your vids man and they are very informative.

@johnmagbag2711 2 года назад

I already knew HTML for 10 years but I still watched it lol

@tmm9069 2 года назад

Idk why but your content is so simple but so great. Keep up the good work man.

@MatchaCutie14 2 года назад

Thank you for this refresher! I'm slowly getting back into coding

@canerkaya17 2 года назад

Just stumbled across your channel and I am already a huge fan. Earned my sub without a doubt

@UnderstandingCode 2 года назад

Noice bro! This will really help me start full stack open thank you I love University of Helsinki and this tech we have!

@I_Lemaire 2 года назад

Good luck with Full Stack Open! The University of Helsinki is doing great things

@arslan5829 Год назад

Probably the best spent 100 seconds of my time in youtube today. Thanks dude!

@JANG1969 Год назад

Amazing. You explain mostly every programming software, their own history and give an example how to using it under 3 minutes... I will subscribe you and used that knowledge for study.

@casper64 2 года назад

Showing this in class tommoring. Thank you Fireship for doing 90% of my work!

@macwas5900 2 года назад

Oh my god I learned so much here in just 2 minutes with more explanation and understanding than I got from a 2 hour tutorial. Nice!

@eitanetz2541 2 года назад

I'm a web developer and do lectures about the web and the way it's built, which means I'm literally making a living from explaining those things. And Fireship make a better job explaining this in 100 seconds than me in an hour.

@onpaper7287 2 года назад

That means you are just bad at your job.

@puppergump4117 2 года назад

@@onpaper7287 He's just complimenting Fire, sheesh

@puppergump4117 2 года назад

@@onpaper7287 but yeah he might be

@starlite7249 2 года назад

A video no one asked for or wanted but every new comer deserves.

@ferrreira 11 месяцев назад

Props to you for showing the web being invented on NeXTSTEP, the operating system created by Steve Jobs' post-Apple company NeXT. NeXTSTEP was just awesome. Their object-oriented development tools and APIs were very important for Tim Berners-Lee to achieve his goal. The NeXT machine he used to invent the web is on display at a museum and it was even featured at the ending show of the 2012 London Olympics. NeXTSTEP is, even today, present in some of the core technologies that are part of macOS. Back in 2001, the first release of Mac OS X was basically NeXTSTEP with a cool UI theme.

@mbbxx 2 года назад

I work with this everyday, never knew that is a short for division

@twig1467 2 года назад

I've been losing the will to code and continue learning web development, but honestly Everytime I watch a fireship video it helps, thanks for the awesome content ^_^

@AhmedAliIbr 2 года назад

Amazing work and informative in everyway. Thank you for your much appreciated work.

@myselfvijay 2 года назад

Your voice and your way to describe are fantabulous.

@helpfulprogrammer 2 года назад

Short and to the point, good job)

@haresmahmood 2 года назад

When you've been a web designer for 7 years but you still learn new stuff in a 100 second video

@firstnamed5041 Год назад

Haha yes

@user-xu4di5tm9r 10 месяцев назад

Wow! I am just starting to learn html and understood this video! Great work!

@thetos 2 года назад

Nice, can't wait for 100 seconds of CSS and 100 seconds of unimaginable horror !

@Omerko 2 года назад

Never thought that I need an explanation, still felt nice to watch the video... Good Job... 😀

@chandanreddy519 2 года назад

Ur recording (reversing) method is awesome

@ISAK.M 2 года назад

I already know this stuff but this is so much info in such a short time damn good job

@sriramiyer9840 2 года назад

Could you please do one of these videos on prolog? It's a logic programming language. I'm sure you'lll like it

@kevinbatdorf 2 года назад

Would love a full course on this one

@Dan-jz3ui 2 года назад

I finally understand the difference between "innerText" and "innerHTML"

@johannbauer2863 2 года назад

Wow! This has be my new favorite programming language!

@kagedevshorts4886 2 года назад

I'm excited for the javascript version!

@EstebanCodes 2 года назад

Fireship really pushing that 1 million milestone. Great work

@ivantarnyagin9731 2 года назад

Good to be back to basics!!

@epimolophant 2 года назад

Been a web dev for years, just learned that is for Anchor

@abdu47137 2 года назад

I love the font. Thanks for sharing it in description 🫀

@dhruvikdonga4569 2 года назад

With new JavaScript variants appearing everyday appreciate from where it all started

@shateq 2 года назад

The thing is that the thing is.. great! Great video!

@randerins 2 года назад

I swear I just got chills and tears right before starting this video

@jaishkhan7442 2 месяца назад

didn't know about this "self-closing" tag thing lol I always write them as and

@metamodern7648 2 года назад

All 30 years of development I was wondering what HTML is. Now I know, thanks to Fireship.

@_clikuki_4848 2 года назад

Nice, got to this one pretty early!

@MysteriousTruly Год назад

I love CERN! and Programming! I love a lot of stuff! Extremely nice video!

@freddywilmar Год назад

This video is helpful, I really like it!

@user-wk5yp6ue2x 2 года назад

Great video! Can you do C# in 100 seconds next?

@awesomebearaudiobooks 2 года назад

Daym, bro, luved it.

@farhansangaji5029 2 года назад

Finally one that I already understand

@joeseabreeze 2 года назад

Wouldn’t it be great if you could dynamically change the static markup with a programming language like Java? Then we could compete with Windows desktop apps by giving the developer a toolkit to build apps that run in a browser!

@imerence6290 2 года назад

Finally a Fireship video I can understand.

@Brunoenribeiro 2 года назад

the "guy in a bicycle" animation you picked really represents working with canvas

@sunandasamanta2921 Год назад

This is by far the most efficient HTML "blog" I have ever read.😃

@hglbrg 2 года назад

this html thing is gonna be huge! markup my words!

@hamidrezabokharaei5779 2 года назад

Title should be : How to build a website in 100 seconds Your timing is great! I was looking to review my HTML knowledge!

@chrissdehaan 2 года назад

I've have quite a few friends who want to learn about making a website from scratch, and now I know what to show them first.

@farazahmed1668 2 года назад

it so enjoyable to see every single technology in 100 seconds.

@judevector 6 месяцев назад

A video I didn't know I needed just popped up after watching another video 😅❤🎉

@sumailsasumi1294 2 года назад

New year must Go 1M subscriber gogogo !, Your content is awesome🔥

@ferrreira 11 месяцев назад

Learning HTML for the first time back in 1999 was just magic. Just magic.

@harshit9671 2 года назад

I never tried of it love it 👍 keep it up 😀

@CodingFire 2 года назад

I know HTML but still watching it because your videos are great! 👍😀

@FT029 2 года назад

wow, did not expect to see freerider2 in here. That is so long ago! great video

@alzadinaya259 2 года назад

Now I'm ready to learn CSS! one step closer to becoming a frontend engineer

@barushhasanov4927 2 года назад

A video that helped a lot of back-end and script-side developers to take a look of html and overwhelm the scare of it...

@rejinraghavan7616 2 года назад

Just love these videos.. Crisp and concise to give you an idea of the topic.. Awesome work.. 😄

@stormwix 2 года назад

I have no idea how that helped me so much

@GuardianApe 2 года назад

Dude you're awesome !!!!

@unknownlordd 2 года назад

My favourite programming language ❤️

@enehizyosas 2 года назад

The best explanation ever..

@sabinhogui 2 года назад

I never knew I need this video before I see it.

@rahmanramsi 2 года назад

Back to basic. Love it

@mariumbegum7325 Год назад

Fantastic video!

@eliacools1340 2 года назад

Good timing as I'm messing around with the file input data and styling :) more css and JS though :p but I'm usually more A backend dev

@abrpp 2 года назад

THanks for explaining my curiosity about div stands for

@DarkBraveStuff 2 года назад

I like having more of these hundred seconds videos!

@Aphova 2 года назад

Been writing HTML for 15 years. Still watched the video and enjoyed it 💪

@bobanmilisavljevic7857 3 месяца назад

Still writing HTML?

@Aphova 3 месяца назад

@@bobanmilisavljevic7857 yes, it's my favourite programming language 😅

@amirgamil 2 года назад

1:52 alt description mainly for accessibility for visually impaired.

@WebGame2k Год назад

I finally know what the full name of a is

@akarshitbatra1754 2 года назад

Generally when I share your videos to my friends they usually laugh at me after reading the title (they must be confused that this video will teach that topic in 100 seconds) We the regular viewer of fireship only know how much good content they are missing on 😂. SOME TIMES I feel sorry for them that they are missing such great content.

@kelsobroderick3613 Год назад

Actual legend 👏🏾👏🏾👏🏾👏🏾

@SithLord2066 Год назад

"information superhighway" lol....... man i haven't heard that term in decades, takes me back to the late 90's

@vampirejs758 2 года назад

I see, now Mark Zuck will earn money every time one uses meta tag in their html files

@muslim2k 2 года назад

I learnt a lot from this video

@1.Y.6 2 года назад

Idk why I always watch his video even if I already mastered or at least half-mastered the programming language he talks about xD

@joshellis53 2 года назад

Don’t think you understand the number 100 but that doesn’t decrease the quality of the video at all, great overview of the language

@BabaKush360 2 года назад

I a great video and I just love fireship as a content creator but let's be real, the video is longer than 100 seconds, it's like 153 seconds. but still a great video for future programmers that can inspire many more to start programming and be a part of this futuristic community. :) (: