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

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 774

  • @beau
    @beau 10 місяців тому +16

    Next learn how to code a JavaScript game in one minute: ua-cam.com/video/3KwPwtD-I-Y/v-deo.html

    • @Lex_Invictus
      @Lex_Invictus 2 місяці тому

      Hi, the template in the description is not available anymore, is it possible to uploaded again please?

  • @ayyoubm
    @ayyoubm 4 роки тому +671

    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 4 роки тому +6

      How long did it took you to learn it?

    • @CrissCHG
      @CrissCHG 4 роки тому +2

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

    • @Ayasir-lo3ir
      @Ayasir-lo3ir 4 роки тому +17

      ​@@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 4 роки тому +2

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

    • @FoxInFlame
      @FoxInFlame 4 роки тому +12

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

  • @brzdogz
    @brzdogz 3 роки тому +121

    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 3 роки тому

      Sxx

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

    • @james2529
      @james2529 Рік тому +1

      did you get a job?

  • @coderchic
    @coderchic 4 роки тому +29

    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!

  • @grayadams6356
    @grayadams6356 3 роки тому +23

    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 !

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @zaanmorningstar
    @zaanmorningstar 3 роки тому +32

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

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @jorislimonier8508
    @jorislimonier8508 3 роки тому +93

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

  • @sanskarvashishtha3112
    @sanskarvashishtha3112 2 роки тому +10

    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!

  • @inkboy12345
    @inkboy12345 4 роки тому +205

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

    • @ai.simplified..
      @ai.simplified.. 4 роки тому +15

      There is no coincidence in youtube,just algoritmes

    • @inkboy12345
      @inkboy12345 4 роки тому +7

      @@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 4 роки тому +1

      Me too!

    • @premilam1973
      @premilam1973 4 роки тому +2

      Same here.....

    • @deepakredekar4849
      @deepakredekar4849 4 роки тому +1

      Lol,same

  • @Maddy-cy9fu
    @Maddy-cy9fu 10 місяців тому

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

  • @levi9613
    @levi9613 3 роки тому +733

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

  • @akshayshinde4245
    @akshayshinde4245 3 роки тому +19

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

  • @honestladkii
    @honestladkii 4 роки тому +1

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

  • @deshmukhshantanu2685
    @deshmukhshantanu2685 4 роки тому +3

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

  • @BeauCarnes
    @BeauCarnes 3 роки тому +761

    Remember to use your code for good! 😀

  • @techlead...
    @techlead... 4 роки тому +2

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

  • @indrajeet5000
    @indrajeet5000 4 роки тому +12

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

  • @princesslizzy5675
    @princesslizzy5675 2 роки тому +1

    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.

  • @justincordero7797
    @justincordero7797 4 роки тому +61

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

  • @luisoliveira4339
    @luisoliveira4339 4 роки тому +5

    Congrats Beau for this complete and easy to understand tutorial!

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @07Flash11MRC
    @07Flash11MRC 4 роки тому +6

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

  • @kf6078
    @kf6078 2 роки тому +2

    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.

  • @avinashkumar0101
    @avinashkumar0101 3 роки тому

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

  • @diegohenrique5227
    @diegohenrique5227 4 роки тому +3

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

    • @vipsylar6370
      @vipsylar6370 4 роки тому

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

    • @diegohenrique5227
      @diegohenrique5227 4 роки тому

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

    • @vipsylar6370
      @vipsylar6370 4 роки тому

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

  • @jeffreyb4662
    @jeffreyb4662 4 роки тому +3

    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.

  • @ThePopB0x
    @ThePopB0x 3 роки тому

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

  • @incog_1920
    @incog_1920 4 роки тому +4

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

  • @1976kanthi
    @1976kanthi 4 роки тому +2

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

  • @itg-africa9349
    @itg-africa9349 2 роки тому +3

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

  • @jonathanvandenberg3571
    @jonathanvandenberg3571 3 роки тому

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

  • @lawrenceholmes987
    @lawrenceholmes987 7 місяців тому

    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 :)

  • @LuckActuallyTarot
    @LuckActuallyTarot 3 роки тому

    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.

  • @phoenixfalcon9100
    @phoenixfalcon9100 4 роки тому +13

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

  • @MaximusRGZ
    @MaximusRGZ 4 роки тому +2

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

  • @captaincoder1307
    @captaincoder1307 4 роки тому

    First like, first comment. Love you free code camp. ❤️💙🧡

  • @BlueSky-ic3ww
    @BlueSky-ic3ww 4 роки тому +2

    Thank You For Being With Us♥️

  • @gulaykulekci8728
    @gulaykulekci8728 2 роки тому

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

  • @theemillennial
    @theemillennial 2 роки тому

    Exactly what I needed seems like everyone else skips this step

  • @FRONTRUS
    @FRONTRUS 4 роки тому +20

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

    • @ashpjangde
      @ashpjangde 4 роки тому

      For me somehow it was a satisfying video

  • @akhila007
    @akhila007 4 роки тому +3

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

  • @k3d4rcodes45
    @k3d4rcodes45 3 роки тому

    Thanks

  • @getrelax893
    @getrelax893 Рік тому

    The great opportunity given us thanks a lot. All the very best.

  • @mr_saam
    @mr_saam Рік тому +1

    Thanks ❤ Love from 🇮🇳 india❤

  • @viorelmnk
    @viorelmnk 2 роки тому +1

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

  • @rubenpereira4423
    @rubenpereira4423 4 роки тому +2

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

  • @mattd773
    @mattd773 4 роки тому +4

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

  • @Pure77
    @Pure77 2 місяці тому

    53:09 Rofl. Gotta love the bloopers, man. "That did not work," soooo relatable.

  • @tyfine99
    @tyfine99 Рік тому

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

  • @GameOnMe
    @GameOnMe 4 роки тому

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

  • @Speed-TV
    @Speed-TV Рік тому +2

    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!

  • @IanaCaldas
    @IanaCaldas 4 роки тому +4

    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?

  • @gupsalagupagup
    @gupsalagupagup 3 роки тому +3

    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!

  • @nene49er19
    @nene49er19 3 роки тому

    Whew my brain.. definitely gonna take a extracurricular course on this in college

  • @PeterSedesse
    @PeterSedesse 4 роки тому +8

    when attaching your domain name to your actual hosting, as he said, it can take more than 12 hours before you can use the domain name to see your website. However, on your hosting site, they will give you an IP address, which is just http: followed by a lot of numbers. You can type the IP address into your browser to see your website while waiting for the domain name to work.
    When I first started doing websites (back in the stone ages), I was always a little paranoid if I had uploaded my files to the correct folder on the hosting site. Using the IP address during those initial 12-48 hours allows you to verify you uploaded correctly even before the domain name is ready.

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @gabrielomogbolahan6081
    @gabrielomogbolahan6081 4 роки тому +2

    Thank you freeCode for this learning opportunity .

  • @lettytutorials8920
    @lettytutorials8920 2 роки тому

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

  • @santhoshs8825
    @santhoshs8825 3 роки тому +1

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

  • @yourmathtutorvids
    @yourmathtutorvids 4 роки тому +48

    My first website: helloooo world!

    • @mattstorm360
      @mattstorm360 4 роки тому +8

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

    • @mattstorm360
      @mattstorm360 4 роки тому

      @@NukeJS Master haxor.

  • @adajatobi3258
    @adajatobi3258 4 роки тому

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

  • @zenrom
    @zenrom 4 роки тому +1

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

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

    • @thecrewgang9430
      @thecrewgang9430 Рік тому +1

      This definitely a AI response

  • @mahendranath2504
    @mahendranath2504 4 роки тому +2

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

  • @kouapatrick3838
    @kouapatrick3838 Рік тому

    Thank you so much BeauCarnes! Amaizing!

  • @mickyjankis9542
    @mickyjankis9542 4 роки тому +6

    Just what I needed, btw UDEMY instructors disliked this video

  • @ggizk7
    @ggizk7 2 роки тому +2

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

  • @klnguyen279
    @klnguyen279 3 роки тому +1

    This is what I want! Many thanks.

  • @raulmartinez5901
    @raulmartinez5901 2 роки тому +1

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

  • @rahmanm3490
    @rahmanm3490 2 роки тому +1

    Thank You .
    You are number one.

  • @maxpavlovsky8163
    @maxpavlovsky8163 Рік тому +1

    Thanks for so simple and benefical video.

  • @PP-rl5sn
    @PP-rl5sn 4 роки тому +1

    Once again, great content, keep it up!!!

  • @tubeclips3646
    @tubeclips3646 Рік тому

    Thank You. Just exactly what I needed to get started

  • @AkashGiri
    @AkashGiri 4 роки тому

    First comment? BTW, I really needed this video. Thanks FCC

  • @susboi1704
    @susboi1704 2 роки тому

    You’re a lifesaver. Thank you😭🙏

  • @abubakaryasin8610
    @abubakaryasin8610 4 роки тому

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

  • @martinangwuta
    @martinangwuta Рік тому

    Thanks so much Beau for this video, its sososo helpful, Thanks a bunch

  • @themanwhoiscompeng1422
    @themanwhoiscompeng1422 4 роки тому

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

  • @pasindubhasura6360
    @pasindubhasura6360 4 роки тому +1

    Your MERN guide was incredible. Thank you!❤️

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @rihardstrams2393
    @rihardstrams2393 2 роки тому

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

  • @xGT40x
    @xGT40x 2 роки тому

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

  • @aaronharrison3368
    @aaronharrison3368 2 роки тому

    Thanks for spending your time.

  • @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

  • @banji007
    @banji007 4 роки тому +2

    This is just an awesome lecture, thanks Beau Carnes.

    • @الإسلامدينالحق-خ5ت
      @الإسلامدينالحق-خ5ت 3 роки тому

      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..
      ua-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html

  • @bandarunikas9648
    @bandarunikas9648 4 роки тому +1

    A Good explanation and great intention

  • @salduamelbert5490
    @salduamelbert5490 Рік тому

    thanks, it helps me alot as an IT student

  • @itchannel123
    @itchannel123 3 роки тому +1

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

  • @davidatoroyosika5297
    @davidatoroyosika5297 4 роки тому +1

    This is what I have been looking for

  • @JotalenG
    @JotalenG Місяць тому +2

    This video really helps!! I'm just starting to create my first web-page and I've learned a lot. But, I'm having trouble to access the template from the description, so I can't see the full js file, can anyone help?? Thanks

  • @gkindia1100
    @gkindia1100 4 роки тому +20

    Literally the 1% people who reading. May your family 👨‍👩‍👧‍👦Live more than 100 year with good health #💖💖💖.........

  • @prasaddamoder9095
    @prasaddamoder9095 4 роки тому +1

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

  • @JacobKinsley
    @JacobKinsley 3 роки тому +57

    No one:
    Domain purchasing sites: Was $50,000 now $5 for a limited time!!!

  • @cheikhahmedtidianesane885
    @cheikhahmedtidianesane885 4 роки тому

    Beau Carnes! You are super!

  • @JJPCTECH
    @JJPCTECH 4 роки тому +2

    This guy is perfect to start with coding

  • @nahyanfayzworld
    @nahyanfayzworld 9 місяців тому +1

    Thanx for the video. One thing I want to ask is how could I watch my website live while editing pages in vscode? Especially one that involves javascript files. When I try to do it it always gives back error msg: syntaxerror document not defined.

  • @johnychinese
    @johnychinese 2 роки тому

    Thanks a lot Beau
    This is exactly what I needed

  • @guusvandewiel2193
    @guusvandewiel2193 4 роки тому

    to compress files to a .zip file on windows: right-click on selected files you want to compress and hover over copy to then select compress to zip

  • @mohammedmunir2017
    @mohammedmunir2017 4 роки тому +1

    Thanks man. Iam looking this video 🙏

  • @quielsystems
    @quielsystems 2 роки тому

    Thank you so much beau I learned so much!

  • @tamim1831
    @tamim1831 4 роки тому +1

    Amazing..love from Bangladesh

  • @susannaminasyan2355
    @susannaminasyan2355 3 роки тому

    Super! You are one of the best of the best of the best

  • @hemanthgirimath1332
    @hemanthgirimath1332 4 роки тому

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

  • @saidelmoussaoui706
    @saidelmoussaoui706 2 роки тому

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