Ich hab vor ca 10 Jahren mit meiner damals 6 Jähirgen Nichte zusammen in Flash ein 2D Baller Game erstellen, so ähnlich wie Mohrhuhn. Dabei haben wir alle mögliche Bilder aus dem Internet geladen, z.B. von Mickey Mouse, Donald Duck, Rambo usw und diese in das Spiel eingebaut. Diese Fotos wurden nach und nach per Zufallsgenerator an bestimmten stellen sichtbar und man konnte diese mit einem Fadenkreuz abknallen. Bei einem Treffer kam dann ein "hasta la vista" Sound vom Arni. Nach 2 Tagen Entwicklung konnte meine Nichte mehr Befehle als ich :D

Mit Scratch wirst du wohl ähnliche Begeisterung erzeugen wenn die Kids nach deren Anweisungen eine Comic Figur springen lassen können. Eine komische SoC Platine mit GPIO wird wohl keine Begeisterung (weder bei 8 jährigen , noch bei den meisten Erwachsenen) auslösen.

Es kommt drauf an.  Solange du nur ein kleines Programm hast dass die std lib verwendet könnte es auf mehreren Umgebungen lauffähig sein (wer will aber kleine hello world Programme? ) .  Sobald das Programm grösser wird und man immer mehr spezifische Betriebsystem Bibliotheken verwendet(zb für GUI)  ist das Programm nicht mehr Cross Plattform fähig. Das Programm müsste entsprechend für die jeweiligen Zielplattformen angepasst werden. Was extrem aufwendig sein könnte.  Hier sprech ich nicht nur von einer protierung  eines Windows Programms auf Linux  sondern selbst wenn man unter Windows bleibt gibt es in den verschiedenen Versionen extreme Unterschiede die dementsprechend angepasst werden müssten. Viele Hersteller betreiben diesen Aufwand nicht,  deswegen gibts native Software auch meist nur für entsprechende Plattformen. 

Dieses Problem ist aber nicht neu, schlaue Köpfe haben bereits Lösungen gefunden wie man wirklich eine Cross Plattform Lösung ohne zusätzliche installation einer Runtime bewerkstelligen kann. Das ganze nennt sich "electron" (gibts auf github)   und ist eine angepasste Browserumgebung  (chromium) mit nativen Funktionen in der das Programm später läuft (nein, du siehst keinen Browserrahmen) . Programmiert wird i.d.R. mit Websprachen bzw eine Einbettung nativen c++ Codes ist auch möglich. Diese Programme laufen nach der kompilierung wirklich auf Windows, Linux, OSX  mit der gleichen source ohne eine zusätzliche Runtime und ist mittlerweile äußerst populär. 

Handelt von programmier superstar John Carmak und dem damals kleinen Id Software Team welches anfang der 90er,  und die meisten davon grad mal 20,  für damalige Verhältnisse, den ersten  realistischen 3D Egoshooter auf den PC entwickelt haben und den Startschuss in eine neue Gaming Ära eingeleitet haben, also eine Zeit in der die Engines und Toolchain selbst programmiert wurden, auf Rechnern die nur paar kb hatten, es keine Tutorials oder Bücher gab usw... Klassiker, aber nichts für Leute die nur max. Schulenglisch können. 

wenn du php als die beste programmiersprache zur webentwicklung bezeichnest so hast du wenig von der programmierwelt gesehen. Jede sprache hat so seine stärken und schwächen, aber das php nicht von den grossen benutzt wird stimmt auch nicht. Facebook, Wikipedia, yahoo basiert auf php. Kleiner exkurs in internetgeschichte: Google benutzt viel python (eigt benutzen die das komplette Programm)  weil python älter als php ist (php war 1995 keine programmiersprache, wie heute,  sondern eine einfache templatesprache)  und twitter (damals, heute läufts in java) sowie github basieren/basierten auf ruby wegen rails und der erwachsenen und professionellen gems Infrastruktur, die kam in php mit packagist und composer erst  seeehr spät (ab 2013) .  Amazon und ebay basieren auf java. 

einfach ein css style für die table definieren das ein column border darstellt:

table { border: none; border-collapse: collapse; }
table td { border-left: 1px solid #000; }
table td:first-child { border-left: none; }

....anonsten ist dein (spagehetti-) code ein paradebeispiel dafür wie man nicht programmieren sollte (logik, ausgabe, db query,... alles in einem file) :D

Das Problem der unübersichtlichkeit ist eher aufgrund einem mangel an wissen bzgl softwarearchitektur  zurückzuführen als dies librarys oder programmiersprachen in die Schuhe zu schieben, wenn du bereits probleme mit php hast wirst du mit node noch wesentlich mehr probleme bekommen, das ist nämlich aufgrund der asynchronen natur von javascript ein wesentlicher komplizierterer brocken wenn man wartbare software programmieren will als php, (ich habe mit php und jquery bereits Projekte über 100k zeilen eigenen programmiercode geschrieben, alles 100% wartbar) ...  ansonsten sind full bloated IDEs die man aus dem java lager kennt in der javascript kultur verpönt. (Viele js entwickler distanzieren sich von allem was aus java kommt,.. ide, xml manifests, krawattenträger, consultants, bürokratie... )  Gern verwendet wird sublime, atom, brackets. 

ja angular braucht einige dutzend externe librarys die man erst über npm installieren muss, so wie ich es grad im github repo sehe, das sind allerdings auch nur dev-dependencies, also pakete die nur bei der entwicklung benötigt werden.

Im prinzip brauchst du hierfür erstmal keinen anderen server. Du kannst dir npm / git lokal auf dein system installieren, das angular repo lokal clonen, "npm install -d" ausführen und die dependencies laden, lokal deine angular app programmieren, daraus dann den build erstellen und das ganze dann später auf nitrado laden.

/* Float sucks, Flexbox rules */
.images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

<div class"images">
<img src="foo.jpg">
<img src="bar.jpg">
...
</div>

Weiss jetzt nicht ob ich die frage (welche frage? ) richtig verstanden haben, aber du holst dir zb ein vserver, dazu registriert du eine domain, verbindest die domain mit der Server ip (A record) , installierst auf den Server node und lauscht auf 127.0.0.1:80... Node bzw der webserver reagiert dann auf alles was auf der maschine (127.0.0.1) über den http port (80) reinkommt (sofern port 80 in der firewall freigegen ist) 

php  verwendet mittlerweile ein eingebautes opcode caching, nachdem der code geparsed wurde landed der compilierte code im speicher und wird beim nächsten zugriff wieder verwenden (und nicht neu geparsed)... du kannst deine Kommentare als Roman in die Klassen schreiben, das juckt die php/zend engine überhaupt nicht (für java / jvm gilt dasselbe)

PHP, Curl und RegEx sind deine Freund hierbei, html aus der webseite holen und nach den entsprechenden tags parsen... (eben runterprogrammiert, ungetestet)

$ch = curl_init(); 
curl_setopt($ch, CURLOPT_URL, 'http://www.website.com'); 
curl_setopt($ch, CURLOPT_HEADER, 1); 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
$html = curl_exec(); 
curl_close($ch); 
$regex = '#<tag>(.*?)</tag>#';
$code = preg_match($regex, $html, $matches);
var_dump($matches);

Javascript + html5 +css3 + electron  (electron ist im grunde ein chrome browser mit nativen funktionen um auf das OS zu kommen, das potential des browsers als runtime + js/css hat man längst erkannt )  

github.com/atom/electron

Ja, das kann man, nennt sich App store / play store. kinderprogramme gibt es dort bereits millionenfach und sogar für lau ganz gemütlich per one click install aufs tab oder smartphone. Können sogar die kids bedienen. 

hier muss man unterscheiden zwischen webseite und webapplikation. für webseiten hat sich ein fertigsystem wie wordpress bewährt das mittlerweile auf 30% aller webseiten läuft. Programmiert wird hier nicht mehr: Webspace und Domain kaufen, wordpress hochladen, theme aussuchen, plugins installieren, evtl das theme von einem indischen freelancer anpassen lassen für 5€, content schreiben, fertig ist die seite. So ähnlich läuft es auch bei den meisten shops ab.

bei webapplikationen mit vielen ein/ausgaben, die komplett custom sind,  ist das natürlich wieder was ganz anderes, hier kommt man ohne programmierung und die dinge die  dahinter stehen nicht weit, aber das machen die wenigsten und die leute die das machen schauen sich auch keine html channels auf yt mehr an :D

cross plattform apps kann man u.a. mit react native von facebook erstellen (ist auch recht bekannt und hat eine grosse community)

Supported operating systems are >= Android 4.1 (API 16) and >= iOS 7.0.

github.com/facebook/react-native

->Allein<- wird  man es zu nichts bringen, allein hat noch nie jemand es zu etwas gebracht das eine gesellschaftliche relevanz hatte,  deine wohl nicht vorhandene kooperationsfähigkeit, und ich hasse alle mentalität,  ist eher ein Hinderniss als stärke. Da kannst du noch so gut in Physik und programmieren sein, du wirst das Manko dadurch nicht aushebeln können (grade in diesen branchen wo alles auf teamarbeit getrimmt ist) . Eigne dir neben den hard skills auch soft skills an. 

der nächste schritt sollte sein ein paar nützliche c# librarys zu programmieren und diese auf github/nuget der community zur verfügung zu stellen (c# hat hier mit noch viel potential, s.  link) ,  dann sollte der weg zum rockstar programmierer nicht mehr weit sein^^

githut.info

na klar, und du darfst sogar noch vieles mehr auf einem hohen level benutzen um ein sehr gutes onlinegame zu programmieren (unit test, build task, versionierung, automatisierte integration / deployment / transpiling, server, frameworks (viele frameworks, librarys (sehr viele librarys), mathe , phyics,... und die gefühlten tausend anderen konzepte und techniken dir nur darauf warten um von dir gemeistert zu werden)

www.foo.de ist auch nur eine subdomain von foo.de, die subdomains und denn Pfad zum entsprechenden document root kann man i.d.r über ein webpanel, den die hoster anbieten, einstellen. Hat man root rechte, wovon ich jetzt hier nicht ausgehe,  kann man es auch direkt in den vhost dateien des webservers einstellen 

Auf github findet man hunderte open source games inkl code, hier hat jemand eine liste von js, c, c++,....  games erstellt:

github.com/leereilly/games