How to put an HTML website online (on the Internet)

Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like “mywebsite.com”). Learn how to set up HTTPS SSL encryption for free.

Sample website you can practice with:
https://github.com/SuperSimpleDev/github-pages-example

Namecheap:
Use coupon NEWCOM598 to get a .com domain for $5.98 (33%+ OFF, new accounts only).
!!! Note: don’t use the Honey extension because it steals affiliate commissions. !!!
https://namecheap.pxf.io/c/3110155/1217137/5618
If you purchase your first domain name through the link above (without using Honey) Namecheap will give this channel $1 – $2. Thank you!

DNS instructions for other domain registrars:
https://supersimple.dev/internet/dns-records

DNS lookup tool (IPv4): https://mxtoolbox.com/DNSLookup.aspx
DNS lookup tool (IPv6): https://mxtoolbox.com/IPv6.aspx
Why we set up www subdomain: https://www.yes-www.org/why-use-www/

Reference: https://supersimple.dev/internet/github-pages
Exercises and solutions: https://supersimple.dev/courses/github-pages-course
HTML & CSS Full Course: https://youtu.be/G3e-cpL7ofc
JavaScript Full Course: https://youtu.be/DqaTKBU9TZk

GitHub Pages Docs: https://docs.github.com/en/pages/getting-started-with-github-pages

0:00 Intro
0:24 1. Put a website on the Internet
3:34 Upload our code to GitHub
7:02 How GitHub Pages works
8:24 Add an index.html
10:51 2. Set up a domain name
12:34 Get a new domain name
15:37 How the Internet Works
18:51 Set up DNS A Records
21:55 Find the IP addresses of GitHub Pages
24:00 Set up www subdomain with CNAME Record
26:07 Link our domain name in GitHub Pages
27:31 Set up HTTPS for free in GitHub Pages
29:05 Thanks for watching!

Note for YouTube: there are NO paid promotions in this video. This video is not sponsored by Namecheap. I recommend them solely based on my own positive experience using their product and I share my affiliate link. I did not accept anything of value from Namecheap to make this video.

#html #webhosting #learntocode #webdev #webhost #javascript #javascripttutorial #css #websites #htmltutorial #internet #online #domainname #dns #csstutorial #softwareengineering #webdevelopment #webdeveloper #webapp #frontend #backend #coding #supersimpledev