How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS

Learn how to get your website online with a custom URL and website hosting.

In this course, you will first learn how to create a simple website using HTML, CSS, and JavaScript, starting with a website template. (If you already have a website—great! Just skip this section and go to the next one.) Then, you will learn how to get a custom URL. Finally, you will learn how to host your website files and make your custom URL point to your website files. You will learn two different ways to host your website, including a way to host your website for free!

This course was created by Beau Carnes.

⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (00:34) Creating a website
⌨️ (38:41) Getting a custom URL
⌨️ (42:45) Getting web hosting
⌨️ (48:25) Creating a custom email address
⌨️ (48:25) Updating Nameservers
⌨️ (51:35) Hosting for free with GitHub Pages
⌨️ (56:08) Updating DNS Settings
⌨️ (59:15) Conclusion

⭐️ Special thanks to our Champion supporters! ⭐️
🏆 Loc Do
🏆 Joseph C
🏆 DeezMaster

This course was made possible in part by a grant from Radix, who own the .tech TLD.

[ayyoubm]

I learnt how to code in HTML and CSS last week, and have been wondering:" okey I can make a simple website now, but how can I put it online so that people can visit it?". the video came just in time.
special thanks to you.

[brzdogz]

Extremely well explained, thank you very much for this super detailed course, as I am a beginner on Web Dev learning from FCC and I've just finished the HTML and CSS part, this video was the cherry of the cake.

[coderchic]

This is actually really helpful. My website wasn't directing to my domain name and for months didn't know what it was until today. Thank you!

[sanskarvashishtha]

Such a great tutorial! Concise and sufficient. Thankyou you so much Beau! I've been learning web development from FCC for the past month and its been a great experience. Its wonderful how such quality courses are available for free!

[levi]

I didn't know that putting a website online is more difficult than coding😭😆

[katrineren]

So clear and so detailed. Exactly what I need as someone who start the career of web developer. I cannot thank you enough for this amazing video.

[grayadams]

Thank you so much!! I needed this. Most videos are about how to set up Wordpress websites but that's not what I wanted. It's nice to see the whole process laid out like this !

[akshayshinde]

I was literally thinking that UI is little hard to create. You teached this very easily Sir. Also got the idea of hosting and domain to use. Thank you so much. I would really love to see your another videos. Appreciated work 🔥🎉🙏👍❤️

[jorislimonier]

Such a great tutorial, I was struggling with domain and, hosting but now it's much clearer, thanks !
Even better without ads 😍

[kf]

Amazing tutorial. I was here for just Domain and Hosting but it was smooth to watch everything and see how beautiful and simple is the progress.

[zaanmorningstar]

I've learned more from this one quick overview video than I have from 10 other videos. Thank you muchly!

[princesslizzy]

Amazing and straight forward. I have wasted lots of months trying to research and figure everything out, I wish I had found this video 7 months ago.

[FlashMRC]

Perfect timing! 💪
I was so frustrated to figure this out on my own.

[luisoliveira]

Congrats Beau for this complete and easy to understand tutorial!

[itg-africa]

Timely content. Just what I needed @ the moment. Thanks Beau👍

[avinashkumar]

It was so simply explained that i was looking for some mentor, but this is called the way of explaining things as simple as possible. Love you buea...

[jeffreyb]

This was extremely helpful as I am just getting started with coding, using mainly the Free Coding Camp website. Thank you very much for creating this video.

[gupsalagupagup]

Super helpful, thank you so much for sharing the know-how :) I was lost with the privacy, hosting, SSLs prices - now I can just get the domain and choose all of those later, pheew!

[viorelmnk]

can't imagine how helpful this was. Thank you for your hard work and patience :)

[mrCetus]

Excellent video. Very comprehensive on many important steps. Plus. Some great prep talk how on how html, css, javascript works and is manipulated.