How to put your website online - how to FTP to a domain & upload files to a webhost

[@titotitoburg6298]

I'm a new freelance developer that's extremely inexperienced and basically on my own as to figuring any of this stuff out. My only resources for learning are these awesome videos and have gotten my first web dev project, but finding jumping into these waters cold and blind. Thanks for the help making this entire process less scary.

[@learncodeacademy]

+Tito Titoburg sorry for the long delay. Great to hear you got your first project! It's way easier to learn by building things, so head into those waters bravely my friend! You get used to the feeling of: - how on earth do you do that? - google obsessively - figure it out eventually

[@ItsPaulby]

Tito Titoburg how have things gone for ya? Just curious

[@majikwizard5485]

Any advice on where to get projects, I am trying to start this and see if I could rely on this for a full income. the only thing I need would be people to buy the websites. And also would it be on them to get the domain name or would I get it aswell as create the files?

[@ItsPaulby]

Nobody is going to pay someone to make them a website when they can't even type a coherent sentence. I suggest you work on your english and then research on some marketing ideas. I have no intention of making this my career but there's literally a million ideas I could give you on how to get this started. All the resources you need to do this stuff are free. Goodluck buddy.

[@majikwizard5485]

Pauly JP give some of those ideas

[@PaoloSoleri]

Your emails are the best. So informative.

[@phee3D]

I thought no body noticed that haha

[@watchanymovietvshow3899]

Agree! But hostgator sucks big time, it's sooo slow! I switched to tinyurl.com/hosting-a2 it is so much faster and even cheaper...

[@silithic_]

@@watchanymovietvshow3899 Well, Not exactly *cheaper* because HostGator is 2 a year!!! unlike tinyurl thats 3 a month

[@okawaiikoto2927]

I'm 16 and i self-study myself and now I have my own website I learn html, css flex/grid/animation and java and my teacher is still teaching I know I still at the basic parts but making a ur own website is a great price

[@mauricewebb1098]

This has got to be the best, to the point tutorial I have ever seen. Thank you so much for putting this out there!

[@saadafm]

I've officially made my first website!!!

[@LAUGINGBATZ]

Hol' Up nu uhhhhhhhhhhhh

[@josephnuriev1559]

What’s your domain

[@acesuon7163]

For those of you who are watching now and having issue getting your site online(like myself) after following the video, I'd like to mention a few things. 1) if www doesn't exist, use public_ html folder 2) if you can't reach your site using, ip-address/~use , or just 403 error forbidden: This happened to me because I bought my domain name from a different website(Domain.com) than my hosting service(HostGator). If you're having the same issue, you have to go to your domain website -> click Manage -> find "DNS and Nameservers" and add your "1st Nameserver" and "2nd Nameserver" (given to you by your host service provider like Hostgator).

[@xus9380]

Nice video man , but once I had watch a video tutorial about database but how can I give a credit balance to my customers

[@RemoteTactical]

Suggestion (related): How to host your site (gh pages) with Github

[@learncodeacademy]

That will be a GREAT video. Thanks for the advice!

[@hammerain93]

LearnCode.academy I am now following this process, thanks! I also use GIT to put stuff in that repo. ...but is there any way to use my IP from hostgator as some kind destination for a Git Pull?

[@learncodeacademy]

so I'm about do to a video on flightplan for deployment. Here's a cool post from a while back from CSSTricks on alllllll the options you have for easier deployments. css-tricks.com/deployment/ Either way, FTP is kinda your entry-level way to get files out there. An automated deployment method will be way more fun and less error-prone.

[@webiens5891]

search in google my friend

[@bobsmithy3103]

How would one host their site on gh?

[@talengler2]

dude, I really enjoy your vids! you are a great communicator and a great teacher the Dance and Rejoice part literally made me laugh out loud for a good 15 seconds Rejoice! the broken are the more evolved! keep up the great work. huge thumbs up.

[@tonismith1445]

Subbed after this video thank you! As a person who just now learning to web develop I appreciate these videos!

[@parisakalantari9397]

thx Will in 2020 I learn web developing with your tutorials

[@davecantera116]

hostgator is the BEST!! Great customer service too! I agree

[@jakjun4077]

can i ask, once you have uploaded your website and how customer search for your website?

[@waxifalee3747]

I've been searching for it through days. You've solved my problems. Thanks Alot!

[@clark773]

What framework did you use to make this page (@ 1:08?) I really like the font and style.

[@TheKolacic]

Great tutorial men. Can u also explain how to put rest of the app(for example spring boot and database) on host

[@yeshello3775]

Oh I remember watching ur tutorials glad to find ur channel again 😁

[@yashumittal]

I have seen this video but can you explain the each folder, that what does each folder contain and what it is use of?

[@ucn2jl]

This is awesome. I am going to watch all of your videos

[@asianjohn4]

I'm getting a bunch of spam calls from "web designers". I don't know if this was a problem 3 years ago, when this video was made, but I'm getting spam emails, calls and texts.Please make an updated video, or a solution to avoid these problems for others in the future.

[@pitomoya22]

I swear he said we'll cover it in this email...

[@pitomoya22]

0:13-0:14

[@Luis_Prz]

+Pitomoya22 he did....lol

[@pitomoya22]

lol

[@lemonandgaming6013]

he did

[@fridvvy2961]

That was great! I have checked your channel yet but i'm looking to make a website that only has one page that users can upload a small file

[@jasonfunderberker]

How does this work with databases? would love an answer or a video on that!

[@gracinwatson4702]

You are so great at teaching this! Thank you

[@GraphicalBoss]

Love this video! Thank you so much. I was looking for a video to explain this. Thank you again keep the good work. 😃👍

[@ecsrice7267]

Great stuff clear and concise my only remaining question is security, or do we need to be concerned about it when publishing?

[@brettthompson5192]

I have followed all the steps carefully but still get a 404 error when I try to reach my page through myip/~username

[@pauloalpuim6305]

@Abdul Rehman You just have to wait a couple of hours till it works

[@naderafshari3456]

First I want to say that I'm a subscriber to this channel and I enjoy it very much. But the question that I have is that can these type of hosting accounts where they don't allow root access to install packages host modern web apps that are made with advanced JavaScript frameworks? If not, what hosting would support these web apps that cost about the same?

[@bbarcks]

Thanks for the video, this was exactly what I was looking for. I have some questions tho, does the server get lag or some kind of delay, or any issue according to the number of websites I host? Is there a max number of web pages I can host with the baby plan?

[@yunisguliyev3815]

Thanks for your help. You explain things really simply and easily. Thanks MAAAAN !

[@candyshop2000]

Quick question, can I upload the files into the public_html?? When I took a basic web design class in school, my teacher made us put everything inside the public_html folder. How come you used the www folder?

[@nrmnrmnrmnrm]

Thanks! Here's a question though - say I want to host a few different websites on my hosting plan - Is it just a case of setting up a few different folders within that 'www' folder? How do i make sure the domains point to the correct locations within my hosting?

[@learncodeacademy]

+n Sorry for the LONG delay! Yes, in your cpanel login, you can do "addon domains", which just point to different folders.

[@AnatolyKhalizev]

I don't understand some important thing. For example we are creating small Hotel site. We need Main page with booking, Photo and Price page, Contacts page. Main is index.html, price.html and contacts.html. All files are styled by main.css. Also we can do some JS (for ex. if we wish some Slider on the main page). We need to create booking script. But how? We need some database for it? Where we can store info about free and booked rooms? And after all we can upload files via ftp.

[@learncodeacademy]

You'll need a backend stack for this, including - a database (mysql, mongodb, etc) - a backend framework (PHP [laravel, codeigniter, etc], Node.js [express.js], Ruby on Rails) CodeSchool and Treehouse both have lessons on rails. I keep a list of coupons here: webdev.willstern.com/so-you-wanna-learn-web-development/

[@AnatolyKhalizev]

Great, thank you! Modern web developer must to know both front and backend? Or in companies one programmer works on frontend and one knows backend better? You yourself love node.js more then ruby?

[@learncodeacademy]

It depends on the company, really. Lots of companies have people do one or the other, many others have all developers do some degree of both, with some employees being more expert at different areas. Knowing a backend technology certainly creates more opportunity for you.

[@AnatolyKhalizev]

LearnCode.academy And one more question. You said that beginner needs to create sites for church, friends... But beginner know only html+css+js. What kind of site can create this developer? Only Informational and portfolio? If he don't know how to use node.js, mongoDB.

[@learncodeacademy]

No, you're totally right. Once you learn HTML,CSS,JS, though, it's a lot easier to get a job coding HTML,CSS,JS if you have work to show for it. Not to mention the invaluable experience of building real-life projects. There are TONS of small businesses, restaurants, musicians, etc that only need HTML, CSS, JS sites. Many developers I know have freelanced for decades without knowing backend code.

[@GofRivi4]

That's awesome man. Easier than I had ever imagine ! Thanks :))

[@fslunfiltered]

Thank you, once again! Great video, Will!

[@meanwhileinbronze]

All i can say is Thank you! This actually helped me understand ^^ and thats hard checking from youtube

[@Yours--Truly]

Hi, I'm 17 and am working on something and testing would need a website so thanks for this video. Also, ftp can be done on CMD because I personally don't feel good for some program getting my server name, password and IP

[@pianoLee-sx9dx]

Hello! I have got hosting with viewen but for some reason, it is not reading my css stylesheet and says that I have path errors... what should I do?

[@patelvidhu4840]

Thanks for your tutorial on creating website. Hostgator is one of the top 5 web hosting companies but I am not satisfied with their service.

[@ahuda22]

Thank you so much... i am totally loving the lessons..

[@djtconcept6944]

This was really helpful!! Thanks

[@dnz8792]

Amazing tutorial ! Simple and fast. Thank you.

[@xyxitlearner2336]

Awesome tutorial! Just a question, what if I would like to get a 3 year plan of Baby in Hostgator but I dont wanna pay all 3 years in one time payment, do they have an option to make may 3-year-bill staggard or monthly installment? Thanks

[@learncodeacademy]

Aira B Youknow, that's a good question for them. My guess is that they give you the discount when they get all of your money up front haha. But maybe not, I could be wrong.

[@xyxitlearner2336]

Haha ok. I thought they will still give discount providing that you wont cancel 3year subscription. Anyway, will you have a MS Azure tutorial? Im using the free trial right now and i find it complicated, also i use Cyberduck along with Azure but uploading is too slow and i only have few small files

[@milymilo]

0:12 this person: "Were gonna cover that in this *email*"

[@mreddygi]

Thank you😄..i was afraid ..jus bought a domain and tried to use it after buying..and it wasn't working ..but now i kno i must wait for 24hrs..

[@clairesmith132]

Hey Thanks for your help. You explain things really simply and easily. Much appreciated :)

[@ArkoBagchi6]

Extremely Helpful! Thanks G

[@dominiccunningham5335]

Omg thank you this is just what I was looking for ;)

[@burlescaya]

Hey! Thanks for the tutorial. I designed a website in InDesign CS5 and tried to export it to html, the consequence was that the whole page fell apart into bits and pieces of photos and text. What would be the next logic step to do?

[@learncodeacademy]

What I'd do is start by building out the html+css of the site to match the grid of your design: i.e. a header that's 980px by 150px, 2 column layout with 20pixels of margins, etc and then add your photoshop sliced images into that. HTML+CSS first feels more painful, but is actually a lot more simple in the long run.

[@josegarciaaa]

Can I drag and drop atom files the same way or do I have to download a specific package in atom?

[@brijeshchhaya1502]

that was actually helpful bro.. cheers :)

[@MontSteve36]

This is all well and good for MAC users But, what FTP client would you suggest for we Windows users? Thankyou.

[@learncodeacademy]

Cyberduck is also available for windows! :) cyberduck.io/

[@jamestompkins7816]

if a bought a name through namecheap but want to host it through host gator and build and upload it on squarespace... can i do that? Im already building on squarespace and bought the name on namecheap but i dont know where to host it... any help would be so much appreciated! Ive been stuck here so long

[@michaelscott356]

I must have missed a previous tutorial: At 4:05, you say, "Let's go ahead and crank open cyberduck". 1. What the hell IS cyberduck? 2. Did you mention it's existence before this point?

[@deathlyklown6939]

Likely in his original tutorial series. They are some of his earliest videos

[@yash_rathoree]

Hi...how to access images from pc to html file....I am not able to do ...scr

[@DaggerMan11]

your images need to be hosted on the server, as well.

[@srisrikar5682]

You said if I choose unlimited domains plan then I can create domains for multiple users... Then do they have their own accounts for those domains?

[@danigorch5548]

best tutorials ever !

[@rasuru1199]

Hi! Can I run Node JS server on the hosting after all these steps?

[@S.SNPNATURALPIX]

Hey a few questions for you if you are still doing coding. First, how would you code a site so the domain name automatically shows if it is rights reserved: "Domain must be in the same format as site name, no edits, at no cost." But the web host refuses to honor that right, and ICANN won't do anything? Second, wix.com got a coding program. Could you do a tutorial on? fixing the design flaws in Wix Photo Albums (Not the Pro gallery Panel system) Features that need to be re-coded. Hide the title, Keep it in the back round (for google seo) Hide the business logo keep it in the back round. (for google seo) Show only the cover Square fits, the Cover Image Function for the preview site. Code App to allow each album to be created as a database collection (allows better password protect and fluid password control; Easier downloads) allow individual photo download disable group download password protect and show passed words in the database collections Code for allowing separate journalism written page within the album. Code member and admin pages for wix photo albums, require submission of id to admin eyes only database before downloading of wix photo albums content.

[@MiguelGutierrezKamayd]

Can I use .net in hostgator? I will like to have my backend in NancyFx or at least asp.net mvc vnext. Can you recommend any host provider that do .net? What do you think of azure?

[@learncodeacademy]

You'll want to make sure that's a windows server, that's all. I don't really have a huge opinion on azure, as I've unfortunately not used them before.

[@NovaGonnaGiveYouUp]

Quick question: If I want to sell a website, do I need to buy a domain or can I just send over the files to the client?

[@hrmny_]

Can you make a video on how to do it with linux vservers? I can't quite manage to get an ftp server running :/

[@learncodeacademy]

ArmyOfCamels if you have your own server, you're probably to the level where you can use ssh instead...which is far superior. I show rsync at the end of this video kzbin.info/www/bejne/epOzdaWXeL6dq5o And then automate that in this video: kzbin.info/www/bejne/rJ7InJ2GnbaoecU

[@namesare4fools]

help. I'm missing something here.. how about the database ? Is it also uploaded together or will it be done separately ?

[@manishsaraf609]

Please make a tutorial for how to create a website like the one in the video, or something similiar! pleaseeee

[@jakegoodson4155]

Very helpful video, thanks!

[@ryanjohnson5882]

can you put more than one website using those things?

[@StanleyZen]

Thank you so much! This tutorial really helps!

[@junhaosu39]

hi, I uploaded all my file to the server, and I followed your steps by entering the IP address with my name like what you say. But the hostgator just tells me "404 the page is not found." Do you know how to fix it? thanks!

[@james-rg5uk]

i have the same problem, did you managed to solve it?

[@chewbacag914]

Excellent video! Can you show us how to add another domain?. Let's say your sister has a business and you want to add that to your server space since yo bought the second package that allows you to add multiple sf omains.

[@aliffdanial7924]

can anyone help me? i followed all the steps correctly but when i try to run the ip address . i got 404 error. can anyone pls helpp me

[@TheSuchtlaaa]

well, there are already tons of tutorials like that. but what would be really interesting, how to put my node.js application online? are there webhosters for node? or do i need an virtual server? if yes, what if i want to run multiple websites, like with apache with virtual hosts? :)

[@learncodeacademy]

If you check out my playlist for Mean Stack Tutorials, I have a 3 part series on deploying node apps. If you want to run several HTML or PHP sites, hostgator gives you cPanel, which is a visual interface for adding multiple websites...I have many on a single server.

[@TheSuchtlaaa]

Yea multiple php/html sites on a single server is no problem^^ but as im still new to nodeJS, im not sure if there is an option for "virtual hosts" with node, as example www.example.com -> directs to a node app www.example.net -> directs to another node app the only way i can think of is to install a common webserver, and create for each domain a virtual host which redirects the request on a different port, but would that make sense? like wouldnt it completely fck up the ideology of node?

[@pighead422]

Thanks for sharing this video. It is very helpful.

[@kahlyda]

Can this also be used for forums? If not what would you recommend?

[@EduardKaresli]

Hello, A'm new to web development. I want to learn creating web applications based on Python/Django and Node.JS, are these technologies enabled on providers such as hostgator? Or do I need to order them additionally? How such things are usually negotiated?!

[@learncodeacademy]

Eduard Karesli You would want to go digital ocean instead to manager your own server.If you haven't used digitalocean before, here's a video on it: kzbin.info/www/bejne/jWTVn4SYqLKVarM And here's that link for $10 credit: webdev.willstern.com/digitalocean

[@EduardKaresli]

LearnCode.academy Awesome! Thanks a lot!!

[@challanjarrett7604]

Do you purchase the domains and services and host the sites for your clients? Or do you get them to purchase their own domains and servers?

[@Anuprk1]

i have a problem ..my website is working f9 on my localhost server .....but at host site ...it is showing database connection problem

[@reyhando]

is img folder contain all the images used in the website?? And what's contained inside the css folder and less folder ?? Great video btw, really helps alot

[@learncodeacademy]

Yep. CSS has all of the css stylesheet files LESS has all of the LESS stylesheet files. LESS (and SASS) are languages that are basically css, but allow you to do some smarter stuff, and then you can compile/convert the less files into actual css. If you're just starting out, no need to worry about less/sass for a while. Coding css is perfectly fine.

[@AlejandroLopez-ge4gf]

Great tutorial. subscribed

[@rhaaminfante8505]

Thank you very much for this wonderful tutorial.

[@1107Iva]

Do you drag any data folder in the www of cyberduck? what about databases, how you add them? I am using mongoDb and the domain page is not showing connection to the database. thank you

[@learncodeacademy]

Hostgator will only support MongoDB if you use their VPS (virtual private server) service...which is too expensive for you you get in my opinion. If you're comfortable with MongoDB, you might be better off using a virtual server from Digital Ocean for $5/mo bit.ly/UVm40Y Hostgator, you'll need to use MySQL, and you can add MySQL databases through their control panel login.

[@mikhwan97]

do I need to learn XML to create a website ?

[@thealpha_9]

Hey brother! I was chatting with hostgator and they said this trick with the server IP / your username doesn't work. Since I don't have a domain yet I will not be able to show the website to others. Do you think it still works, just the attendant didn't know about it? Thanks!

[@AnmolKumar-zy4gw]

To copy codes and ip adress we need cyberduk right

[@knives26]

can you edit your website anytime?

[@DudeRevolution]

Hey thanks man! I was going to use GoDaddy, saved me a bunch of money with hostgator and your code

[@DudeRevolution]

and then you go ruin it all by making us buy a $23 dollar cloud software that isnt even really necessary -_-

[@ryanjordan2835]

Hi I have a problem, i have ordered my domain through hostgator following your steps and when it comes to opening my cyberduck it does not show the www file for me to transfer my files, is there any alternative way for me to do this or can you recomend a fix for this issue? thanks

[@justinbleile2619]

I have this same problem @ryan jordan did you get it?

[@HeyyJc]

You put the files in the public_html folder instead.

[@ryanjordan2835]

thanks but i figured it out aaages ago lol.... thanks again anyway

[@javo5807]

how did you fix it?

[@joryaock]

ryan jordan hey. My name is Jordan Ryan! Holy crap what are the odds?

[@parasmanikc7341]

thanks for the help man! I really appreciate it

[@joryaock]

Who does host gator use for a host?

[@madeinshh]

having a problem with the list in the cyberduck, there is no 'www' in the list of the files, what is wrong?

[@yudianzhu3679]

hey I just bought a domain name and a server through HostGator and my cyberduck cannot connect to my server. quite confused

[@caleba.robinson8451]

Hi! Quick question: I just registered with Hostgator and uploaded all my files using Filezilla. Whenever I tried the IPEXAMPLE/~USERNAME/ it gave me an error 404. Same thing with my actual domain. Is there something wrong? Or do I just need to wait?

[@tobias..]

How did it finally work out for you? Did you just have to wait?

[@caleba.robinson8451]

Tobias Leys just wait it out! It won't be long

[@Bigpoppaabe8]

I'm learning bootstrap and ruby on rails. Would this website work for that and is the process similar?

[@learncodeacademy]

+Abraham Rosales they do support ruby on rails, although versions are limited: support.hostgator.com/articles/ruby-on-rails-and-gems If you need more control, then you'll need to manage your own server. I'd go DigitalOcean webdev.willstern.com/digitalocean. You can use Heroku and it's easier, but will cost more.

[@Bigpoppaabe8]

+LearnCode.academy Thanks. i still have a lot to learn but i'll look into it when i'm ready to deploy for real.

[@Barrosy]

I live in Europe (Netherlands), can I use Hostgator aswell? Won't the server be far away? Can I pay with euros?

[@aquariamoon2451]

+Barrosy I just did so yes you can! Also from the Netherlands so hope that helps :3

[@Barrosy]

Aquaria Moon Thank you for your reply!

[@matthewloewen8644]

What is the best way to selfhost?

[@jyegoodman3254]

the WWW file is not coming up on my cyberduck? what does this mean? what do i have to do?

[@zacmann7850]

Jye Goodman i can help you with can i contact you

[@tesla360valorantclips7]

hello zac, i was wonder if this would work o windows and if it is safe ( no virus), i am asking you because you reached out to help someone else so i though you could help me to, thnx.

[@yudimoszkowski5925]

For big websites that are going to use html and constantly updating do they have to keep uploading the html page again and again? and if they do does it take like upto 24 hours or is that just for the first time Thanks :)

[@learncodeacademy]

YM Tech The 24-hour is the amount of time it takes for your domain name to get setup the first time, so that's one-time. After that, changes are instant. If you get to the point that you're updating things more frequently, you'll want to use a "deployment strategy" other than FTP uploading. Here's an example with flightplan (which requires some github knowledge): kzbin.info/www/bejne/rJ7InJ2GnbaoecU Most of the large-scale sites have content that is generated by information and articles that live in a database somewhere, though, which requires "backend" server code to be put into place.

[@pheaktrakim1212]

How can I get in touch with you teacher ? Facebook or instagram and telegram ?

[@bythealphabet]

WOOOOOW MAN THANK YOU you are the best

[@anthonycharles7729]

If I pay for a hosting plan on HostGator why do I need to use cyberduck.. please I need a reply cos am confused

[@jhiltonPB]

Seriously. He never really explained that part

[@Faho0odywBas1]

Why don't you recommend the addons? they look important!