Webseite erstellen - mit anfangen?

Question

Hallo Community,

ich möchte eine Webseite erstellen, genauer ein Dashboard in der Firma, wo Daten aus einer SQL-Datenbank gezogen werden und visualisiert werde, das ganze aber modern und gerne mit Animationen, Timern usw. gestaltet wird.

Nun habe ich in der Vergangenheit bereits eine Webseite in asp.net mit vb im Background erstellt. Das könnte ich auch wieder machen, aber mir fehlt da das modern animierte etc. Sicherlich scheitert auch viel an meinen Kenntnissen.

Gerne arbeite ich mich in Webtechniken ein, bin aber sehr erschlagen von den vielen Webentwicklungstechnologien: Ajax, asp, Java, jQuery, Angular, CSS, Angular JS, Django, Mason und und und. Keine Ahnung, was welche Aufgaben übernimmt. Daher hier die Anfrage an euch:
Womit fange ich an in Visual Studio, wenn ich auf NEU klicke? Ist ASP the way to go, sollte es ein Javaprojekt sein, oder ist Visual Studio allein schon die falsche Plattform dafür? Wie/womit werden aktuelle Webseiten erstellt?

Programmierkenntnisse in Hochsprache vorhanden.

Ich danke euch!

Lg
Manu

Answer 1

Hallo Manu,

bei der Webentwicklung spricht man immer von der server- und clientseitige Entwicklung. Für die serverseitige Entwicklung ist ASP.NET Core eine sehr gute Wahl.

Bei der "modernen" clientseitigen Entwicklung kommen heute s.g. Single Page Application (SPA) Frameworks zum Einsatz. Davon gibt es viele. Die bekanntesten sind z.Z. Angular.io (Google), React (Facebook) und Vue.js. Jeder dieser Framework verfolgt andere Ansätze, das beste Framework gibt es nicht.

Von Microsoft gibt es auch ein SPA Framework, Blazor was sich aber noch in der Entwicklung befindet. Für einen Neueinsteiger nicht geeignet.

Ich würde dir empfehlen alle 3 SPA Frameworks mal 1 Tag auszuprobieren. Dann kannst Du selbst entscheiden welches das beste für dich ist.

Fange am besten mit den SPAs an, die serverseitige Entwicklung kommt dann später.

Visual Studio ist eine sehr gute IDE mit der man auch moderne Website bauen kann. Aber wie du schon bemerkt hast, wird man mit Projektvorlagen und Funktionen erschlagen. Halte dich erstmal an die Beschreibungen auf den SPA seiten. Lese Bücher zum Thema oder schau dir Video tutorials an. Mache dir auch nichts vor, der Weg zum Webentwickler ist ein langer. 

---

Gruß Thomas
13 Millionen Schweine landen jährlich im Müll
Dev Apps von mir: UWP Segoe MDL2 Assets, UI Strings

Answer 2

Hallo Thomas,

vielen Dank für die Hinweise und Tips. Wie du schon sagst, scheint der Weg wirklich ein langer, bzw. nie endender bei immer wieder neuen Technologien zu sein. Aber SPA scheint mir von der Konzeption so zu sein, dass eine Aktualisierung der Webpage im Browser nicht nötig ist und so ein Flackern entfällt. Finde ich super. Gerade hinsichtlich dessen, dass ich ein Dashboard zur Datenanzeige kreiren möchte, was an einem Bildschirm auf 3m Höhe hängen soll. 
Natürlich ploppen bei mir direkt noch Fragen auf...:

1) Die Beschreibungen der SPA-Seiten beinhalten so wie ich das gesehen habe keinen Leitfaden, womit/wie man im Visual Studio anfängt - also welche Projektart nimmt man, wie man SPA einbindet.
Mir würde es helfen, zu wissen, dass die Grundlage der Projektierung richtig ist, so dass ich mich bedarfsgerecht entsprechend der jeweiligen Programmingsituation in die Thematik einarbeite.

2) Was ich am ASP-Projekt sehr mochte war, dass man durch den "Werkzeugkoffer" ähnlich wie in der Windowsforms-Entwicklung Steuerelemente oder Diagramme auf die Entwurfsseite schieben kann, also direkt sieht, wie es aussieht. Diagramme etc. sind schon als Form vorhanden.
Ich habe mal einige Projektarten im VS ausprobiert und kann erst mal nur Code eingeben, sehe aber nicht, was der macht, es sei denn, ich starte das Projekt mit F5.

3) Kannst Du Videotutorials, Literatur oder sogar einen Kurs empfehlen?

Besten Dank!
LG
Manu

Answer 3

Stimmt in der Webentwicklung lernt man nie aus. Das hast Du gut erkannt. Behalte das immer im Hinterkopf und probiere immer neues aus. Dann wirst Du sicherlich ein sehr guter Webentwickler.

Um die SPA auszuprobieren, würde ich dir erstmal empfehlen Visual Studio Code zu installieren. Bei Angular und Vue gibt es ein step by step Tutorial. Nicht bezogen auf VS Code aber das findest Du z.B. hier Link. Visual Studio Code ist "schlanker" und eignet sich besser für Neueinsteiger.

In Visual Studio gibt es auch Projektvorlagen für Angular und React. Dafür musst Du dir ASP.NET Core installieren.

Die Projektstruktur in Visual Studio ist aber sehr komplex. Ich würde dir nicht empfehlen damit anzufangen.

2) Bei Webanwendungen haben sich Controls und visuelle Editor nicht bewehrt. Man sollte seine Anwendung immer mit HTML/CSS schreiben und in einem realen Browser entwickeln und testen.

3) Ich kann dir LinkedIn Learning (Video2Brain) empfehlen kostet aber geld. Video2Brain hat viele Videos zum Thema auch in Verbindung mit Visual Studio ASP.NET Core und Angular. Für einen ersten einfach einstiegt sind die Videos gut. Danach reicht oft die Doku des Frameworks

---

Gruß Thomas
13 Millionen Schweine landen jährlich im Müll
Dev Apps von mir: UWP Segoe MDL2 Assets, UI Strings