How do you connect the frontend and the backend? - frontend

I'm still kind of new in programming and I'm not quite sure that this is the place to ask this question, but I can't find anything worthy on the Internet. Sorry on first place but I'm truly lost. All I can find is "just use wordpress" and things like that.
I'm trying to make a website from zero with HTML and CSS, and there I would have the front end. I know a little bit of backend but I'm still learning. The real question is: how do you mesh up all of this and put it on the Internet so others can see it? I know you have to buy a domain and so, but how do you put it all together? What do you exactly do with your server-side code if what you "upload" is the HTML code? Are there any good books on the subject or something so I can study it on my own?
Thanks in advance.

Read about web frameworks like Spring in Java or Django in Python. Start with a lecture of these to grasp a notion of backend and frontend working together:
https://www.quora.com/How-do-front-end-and-back-end-technologies-work-together
https://www.quora.com/How-are-the-front-end-and-back-end-connected
https://www.quora.com/How-does-frontend-code-and-backend-code-interact-with-each-other
EDIT
And don't forget to read about the MVC pattern.

If all you want to know is how to publish an html/css project to make your website live then you need a domain, hosting account, your project files, and an FTP program.
Buy a domain and hosting account through a website like godaddy. Once you have that then you basically have your own little server. A server is just a machine thats on 24/7 which holds your project and makes the files live on the internet for people to view.
Once you create your project, then use ftp software such as filezilla to connect to your server. Drag your project into the public_html folder and your website will be live!

I think the word you are looking for is "web server." Examples of web servers are Apache, nginx, and IIS. A web server is a computer program.
A simple web server is sometimes called a "static web server."
To see a bit how this works, you can install a static web server like http-server on your computer (which requires Node.js to run), point it at a directory, and browse the site on your own PC.
So if you have a folder called "my-site" and a file in it called "index.html" and you ran the http-server in the my-site folder, and you went to http://localhost:8080, you would see "index.html" in your browser.
To put all this on the internet:
First, if you have an internet connection at home then you could technically set something up on your laptop that people could connect to. I won't get into it here because it's a little involved, but I think it's important conceptually to understand that you could do it if you wanted to.
You need to get access to a web server. A relatively fast way to set this up would be with zeit.

Related

How do I make an "in website proxy" like hidester.com/proxy? Is there anything already on GitHub like this?

I need to make a website similar to https://hidester.com/proxy/.
My school doesn't have that many protections, just a firewall that blocks access to proxy websites on school computers. I want to self-host something on my network like that where I can put in a website and it will access it for me like a proxy. That way, the proxy is unblocked. I don't want to use any chrome extensions or system software. Does software like that exist already on GitHub or if not, how would I go about making something like that using nodejs or nginx?
alloyproxy, nodeunblocker, pydodge, and powermouse. There are more but these are easy to setup and I use on my site. My sites are hopelessjourney.ga and hopefuljourney.cf

Best way to integrate/embed a node js project in a non-node application

I have a node (+express and socket.io) project which runs a server presenting data in html. But i dont want users to go to the specific url or i.p. address. Instead i would like to integrate the node application in an existing webpage. (For example a Wordpress site)
So what would be the best way to integrate a node project into an existing project that is not bulit with Node? Embedding it in an iFrame doesn´t seem optimal ;)
I guess jQuery.load() wont work since it´s not listening for server side changes and the whole point with node goes missing :)
Kind regards
Henrik

How to deploy TerriaJS on my site

I would like to deploy an instance of TerriaJS on my site for the purpose of 3D (with 2D-fallback) geospatial mapping. I am a bit confused as to how to actually "deploy" TerriaJS on my site. I am very familiar with Leaflet... pretty much just include the leaflet.js file, create a div, and off you go. However, I am running through the wiki on TerriaJS's github page and all I see is a bunch of NodeJS.
What am I missing? I am able to get the map to run with NPM and I see a nice 3D map (running inside of a node web server instance), but that doesn't do me any good as I want to be able to embed the map on my web site.
If anyone has a nice (plain English) tutorial or starting point, that would be awesome.
Thanks.
The Node-based web server that we usually use with TerriaJS only does a few things:
It serves up the static HTML, JavaScript, and CSS that make up the application.
It includes a simple service at /proxy that allows TerriaJS to access geospatial data servers that don't support CORS.
It includes another service at /convert that uses OGR to transform geospatial vector data (e.g. shapefiles) to GeoJSON for display by the TerriaJS client.
Of these, only the first is required. So, you can copy the wwwroot directory of a working TerriaJS application up to whatever web server runs your site and it will run there just as well as it does on the Node-based server. You'll have to make sure that all of your geospatial data is either on the same server or is hosted on servers that support CORS, and shapefile conversion won't be supported, but other than that you should be good to go.
Embedding TerriaJS in an existing web page is a bit trickier. You'll want to start with the index.js, index.html, and index.less files in the TerriaJS app you started with (NationalMap maybe?) and modify them to suite your needs. You'll need to use the gulp-based build process. But once that is all done, you can just copy the files up to your web server as before.
Depending on your needs, you may also consider embedding TerriaJS on your page in an iframe rather than building it into the page directly. You can control the content of the catalog and customize some basic aspects of the UI by specifying parameters to the URL. You can also control it by posting cross-window messages as described here.
Finally, it's possible to use TerriaJS without the provided user interface, e.g. by providing your own. This is a pretty advanced scenario, though, so probably best to post a separate question if you want to go down that road.

Netscaler cannot access xpages mobile extention library 1.6.1 files

Hi I have an xpages app that I have built using the mobile extension library controls. The ap works fine if you go straight to the notes server but as soon as we use netscaler to access we are getting errors accessing the extention libarary files. We have tracked it down to not being able to access these “/xsp/.ibmxspres/dojoroot-1.6.1/dojo/dojo.js or whatever is in or around there.
For this post http://www.intec.co.uk/domino-8-5-3-greater-power-over-dojo-thanks-ibm-for-your-work/ it looks like these files use the new OSGi plugin functionality and are contained in a jar file on the server rather than as separate files on the domino server. Any idea how we can get the citrix gateway to see these files and use them?
Thanks
Mel
Seems like a Netscaler configuration problem to me. If the manuals don't help, ServerFault might be the better place to ask this question. As a wild guess: /. might be blocked by default since ../../../ is a popular path-traversal attack vector. Let us know how it goes

Looking for an web based ftp client

I am looking for an truely "web based" (website) FTP client, to upload my html/web stuff.
What I found sofar is http://www.net2ftp.com/.
The site is a good example of what I am looking for, but isn't as usefull as I thought.
So, does anybody know a better site?
There are many option available both on the server side (where the server does all the FTP traffic and shows it to the web browser and on the client side via Java Applet, ActiveX or Flash component)
Depending on what you need to do each option will have it's own advantages.
For example if you need to handle Folder Structures or multiple files then a client side Java Applet or ActiveX will be the best option.
If you only wish to handle a single file then the server side option will be better.
Start by searching for "ftp java applet" it will point you in the right direction.
I also compiled a Blog that tries to compare all your web based file transfer options
Here is the link:
http://www.filecatalyst.com/comparison-of-web-based-file-transfer-methodologies

Resources