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.
The template website referenced in this video is down. Get the template here: drive.google.com/file/d/1Zr80...
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.
🔗 Get a .TECH domain name: get.tech
🔗 Learn more about HTML and CSS: • HTML and CSS Tutorials
⭐️ 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.

Пікірлер: 756

  • @beau
    @beau4 ай бұрын

    Next learn how to code a JavaScript game in one minute: kzread.info/dash/bejne/ZX-rstmtdJCvXbw.html

  • @ayyoubm
    @ayyoubm3 жыл бұрын

    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.

  • @CrissCHG

    @CrissCHG

    3 жыл бұрын

    How long did it took you to learn it?

  • @CrissCHG

    @CrissCHG

    3 жыл бұрын

    @@Ayasir-lo3ir from the momento You started learning yo now ? Only 2 days or more like 2/3 months

  • @Ayasir-lo3ir

    @Ayasir-lo3ir

    3 жыл бұрын

    ​@@CrissCHG nope I learned it a long time ago I have learned javascript, react, python,, basics of c++ and java and learned data structures and algrothuims fully now I am 16 years old, I suggest you learn a language then do data structure and the algorithm it can be daunting but it's okay what about you?

  • @CrissCHG

    @CrissCHG

    3 жыл бұрын

    @@FoxInFlame but like to learn Javascript with HTML and css to be competent and get Jobs how much time

  • @FoxInFlame

    @FoxInFlame

    3 жыл бұрын

    @@CrissCHG You want jobs in your local area making homepages for bakeries and small businesses? Not many require advanced JavaScript, so if you are focused every day, doable also in 1-2 months. You want jobs at Google and major tech companies? You need to learn a different language, since mastering HTML/CSS/JavaScript is absolutely not enough. Around 5 years of continued experience with various programming languages would be acceptable.

  • @coderchic
    @coderchic3 жыл бұрын

    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!

  • @brzdogz
    @brzdogz3 жыл бұрын

    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.

  • @moorheyravi978

    @moorheyravi978

    2 жыл бұрын

    Sxx

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @james2529

    @james2529

    Жыл бұрын

    did you get a job?

  • @sanskarvashishtha3112
    @sanskarvashishtha31122 жыл бұрын

    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!

  • @katrineren6457
    @katrineren64573 жыл бұрын

    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.

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @grayadams6356
    @grayadams63563 жыл бұрын

    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 !

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @jorislimonier8508
    @jorislimonier85083 жыл бұрын

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

  • @jalall1985khan

    @jalall1985khan

    2 жыл бұрын

    Yes true.

  • @zaanmorningstar
    @zaanmorningstar3 жыл бұрын

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

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @kf6078
    @kf6078 Жыл бұрын

    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.

  • @levi9613
    @levi96133 жыл бұрын

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

  • @davidchavarriamendez9091

    @davidchavarriamendez9091

    3 жыл бұрын

    It ends up being a routine job.

  • @antoniofuller2331

    @antoniofuller2331

    3 жыл бұрын

    True

  • @ShahzEditx

    @ShahzEditx

    3 жыл бұрын

    + Imagine the Online Job it will be worse 2x than Normal Coding

  • @boltztechtalk4776

    @boltztechtalk4776

    3 жыл бұрын

    Much harder😡

  • @feinchan

    @feinchan

    2 жыл бұрын

    cPanel made this dummy proof

  • @princesslizzy5675
    @princesslizzy56752 жыл бұрын

    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.

  • @akshayshinde4245
    @akshayshinde42453 жыл бұрын

    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 🔥🎉🙏👍❤️

  • @luisoliveira4339
    @luisoliveira43393 жыл бұрын

    Congrats Beau for this complete and easy to understand tutorial!

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @07Flash11MRC
    @07Flash11MRC3 жыл бұрын

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

  • @itg-africa9349
    @itg-africa93492 жыл бұрын

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

  • @avinashkumar0101
    @avinashkumar01013 жыл бұрын

    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...

  • @viorelmnk
    @viorelmnk Жыл бұрын

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

  • @justincordero7797
    @justincordero77973 жыл бұрын

    Me: purchases a new tech domain *Opens KZread* FCC: *Posted 30 minutes ago* How to put a website online - creation, domain, hosting, dns

  • @incog_1920
    @incog_19203 жыл бұрын

    Tysm, was thinking of this and finally you uploaded this. Once again, tysm

  • @mrCetus
    @mrCetus2 жыл бұрын

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

  • @Maddy-cy9fu
    @Maddy-cy9fu4 ай бұрын

    3yrs later and this tutorial has been extremely helpful - thank you beau

  • @jeffreyb4662
    @jeffreyb46623 жыл бұрын

    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
    @gupsalagupagup3 жыл бұрын

    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!

  • @rihardstrams2393
    @rihardstrams23932 жыл бұрын

    Great tutorial. Now I know exactly what to do for hosting a website. Huge thanks!!!🙌

  • @inkboy12345
    @inkboy123453 жыл бұрын

    Woah, I was literally looking for exactly this the whole day what a coincidence !!

  • @ai.simplified..

    @ai.simplified..

    3 жыл бұрын

    There is no coincidence in youtube,just algoritmes

  • @inkboy12345

    @inkboy12345

    3 жыл бұрын

    @@ai.simplified.. i meant more that it got uploaded the same day I was looking for it. I'm already subbed so I'd find out regardless of the algorithm

  • @Sanctified.Homestead

    @Sanctified.Homestead

    3 жыл бұрын

    Me too!

  • @premilam1973

    @premilam1973

    3 жыл бұрын

    Same here.....

  • @deepakredekar4849

    @deepakredekar4849

    3 жыл бұрын

    Lol,same

  • @AuraLangFashionista
    @AuraLangFashionista2 жыл бұрын

    I really got to thank you cos I only just figured how to use the template I bought and was so frustrated cos I’m a noob in this area. And here u r, teaching the entire process! If u hv a school I’ll sign up.

  • @hemanthgirimath1332
    @hemanthgirimath13323 жыл бұрын

    Seriously great video .. I always wanted to see this video but never really got the exact things I needed... Thank you really great full to you guys 👍👍👍👍

  • @deshmukhshantanu2685
    @deshmukhshantanu26853 жыл бұрын

    Your work is a gift to humanity please don't stop making videos i love you guy so so much i can't tell

  • @honestladkii
    @honestladkii3 жыл бұрын

    I just purchased a domain from go daddy and now im onto developing my brand website this video is just what i needed

  • @mahendranath2504
    @mahendranath25043 жыл бұрын

    thank you so much, this is what needs to know by every developer

  • @BeauCarnes
    @BeauCarnes2 жыл бұрын

    Remember to use your code for good! 😀

  • @prodigiousthings.6312

    @prodigiousthings.6312

    2 жыл бұрын

    Thanks a lot sir!

  • @shavkat95

    @shavkat95

    2 жыл бұрын

    is making a nudity-website 'good' ? asking for a friend.

  • @muhammadzaidaziz8552

    @muhammadzaidaziz8552

    2 жыл бұрын

    V Thnks Sir

  • @janquieldapper

    @janquieldapper

    2 жыл бұрын

    The best tutorial ever!!! Great job man!!! Thank you sir!!!

  • @meruem6995ujjoooo

    @meruem6995ujjoooo

    2 жыл бұрын

    ​@@shavkat95 youre reminding me of someone i went to school with in norway

  • @IanaCaldas
    @IanaCaldas3 жыл бұрын

    I've found this tutorial a great start point to launch your first static website. Thanks so much for it! However, I missed learning more about the CNAME and A records in that context.

  • @shivapooja9059

    @shivapooja9059

    3 жыл бұрын

    so this is not about a dynamic website?

  • @chideraachinike7619
    @chideraachinike76193 жыл бұрын

    You're awesome! Thanks for making me more confident!!

  • @1976kanthi
    @1976kanthi3 жыл бұрын

    this video released at just the right time i wanted to make a website! Great!!!

  • @robsteinson859
    @robsteinson8593 жыл бұрын

    Thank you so much, especially for the github part!

  • @banji007
    @banji0073 жыл бұрын

    This is just an awesome lecture, thanks Beau Carnes.

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @QuantApplicantMattKulis
    @QuantApplicantMattKulis Жыл бұрын

    this is actually an awesome tutorial for vs... ive only used it for python and this gives some great beginner info for html &css

  • @lettytutorials8920
    @lettytutorials89202 жыл бұрын

    You are a lifesaver..Very comprehensive videos.You just got a new subscriber right here.

  • @MaximusRGZ
    @MaximusRGZ3 жыл бұрын

    This is what I looking for, many thanks Beau :D

  • @tyfine99
    @tyfine99 Жыл бұрын

    Needed this! Finally finished my site and it’s ready to go!

  • @yourmathtutorvids
    @yourmathtutorvids3 жыл бұрын

    My first website: helloooo world!

  • @mattstorm360

    @mattstorm360

    3 жыл бұрын

    Technically, you can put that on your resume. Created my own website.

  • @mattstorm360

    @mattstorm360

    3 жыл бұрын

    @@NukeJS Master haxor.

  • @pasindubhasura6360
    @pasindubhasura63603 жыл бұрын

    Your MERN guide was incredible. Thank you!❤️

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @xGT40x
    @xGT40x Жыл бұрын

    Thank you so much for this tutorial, it covered every aspect to get your website going

  • @faizalimuhammadzoda4731
    @faizalimuhammadzoda47313 жыл бұрын

    This is amazing! Thanks for all the efforts. Keep up the good work.

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @Speed-TV
    @Speed-TV Жыл бұрын

    This is a useful video. I like how it tells you the most basic start to finish on a basic website, but it's enough to branch off from and start creating big things!

  • @davidatoroyosika5297
    @davidatoroyosika52973 жыл бұрын

    This is what I have been looking for

  • @jezra7369
    @jezra73693 жыл бұрын

    Thank You very much! This video will help me a lot for my project!

  • @itchannel123
    @itchannel1233 жыл бұрын

    You helped me a lot. Thank you and keep up the good work sir.

  • @indrajeet5000
    @indrajeet50003 жыл бұрын

    You guys are the real teachers man.. thanks for spending your time and efforts in making such videos.

  • @raulmartinez5901
    @raulmartinez59012 жыл бұрын

    This was a very good tutorial. One of my favorites. thank you.

  • @rubenpereira4423
    @rubenpereira44233 жыл бұрын

    Damn i really needed this video. As usual great content .Thanks guys!!

  • @16bitmustache31
    @16bitmustache312 жыл бұрын

    thank you so much, this is an incredible video tutorial that is both informative and well put enough for even beginners to understand

  • @jonathanvandenberg3571
    @jonathanvandenberg35712 жыл бұрын

    last 1/3 of this vid is what i've been looking for!

  • @zenrom
    @zenrom3 жыл бұрын

    Although I could not finish your course bc personal reasons, your web and courses are the best. Thank you !

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @thecrewgang9430

    @thecrewgang9430

    11 ай бұрын

    This definitely a AI response

  • @abubakaryasin8610
    @abubakaryasin86103 жыл бұрын

    I was also looking for the same materials .you are a hero to humanity

  • @santhoshs8825
    @santhoshs88253 жыл бұрын

    Fantastic well narrated. I will practice on my laptop soon. Many Thanks for all your efforts.

  • @BlueSky-ic3ww
    @BlueSky-ic3ww3 жыл бұрын

    Thank You For Being With Us♥️

  • @prasaddamoder9095
    @prasaddamoder90953 жыл бұрын

    Awesome end to end information given. Thanks for sharing 👌👌👌

  • @rebelprogrammer9113
    @rebelprogrammer91133 жыл бұрын

    thank you for uploading this, it really help me .

  • @dyoung3474
    @dyoung34743 жыл бұрын

    Thanks for producing and sharing this tutorial. I'm getting tonnes of help from FCC!

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @ggizk7
    @ggizk72 жыл бұрын

    So useful thanks for putting out such a useful content ..bless you man 🙌

  • @gabrielomogbolahan6081
    @gabrielomogbolahan60813 жыл бұрын

    Thank you freeCode for this learning opportunity .

  • @phoenixfalcon9100
    @phoenixfalcon91003 жыл бұрын

    I didn't think I was this early....thought this was posted a hour ago

  • @gulaykulekci8728
    @gulaykulekci8728 Жыл бұрын

    I made my first website with this tutorial 💪 . Thanks 👏

  • @techlead...
    @techlead...3 жыл бұрын

    😍😍😍😍 I have brought .tech domain. Such a great timing of this video.

  • @wernervannieuwenhove631
    @wernervannieuwenhove6312 жыл бұрын

    Great, course, really enjoyed it. Thanks a lot.

  • @sergyyoubi3739
    @sergyyoubi37393 жыл бұрын

    This video helped me! Thank you Beau

  • @johnychinese
    @johnychinese2 жыл бұрын

    Thanks a lot Beau This is exactly what I needed

  • @FRONTRUS
    @FRONTRUS3 жыл бұрын

    Anyone else who is watching this video not for tutorials, but for love for coding?

  • @ashpjangde

    @ashpjangde

    3 жыл бұрын

    For me somehow it was a satisfying video

  • @lawrenceholmes987
    @lawrenceholmes987Ай бұрын

    This video is such good quality, and covers a lot of breadth and depth somehow in a reasonable amount of time- at least for a beginner at website creation like me. Thank you :)

  • @malvarez3611
    @malvarez36113 жыл бұрын

    thanks for uploading this. it really helps me a lot!

  • @y2kon355
    @y2kon3552 жыл бұрын

    i love your guide. really good for non programmer like me

  • @GameOnMe
    @GameOnMe3 жыл бұрын

    This is the best video on web design 🙌🏾🙌🏾

  • @servidorvps1022
    @servidorvps10222 жыл бұрын

    This guy is perfect to start with coding

  • @kouapatrick3838
    @kouapatrick38388 ай бұрын

    Thank you so much BeauCarnes! Amaizing!

  • @akhila007
    @akhila0073 жыл бұрын

    This is exactly what I was looking for just recently!!! You guys are awesomeeeeee!

  • @nganhoangthithanh8509
    @nganhoangthithanh85092 жыл бұрын

    Thank you so much! It's really nice tutorial.

  • @themanwhoiscompeng1422
    @themanwhoiscompeng14223 жыл бұрын

    thanks for all freeCodeCamp, you are the organization that inspiring us

  • @tubeclips3646
    @tubeclips36467 ай бұрын

    Thank You. Just exactly what I needed to get started

  • @quielsystems
    @quielsystems2 жыл бұрын

    Thank you so much beau I learned so much!

  • @susboi1704
    @susboi17042 жыл бұрын

    You’re a lifesaver. Thank you😭🙏

  • @ThePopB0x
    @ThePopB0x2 жыл бұрын

    The amount of wix ads I got while watching, I think I need a medal for sticking true to coding

  • @sigma_rool369
    @sigma_rool369 Жыл бұрын

    Thanks ❤ Love from 🇮🇳 india❤

  • @realchino
    @realchino3 жыл бұрын

    You are really a God sent! Thank you for everything.

  • @user-ri2ms2mm7w

    @user-ri2ms2mm7w

    2 жыл бұрын

    My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @yeumkyuseok
    @yeumkyuseok3 жыл бұрын

    Such a great tutorial!

  • @janezklun
    @janezklun3 жыл бұрын

    The best, thank you for sharing

  • @preadsy6912
    @preadsy69122 жыл бұрын

    Best video ever! Explained very well keep up

  • @shreyanshmori7369
    @shreyanshmori73692 жыл бұрын

    You guys are doing amazing work

  • @abnoco
    @abnoco Жыл бұрын

    Beau, great content. Thank you for posting this information.

  • @aaronharrison3368
    @aaronharrison33682 жыл бұрын

    Thanks for spending your time.

  • @GioTeo
    @GioTeo3 жыл бұрын

    Thank you so much, this is so helpfull!!

  • @adajatobi3258
    @adajatobi32583 жыл бұрын

    Are you guys mind readers??? You always put up what i need. Thanks FCC

  • @theemillennial
    @theemillennial2 жыл бұрын

    Exactly what I needed seems like everyone else skips this step

  • @saidelmoussaoui706
    @saidelmoussaoui7062 жыл бұрын

    Thank you very much!, this was very helpful👍👍💕

  • @klnguyen279
    @klnguyen2792 жыл бұрын

    This is what I want! Many thanks.

  • @raviy10
    @raviy102 жыл бұрын

    Easy to follow !! Thank you

  • @diegohenrique5227
    @diegohenrique52273 жыл бұрын

    I'm from Brazil i watch and share this Channel!

  • @vipsylar6370

    @vipsylar6370

    3 жыл бұрын

    Você conhece os livros de John Duckett sobre "HTML e CSS" e "JAVASCRIPT"?

  • @diegohenrique5227

    @diegohenrique5227

    3 жыл бұрын

    @@vipsylar6370 não nunca vi, são bons?

  • @vipsylar6370

    @vipsylar6370

    3 жыл бұрын

    @@diegohenrique5227 Na minha opinião são sim, têm uma excelente diagramação o que os deixa bem mais atraentes para se estudar.

  • @tamim1831
    @tamim18313 жыл бұрын

    Amazing..love from Bangladesh

  • @TheSEOTools
    @TheSEOTools Жыл бұрын

    Great video, ty