Running all programming languages at the same time

Caters Carrots

Currently I have both an HTML file and a CSS file for a webpage open. However, I want to be able to run both at the same time and maybe even JavaScript or one of its forms when I get to it. That way I will be able to see what the webpage looks like as a whole(style, drawing, text, etc.) I realize that an online editor could do this but not for nearly as many languages at once as notepad++.

Anyway, is there a way to run all programming language files at the same time for a given project? And in case I need to make a program to do that, how do I make a program?

AdrianHHH

Notepad++ is not a browser, it cannot “run” all the files and produce a web page. Notepad++ can open all the files and let you edit their contents.

While editing the files in Notepad++ you can do a “save all” and then in your browser reload (commonly the “F5” key) the page to see the effect of the changes you have made. The sequence edit, save all and then reload can be repeated as needed.

Caters Carrots

I realize it isn’t a browser but I figured there would be some way of running all the files for that 1 webpage at the same time. And an online editor would most likely do only 3 languages and their versions(that is html, css, and JavaScript(including processing.JS)). What if I wanted Ruby or Python or C++ or some other programming language in there as well? Most online editors would be way short from this. And most editors that aren’t, you either have to download or buy. Buying is not an option for me and I know that notepad++ is one of the best free multilanguage editors out there.

AdrianHHH

What do you mean by “run”? You say you “want to be able to run both at the same time and maybe even JavaScript or …”. What does that statement mean? Notepad++ can have all those different file types open in different tabs at the same time and you can easily switch from tab to tab.

You then write about making a program and ask how to do that. Again, what do you mean? Remember that Notepad++ is an editor for text files, it is a great editor but it is just an editor. You need to use a browser to see how the combination of HTML plus CSS plus other things work.

Caters Carrots

By Running I mean seeing how the CSS affects the HTML or how the JavaScript affects the appearance of the whole webpage. I figured out that I have to link to those other files in the head of all the HTML files. And I store all the files for that website in the same folder so that I don’t have to bother with things like:
This PC/Users/Caters/Documents/Kepler%20Bb/Style/Kepler_Bb_style.css and can just make a simple link like this:

or this:

But those are the only programming language tags that I know of that are used in HTML to link to CSS or JavaScript or other programming languages. So that is when I started wondering “How do I add C++ or PHP or Python or Ruby or SQL to HTML? Do they have their own separate tags like JavaScript does? Do I use the link tag? Do I use some other tag? How do I add these to HTML?”

And that has been in the back of my head ever since I started programming HTML and these other languages. And now that I am making a website(Not going to go through the whole getting a domain and everything since that is too expensive), I really need to know this because you know, I might want to use C++ for calculations or SQL for data. Now sure, I could get the data using <table> tags in HTML and could do calculations by hand but you never know when you might want to use more than HTML, CSS, and JavaScript.

PeterJones

The simplest answer is, you don’t (add c++ or php or … to HTML, or run any of it in Notepad++). It appears you have a fundamental misunderstanding of how a page gets from a webserver to your web browser. This isn’t the forum for the details, but here are some hints. (It’s not rigorous… just some thoughts to get your mind moving in the right direction.)

Notepad++ is an editor, which you can use to edit the source code (for your HTML, CSS, JS, C++, PHP, Python, Ruby, Perl, etc). Once you have the source code, you can often debug them locally (assuming you have the appropriate tools) – but the end result is usually viewed through a local browser looking at your local copies or thru a local browser requesting the documents from a development server; Notepad++ can be given hooks to do portions of the testing (it can send source code to your c++ compiler; using the Preview HTML plugin, it can render into your Notepad++ window, so you can see gross functionality of the HTML; it can open the current HTML in your favorite or least favorite web browser using Notepad++'s Run > Launch in Firefox and similar, etc) – but Notepad++ doesn’t “run” the HTML+CSS+JS: it launches the helpers to do their thing.

Now for some more clearing up, regarding your questions about the other programming languages you mentioned: browsers (primarily) understand HTML, CSS, and JS. The server understands C++ (after it’s compiled), PHP, ASP, Python, Ruby, or Perl – those server-side technologies are used to generate HTML, CSS, and JS (or you can just have static HTML, CSS, and JS as files on the server). The server side code (C++, PHP, …) can be programmed to access a database using SQL or similar query languages, and manipulate the server-generated (non-static) HTML, CSS, and JS. (I think I’ve even heard that you can directly query a remote database using JS from the browser, but I don’t have much experience with that.)

The server side code will generate HTML/CSS/JS, often using inputs from forms submitted from the browser back to the server, and serves this HTML/CSS/JS to the browser. The browser interprets the HTML and CSS (and XML, XSS, …) to format the information from the server, and can run the JS locally (which can manipulate the HTML and CSS inside the browser and thus change what’s there locally).

To test a fully featured website, with server-side code, databases, and HTML/CSS/JS output, you will need basically another server: all the same tools with the same configuration on a local machine, or a second “development” server remotely accessed, or a private/hidden development area on the existing server to make sure you don’t mess up the released website. Once it’s all fully tested, then you release it to your production website, and away it goes.

There’s a lot more to all of this, none of which is on topic for a Notepad++ forum. If you need more, find some good books or classes on web development.