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

Подписаться 9 млн

Просмотров 2,3 млн

50% 1

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.

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

8 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Next learn how to code a JavaScript game in one minute: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3KwPwtD-I-Y.html

@ayyoubm 3 года назад

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 3 года назад

How long did it took you to learn it?

@CrissCHG 3 года назад

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

@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 3 года назад

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

@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 3 года назад

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!

@sanskarvashishtha3112 Год назад

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!

@brzdogz 3 года назад

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 2 года назад

Sxx

@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.. ru-vid.com/group/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

@james2529 Год назад

did you get a job?

@katrineren6457 3 года назад

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 2 года назад

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

@akshayshinde4245 3 года назад

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

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

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.

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

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 2 года назад

@jorislimonier8508 3 года назад

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

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

Yes true.

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

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

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

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

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

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

@07Flash11MRC 3 года назад

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

@itg-africa9349 2 года назад

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

@viorelmnk Год назад

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

@Maddy-cy9fu 2 месяца назад

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

@luisoliveira4339 3 года назад

Congrats Beau for this complete and easy to understand tutorial!

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

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

@gupsalagupagup 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!

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

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.

@rihardstrams2393 Год назад

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

@incog_1920 3 года назад

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

@hemanthgirimath1332 3 года назад

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

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

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

@honestladkii 3 года назад

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

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

@zenrom 3 года назад

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

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

@thecrewgang9430 9 месяцев назад

This definitely a AI response

@xGT40x Год назад

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

@tyfine99 Год назад

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

@IanaCaldas 3 года назад

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 3 года назад

so this is not about a dynamic website?

@mahendranath2504 3 года назад

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

@levi9613 3 года назад

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

@davidchavarriamendez9091 3 года назад

It ends up being a routine job.

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

True

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

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

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

Much harder😡

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

cPanel made this dummy proof

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

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

@indrajeet5000 3 года назад

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

@itchannel123 3 года назад

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

@QuantApplicantMattKulis 10 месяцев назад

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

@16bitmustache31 2 года назад

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

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

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

@gulaykulekci8728 Год назад

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

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

Remember to use your code for good! 😀

@prodigiousthings.6312 2 года назад

Thanks a lot sir!

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

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

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

V Thnks Sir

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

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

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

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

@faizalimuhammadzoda4731 3 года назад

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

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

@1976kanthi 3 года назад

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

@ggizk7 Год назад

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

@techlead... 3 года назад

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

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

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

@GameOnMe 3 года назад

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

@chideraachinike7619 3 года назад

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

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

This guy is perfect to start with coding

@abubakaryasin8610 3 года назад

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

@banji007 3 года назад

This is just an awesome lecture, thanks Beau Carnes.

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

@prasaddamoder9095 3 года назад

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

@dyoung3474 3 года назад

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

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

@themanwhoiscompeng1422 3 года назад

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

@BlueSky-ic3ww 3 года назад

Thank You For Being With Us♥️

@pasindubhasura6360 3 года назад

Your MERN guide was incredible. Thank you!❤️

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

@MaximusRGZ 3 года назад

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

@rubenpereira4423 3 года назад

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

@robsteinson859 3 года назад

Thank you so much, especially for the github part!

@inkboy12345 3 года назад

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

@ai.simplified.. 3 года назад

There is no coincidence in youtube,just algoritmes

@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 3 года назад

Me too!

@premilam1973 3 года назад

Same here.....

@deepakredekar4849 3 года назад

Lol,same

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

Thanks a lot Beau This is exactly what I needed

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

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

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

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

@davidatoroyosika5297 3 года назад

This is what I have been looking for

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

Exactly what I needed seems like everyone else skips this step

@gabrielomogbolahan6081 3 года назад

Thank you freeCode for this learning opportunity .

@jezra7369 3 года назад

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

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

Best video ever! Explained very well keep up

@phoenixfalcon9100 3 года назад

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

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

Thank you so much BeauCarnes! Amaizing!

@abnoco Год назад

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

@captaincoder1307 3 года назад

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

@tubeclips3646 5 месяцев назад

Thank You. Just exactly what I needed to get started

@rebelprogrammer9113 3 года назад

thank you for uploading this, it really help me .

@adajatobi3258 3 года назад

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

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

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

@malvarez3611 3 года назад

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

@justincordero7797 3 года назад

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

@-------------------------theVM 2 года назад

Just started video but this is awesome , Thank You! - small sidenote: after you added your YT videos and descriptions it changed the symmetry of the WATCH buttons... I kept waiting for you to fix it, haha (cringe, ha)

@PP-rl5sn 3 года назад

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

@akhila007 3 года назад

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

@sergyyoubi3739 3 года назад

This video helped me! Thank you Beau

@salduamelbert5490 4 месяца назад

thanks, it helps me alot as an IT student

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

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

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

Thank you so much beau I learned so much!

@nicksmith1198 9 месяцев назад

Fantastic video, thanks for the explanations!

@guusvandewiel2193 3 года назад

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

@maxpavlovsky8163 9 месяцев назад

Thanks for so simple and benefical video.

@realchino 3 года назад

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

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

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

Thanks for spending your time.

@meripathshalafirst4819 3 года назад

Excellent 👍 knowledge provided by you 👍👍

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

You guys are doing amazing work

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

Such a great tutorial!

@diegohenrique5227 3 года назад

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

@vipsylar6370 3 года назад

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

@diegohenrique5227 3 года назад

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

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

@arrodrigues 3 года назад

Would be awesome if you could dig on how can I minimize files and use like in 25:25 in another video. Also I was wondering if is possible to make this fold management in online code editors like Code Pen and Replit. Anyway thanks for the video, I was searching exactly for this!!