Einstieg in Webseitenerstellung

Hallo zusammen,

ich würde gerne eigene Webseiten erstellen können.

Dazu habe ich eine tolle Seite gefunden: [Only registered and activated users can see links. Click Here To Register...]

Nur meine Frage ist:

Beispiel:

Ich fange mit html an und versuche dies zu mastern.
Ich packe direct css mitrein und versuche beides zu mastern.
Ich nehme auch noch javascript mit rein.

Das dies einige Zeit in Anspruch nimmt ist mir bewusst und ich möchte hierin auch ordentlich zeit investieren, ich weiß halt nicht wie ich starten soll.

Soll ich mich vorerst nur mit einer oder auch direct mit css beschäftigen?

Habt ihr sonst noch weitere coole Tuts?

Prinzipiell ist ein gewisses Grundverständnis in HTML zwar notwendig, allerdings findet sich kaum noch jemand der wirklich straight HTML in Dokumente hackt. Moderne Webseiten generieren die HTML Dokumente dynamisch mittels JavaScript.

[Only registered and activated users can see links. Click Here To Register...] bietet dir super Möglichkeiten die Basics zu lernen, allerdings würde ich mich an deiner Stelle nach den Basics aber auch schon in die JavaScript Richtung orientieren.

CSS Basics kommen eigentlich auch übergangslos mit den HTML Kenntnissen.

das bedeutet also ich benötige nur css sowie javascript?
War mir nicht bekannt, dass generieren von html dokumenten möglich ist.
Was für Dinge warden mit js gemacht? Kann mir darunter einfach noch nichts vorstellen :D

Danke für deinen Beitrag!

Quote:

Originally Posted by TeilzeitGangster das bedeutet also ich benötige nur css sowie javascript? War mir nicht bekannt, dass generieren von html dokumenten möglich ist. Was für Dinge warden mit js gemacht? Kann mir darunter einfach noch nichts vorstellen :D Danke für deinen Beitrag!

Skripte, einfach mal hier schauen:
[Only registered and activated users can see links. Click Here To Register...]

Quote:

Originally Posted by TeilzeitGangster das bedeutet also ich benötige nur css sowie javascript? War mir nicht bekannt, dass generieren von html dokumenten möglich ist. Was für Dinge warden mit js gemacht? Kann mir darunter einfach noch nichts vorstellen :D Danke für deinen Beitrag!

HTML alleine ist erst mal statisch. Beim Webseiten Aufruf wird das HTML Dokument geladen und angezeigt. Sofern du auch nur ansatzweise Dynamik reinbringen möchtest, das willst du, brauchst du JavaScript. Andernfalls müsste die Webseite für jede Änderung der HTML Objekte neu laden.

In diesem Bild steckt viel Wahrheit:

Prinzipiell brauchst du alle drei Komponenten, jedoch ist JavaScript mit Abstand die mächtigste, es kann die anderen beiden zum Großteil generieren.

Quote:

Originally Posted by TeilzeitGangster Hallo zusammen, ich würde gerne eigene Webseiten erstellen können. Dazu habe ich eine tolle Seite gefunden: [Only registered and activated users can see links. Click Here To Register...] Nur meine Frage ist: Beispiel: Ich fange mit html an und versuche dies zu mastern. Ich packe direct css mitrein und versuche beides zu mastern. Ich nehme auch noch javascript mit rein. Das dies einige Zeit in Anspruch nimmt ist mir bewusst und ich möchte hierin auch ordentlich zeit investieren, ich weiß halt nicht wie ich starten soll. Soll ich mich vorerst nur mit einer oder auch direct mit css beschäftigen? Habt ihr sonst noch weitere coole Tuts?

Schau mal bei Udemy oder für kostenlose Kurse [Only registered and activated users can see links. Click Here To Register...]

danke für die ganzen Antworten.
Gut dann werde ich den Fokus auf JS legen!

Danke an alle!

Quote:

Originally Posted by TeilzeitGangster danke für die ganzen Antworten. Gut dann werde ich den Fokus auf JS legen! Danke an alle!

Bitte (noch) nicht! Das gezeigte Bild von ZKDev ist gar nicht mal so unpassend, aber leider ist seine Aussage alles andere als wahr.

JavaScript gehört zwar zu den Core-Technologien der Webentwicklung, aber kann auch nur wirklich gut mit HTML und CSS benutzt werden. Im laufe des Lernprozess wird dir das auch auffallen. Daher rate ich dir: lerne zunächst HTML und CSS, bau dir einen kleinen Blog auf (oder was auch immer) und erweiter diesen dann mit JavaScript.

Quote:

Schau mal bei Udemy oder für kostenlose Kurse [Only registered and activated users can see links. Click Here To Register...]

Tu dir selbst und den anderen einen gefallen und empfehle diese Kurse nicht weiter und benutze sie auch nicht. Sie sind Crashkurs mäßig aufgebaut und liefern oberflächliches Wissen.

Zum Thema JavaScript (bitte beachten, was @Guron geschrieben hat, erst HTML & CSS, dann JS!):

Versuch am Besten die neuen ECMAScript Spezifikationen ([Only registered and activated users can see links. Click Here To Register...] und drüber) zu verwenden und nicht nur auf ES5 zurückzugreifen.
Im Internet wirst du viel ES5 Code finden, daher dieser kleine Hinweis. Dir sollte im Klaren sein, dass es zum aktuellen Zeitpunkt neuere Spezifikationen gibt und mit ES6 eben die "wichtigste" Spezifikation ins Leben gerufen wurde. Seitdem hat sich JavaScript ständig verbessert.

Mal davon abgesehen, dass ES6 ganz geil zum Schreiben ist (dein Code wird dadurch viel "cleaner"), kommt es mit seeehr vielen coolen Vorteilen.
Angefangen bei let (Block-Scope Variablen) und const (Konstanten) anstelle von var bis hin zu Promises, die für asynchrone Berechnungen zuständig sind und vielem mehr.

Das einzige Manko an ES6 ist, dass dessen Funktionen noch nicht von allen Browsern unterstützt werden und dementsprechend ES6 Code zu ES5 Code mithilfe von [Only registered and activated users can see links. Click Here To Register...] oder [Only registered and activated users can see links. Click Here To Register...] transpiliert werden müsste, wenn du globalen Support gewährleisten möchtest. Aber das soll bei deinem kleinen Projekt erst mal keine Rolle spielen. Nur als Erwähnung.

Auf Kurse oder ähnliches würde ich um ehrlich zu sein verzichten. Einmal aus dem Grund, den @Guron bereits genannt hat und einmal aus dem anderen Grund, dass diese eben auf ES5 setzen und man sich irgendwann denkt, womit man das verdient hat.

Setz dich einfach an ein kleines Projekt, auf das du Bock hast und erweitere dieses mit der Zeit immer wieder.

Ich persönlich hab meine JavaScipt-Skills auch meinem aktuellen Projekt und Eigeninitiative zu verdanken. :)

Quote:

Originally Posted by Guron Tu dir selbst und den anderen einen gefallen und empfehle diese Kurse nicht weiter und benutze sie auch nicht. Sie sind Crashkurs mäßig aufgebaut und liefern oberflächliches Wissen.

Deine Aussage kann ich nicht bestätigen. Es kommt natürlich immer auf einen selber an, welchen Kurs man sich kauft.
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]

Die kann ich sehr empfehlen, wenn du da sagst, dass die "crashkoursmäßig" aufgebaut sind, ist das einfach falsch. Das sind mitunter einer der besten Kurse. Der React Kurs z.B. enthält 45 Stunden Videomaterial. Der gute Herr Schwarzmüller fängt mit den Basics von JS an und endet am Ende in einer dynamischen Web-App, die Kurse von ihm werden auch immer aktualisiert, Beispiel: React Hooks - wurden keine zwei Wochen später hinzugefügt.

Das wichtigste ist einfach, dass du DU HTML, CSS und JavaScript selber lernst, anwendest und weißt was du tust.

Quote:

Originally Posted by lnqlorlouz Deine Aussage kann ich nicht bestätigen. Es kommt natürlich immer auf einen selber an, welchen Kurs man sich kauft. - [Only registered and activated users can see links. Click Here To Register...] - [Only registered and activated users can see links. Click Here To Register...] - [Only registered and activated users can see links. Click Here To Register...] - [Only registered and activated users can see links. Click Here To Register...] Die kann ich sehr empfehlen, wenn du da sagst, dass die "crashkoursmäßig" aufgebaut sind, ist das einfach falsch. Das sind mitunter einer der besten Kurse. Der React Kurs z.B. enthält 45 Stunden Videomaterial. Der gute Herr Schwarzmüller fängt mit den Basics von JS an und endet am Ende in einer dynamischen Web-App, die Kurse von ihm werden auch immer aktualisiert, Beispiel: React Hooks - wurden keine zwei Wochen später hinzugefügt.

45 Stunden Videomaterial ist kein Indikator für ein gutes Training. Mal ganz davon abgesehen, dass in diesen Trainings größtenteils auf ein schnelles Ergebnis hingearbeitet wird und man damit viele theoretische Fälle und theoretisches Wissen außen vor lässt.

Es gibt unmengen an kostenlosen Resourcen, die in den meisten Fällen das Wissen besser und ausführlicher transportieren können. Am Ende liegt die Verantwortung bei dir, ob du bereit bist die Syntax zu lernen und damit sprechen und lesen zu können. Und wenn ich bedenke was es für Leitfäden, Bücher, E-Books etc. gibt, kann ich unter dieser Prämisse die Udemy Kurse beim besten Willen keinen blutigen Anfänger empfehlen.

so hab ich es gelern:
-sololearn.com (hat auch ne android app) html, css, js kurse absolviert
-tutorials auf w3schools.com angeschaut
-gleichzeitig mit eigener website angefangen (also sofort das gelernte ausprobiert und rumexperimentiert) - musst dir halt erstmal ein thema bzw ziel suchen
-gaaanz viele videos angeschaut (css grid und flex, ganz viel js bisschen jquery)

und später dann sql und php gelernt (genauso einfach wie html und css. js ist das schwierigste meiner meinung nach ¯\_(ツ)_/¯ )

nach ca einem jahr habe ich html, css, sql und php nahezu perfekt drauf und in js bin ich ziehmlich gut geworden (js ist immernoch sau schwer find ich :D)

[Only registered and activated users can see links. Click Here To Register...]

aber bitte warten bis udemy wieder prozente gibt. da kostet der kurs um die 15€