Hallo Mario, erst mal Danke für die gute Erklärung jetzt hab ich es endlich kapiert innerhalb einer halben Stunde, Ich komme aus der Java Ecke. Ich habe dort sehr viel Zeit verbracht aber eigentlich immer nur die Hälfte verstanden. Jetzt ging es richtig schnell. Nochmals vielen Dank.
Danke dir für deine Erläuterungen, gut gemacht! Ja das vorletzte wäre dynamische Polymorphie, sehr interessant dass das jetzt alles geht, war damals in JS undenkbar, da wurde OOP durch eigene Konzepte aus normalen Funktionen creiert. Und statische Polymorpie (also überladen von Methoden) jetzt ausserhalb des constructors in JS ginge habe ich auch noch nicht getestet, werde ich die Tage mal machen, aber denke dann ja schon. Das ist auch einer der Gründe weshalb mir JS heute mehr zusagt als Java, und JS letztlich auch überall läuft. JS wird immer besser 🤩
So...und weil ich mal angemeldet bin, gleich hier noch weiterliken....Juhuu, ObjektOrientierung, da freu ich mich...es hat mir sehr geholfen, dass Du zum Schluß noch die Anwendung für modularen CodeAufbau erwähnt hast...vielleicht hast Du ja mal Lust und erklärst Deine Herangehensweise an Kapselung, egal ob innerhalb von Funktionen oder Objekten...Danke für alles, keep it simple && take it easy...
Ich habe nun schon einige deiner Videos gesehen und auch bei diesem muss ich mal wieder sagen - einfach unheimlich gut erklärt! Super entspannte Art und verständliche Beispiele. Weiter so und danke für die Mühe!
"... ist ziemlich einfach ... bzw. wir machen es uns heute ziemlich einfach!" --> eine sehr schöne Redewendung! Ansonsten wie immer super gut erklärt, DANKE!
Einfaches Hosting via Strato oder ähnlichen Anbietern ist sehr einfach und schnell umgesetzt. Domains umziehen, neu verbinden, MX Records usw sind schon etwas komplizierter. Was und wie möchtest Du denn hosten? Meistens haben die Anbieter dazu Anleitungen oder der Service hilft weiter.
Ich (Anfänger) habe jetzt mal eine Buchliste objektorientiert programmiert und hab auch ein add-Funktion, mit der ich Bücher hinzufügen kann. Aber: wenn ich den Browser aktualisiere, dann ist die neue Info wieder weg. Wie kann ich lernen, die Daten dauerhaft zu speichern?
Hi, so wie du es bisher machst werden die Daten nur temporär im Browser gespeichert. Wenn du diese dauerhaft speichern möchtest musst du diese entweder in eine Datei schreiben oder in eine Datenbank. Nur kann bzw. darf das der Browser nicht. Du brauchst hier eine Serverseitige Programmiersprache wie z.B. PHP oder NodeJS (JavaScript) wo du dann die Daten in eine Datei speichern kannst oder in eine Datenbank wie z.B. MySQL oder MongoDB. Für das ein oder andere habe ich auch schon Tutorials gemacht. Schau am besten mal rein ;)
@@ProgrammierenMario man kann die Daten auch "einfach" in den Local Storage speichern. Allerdings ist das mit vorsicht zu genießen. Es sollte wie schon erwähnt eher mit Datenbanken gearbeitet werden. Die Daten zieht man sich dann z.b. via FetchAPI
Hallo, die Getter und Setter sind normaler Weise Funktionen. Worüber ich mich wundere, ist, dass sie nicht als Solche behandelt werden. Könnte jemand mir erklären warum?
get und set wendet man bei der datenkapselung an wie bei _Farbe da es kein privat variablen gibt nutzt man bei gekapselten Variablen wie _Farbe die get Methode um zu lesen return(wert zurückgeben udn bei set um diesen zu verändern. deine erklärung ist sehr seltsam
Hey Mario, Eine Frage weißt du zufällig wie man mehrere Objekte in eine Map reinspeichert? Also das mit mapname.set() ist verständlich aber was man dann genau in die Klammern reinschreiben muss, wenn man mehrere Objekte mit verschiedenen Werten hat weiß ich jetzt nicht so genau
Hallo Mario, habe noch kein guten Forum für JS gefunden. Ich habe die Klasse abgekürzt so erstellt: class Binärzahl{ constructor(ziffer,ziffernlänge,listesumme = []){ this.ziffer = ziffer; this.ziffernlänge = ziffernlänge; this.listesumme = listesumme; } } Wie könnte ich diese ohne Constructor, nur mit normalen variablen erstellen? Wenn ich den constructor weglasse und anfange mit let... dann wird mit ein Fehler angezeigt. Tut mir leid hoffe es wird nicht anstrengend mit mir xD
Hallo Mario, kannst du bitte mal ein kleines Projekt mit allen wesentlichen Aspekten der OOP demonstrieren, auch wie Objekte miteinander kommunizieren...also letztendlich wie wendet man OOP an?
Ja du kannst für jede Instanz also für das jeweilige Objekt neue Variablen zuweisen. Diese sind dann aber nur für das jeweilige Objekt verfügbar. Falls diese jedoch für alle Objekte gelten sollen müssten diese schon in der Klasse, von welcher abgeleitet wird, enthalten sein.
Die Klasse würde dann so aussehen als würde es keine constructor Funktion geben 🤷♂️ Dieser ist nur dafür da um Werte initial zu setzen bei der Erstellung eines Objektes.
@@ProgrammierenMario ah okey danke! :) War mir nicht sicher, ob ich einen leeren constructor einbauen sollte aber dann lass ich das für meine zwecke einfach weg. Brauche erstmal keine werte-initialisierung :)
Sry ich hab noch ne frage xD Wenn ich ne klasse mit constructor ausstatte, muss ich dann bei der Instanzierung eines objektes die werte sofort eintragen in den runden klammern? Kenne das so von c#. Oder kann man die werte einfach später zuweisen?
Kein Problem. Nö musst du nicht. Du kannst da auch erstmal Standardwerte setzen im constructor. Oder du kannst es auch so machen das du beim constructor bei den Parametern default Werte angibst, dann kannst du von Fall zu Fall entscheiden ob du beim initialisieren eines Objektes andere Werte setzt 😉
Witzig, ich hab gerade den ersten Teil einer OOP Serie in Python erstellt^^. Mal eine Frage an dich: Wie groß würdest du aktuell die Relevanz von OOP in JS einschätzen? Inzwischen sind ja sowohl Vue als auch React eher auf functional components umgestiegen, was ist denn deine Meinung dazu?
Nun, ob etwas Relevanz hat oder nicht kann nur jeder für sich selbst entscheiden. Es obliegt dem Programmierer welche Technologien, Tools oder Pattern er einsetzt. Für mich ist es ein riesiger Werkzeugkasten wo jeder nach belieben auswählen kann. Da gibt es kein Richtig oder Falsch, Besser oder Schlechter. Am Ende ist es nur essentiell das das Projekt funktioniert. Wie es unter der Haube umgesetzt ist spielt für den Anwender keine Rolle. Für mich persönlich ist es durchaus relevant einfach weil ich es gerne verwende, egal in welcher Programmiersprache ;)
Update 2024: Die sagHallo Funktion wird aus der erweiterten Klasse nurnoch dann überschrieben, wenn man sie mit einer Arrowfunction neu definiert! Ansonsten ist das Video klasse! MfG
Nein das machst du mit "new". Bei this kannst du innerhalb des Objektes auf die Eigenschaften und Methoden zeigen. this ist in diesem Fall das Objekt selbst. Mit this ist das aber so eine Sache. In JavaScript hängt es stark davon ab wo du es verwendest und in welchem Kontext. Könnte man ein eigenes Tutorial dafür machen :)
du bist fast der einzige der das richtig und verständlich erklärt, ich danke dir!!!
Freut mich! ✌🙂
Es braucht manchmal etwas Geduld dir zuzuhören, aber du führst Informationen zusammen die mir in anderen Tutorials immer fehlen. Wirklich gut!
Freut mich zu hören! Vielen Dank für dein Feedback :)
Hallo Mario, erst mal Danke für die gute Erklärung
jetzt hab ich es endlich kapiert innerhalb einer halben Stunde,
Ich komme aus der Java Ecke. Ich habe dort sehr viel Zeit verbracht aber eigentlich
immer nur die Hälfte verstanden. Jetzt ging es richtig schnell.
Nochmals vielen Dank.
Das freut mich 👍
Viel Spaß und Erfolg weiterhin 🙂
Danke dir für deine Erläuterungen, gut gemacht! Ja das vorletzte wäre dynamische Polymorphie, sehr interessant dass das jetzt alles geht, war damals in JS undenkbar, da wurde OOP durch eigene Konzepte aus normalen Funktionen creiert. Und statische Polymorpie (also überladen von Methoden) jetzt ausserhalb des constructors in JS ginge habe ich auch noch nicht getestet, werde ich die Tage mal machen, aber denke dann ja schon. Das ist auch einer der Gründe weshalb mir JS heute mehr zusagt als Java, und JS letztlich auch überall läuft. JS wird immer besser 🤩
Kurz und Knackig und sehr Informationsreich
Vielen Dank 👍
Danke dir sehr hilfreich
Sehr gerne!
So...und weil ich mal angemeldet bin, gleich hier noch weiterliken....Juhuu, ObjektOrientierung, da freu ich mich...es hat mir sehr geholfen, dass Du zum Schluß noch die Anwendung für modularen CodeAufbau erwähnt hast...vielleicht hast Du ja mal Lust und erklärst Deine Herangehensweise an Kapselung, egal ob innerhalb von Funktionen oder Objekten...Danke für alles, keep it simple && take it easy...
Das freut mich sehr! Vielen Dank für deine Idee. Ich notiere es mir gleich.
Top Video, einfach und smart erklärt - davon braucht es mehr. Danke für deine Arbeit!
Danke für das Lob! Freut mich sehr das ich dir helfen konnte :)
Ich habe nun schon einige deiner Videos gesehen und auch bei diesem muss ich mal wieder sagen - einfach unheimlich gut erklärt! Super entspannte Art und verständliche Beispiele. Weiter so und danke für die Mühe!
Das freut mich sehr. ✌️🙂
Schön erklärt! Danke!
Vielen Dank 😊
"... ist ziemlich einfach ... bzw. wir machen es uns heute ziemlich einfach!" --> eine sehr schöne Redewendung!
Ansonsten wie immer super gut erklärt, DANKE!
Man kann es sich ruhig mal einfach machen. Vielen Dank fürs reinschauen ;)
Freut mich sehr! Vielen Dank^^
Ein Video übers Domain erstellen und Hosten wäre echt genial!
Vielen Dank für dein Input ✌️🙂
Einfaches Hosting via Strato oder ähnlichen Anbietern ist sehr einfach und schnell umgesetzt. Domains umziehen, neu verbinden, MX Records usw sind schon etwas komplizierter. Was und wie möchtest Du denn hosten? Meistens haben die Anbieter dazu Anleitungen oder der Service hilft weiter.
Ich (Anfänger) habe jetzt mal eine Buchliste objektorientiert programmiert und hab auch ein add-Funktion, mit der ich Bücher hinzufügen kann. Aber: wenn ich den Browser aktualisiere, dann ist die neue Info wieder weg. Wie kann ich lernen, die Daten dauerhaft zu speichern?
Hi, so wie du es bisher machst werden die Daten nur temporär im Browser gespeichert. Wenn du diese dauerhaft speichern möchtest musst du diese entweder in eine Datei schreiben oder in eine Datenbank. Nur kann bzw. darf das der Browser nicht. Du brauchst hier eine Serverseitige Programmiersprache wie z.B. PHP oder NodeJS (JavaScript) wo du dann die Daten in eine Datei speichern kannst oder in eine Datenbank wie z.B. MySQL oder MongoDB. Für das ein oder andere habe ich auch schon Tutorials gemacht. Schau am besten mal rein ;)
@@ProgrammierenMario Mache ich. Danke für Deine Antwort.
@@ProgrammierenMario man kann die Daten auch "einfach" in den Local Storage speichern. Allerdings ist das mit vorsicht zu genießen. Es sollte wie schon erwähnt eher mit Datenbanken gearbeitet werden. Die Daten zieht man sich dann z.b. via FetchAPI
Hallo,
die Getter und Setter sind normaler Weise Funktionen. Worüber ich mich wundere, ist, dass sie nicht als Solche behandelt werden. Könnte jemand mir erklären warum?
get und set wendet man bei der datenkapselung an wie bei _Farbe da es kein privat variablen gibt nutzt man bei gekapselten Variablen wie _Farbe die get Methode um zu lesen return(wert zurückgeben udn bei set um diesen zu verändern. deine erklärung ist sehr seltsam
Hallo Mario,
hast du die source code von dem Kurs auch irgendwo. Ich wollte es selbst nachvollziehen.
Hey Mario,
Eine Frage weißt du zufällig wie man mehrere Objekte in eine Map reinspeichert? Also das mit mapname.set() ist verständlich aber was man dann genau in die Klammern reinschreiben muss, wenn man mehrere Objekte mit verschiedenen Werten hat weiß ich jetzt nicht so genau
Generell kannst du der set Methode alles übergeben was es so gibt. Auch ein Array in dem auch sehr viele Objekte enthalten sein können. 🙂
Ok, danke
Ist es nicht notwendig Attribute zu deklarieren wie bei Java?
Hallo Mario, habe noch kein guten Forum für JS gefunden.
Ich habe die Klasse abgekürzt so erstellt:
class Binärzahl{
constructor(ziffer,ziffernlänge,listesumme = []){
this.ziffer = ziffer;
this.ziffernlänge = ziffernlänge;
this.listesumme = listesumme;
}
}
Wie könnte ich diese ohne Constructor, nur mit normalen variablen erstellen?
Wenn ich den constructor weglasse und anfange mit let... dann wird mit ein Fehler angezeigt.
Tut mir leid hoffe es wird nicht anstrengend mit mir xD
Hallo Toriko, lass das let einfach weg. Nur den Variablennamen = wert direkt in die Klasse.
Danke jetzt klappt auch das erste Programmchen :)
Super! Freu mich 🙂
Hallo Mario, kannst du bitte mal ein kleines Projekt mit allen wesentlichen Aspekten der OOP demonstrieren, auch wie Objekte miteinander kommunizieren...also letztendlich wie wendet man OOP an?
Ich schreibe es mir gerne mal mit auf. :)
Hey Mario, kurze Frage nutzt du für dein Visual Studio Code ein bestimmtes Design, wenn ja welches?
Ich nutze ayu: marketplace.visualstudio.com/items?itemName=teabyii.ayu
Gute Erklärung. Gibt es da nicht auch "Instanzvariablen", wozu braucht man die? Bitte noch mehr Beispiele zu OOP. Danke.
Ja du kannst für jede Instanz also für das jeweilige Objekt neue Variablen zuweisen. Diese sind dann aber nur für das jeweilige Objekt verfügbar. Falls diese jedoch für alle Objekte gelten sollen müssten diese schon in der Klasse, von welcher abgeleitet wird, enthalten sein.
Hey Mario, supper tutorial! Danke.
Wie würde ein klasse ohne constructor aussehen?
Die Klasse würde dann so aussehen als würde es keine constructor Funktion geben 🤷♂️
Dieser ist nur dafür da um Werte initial zu setzen bei der Erstellung eines Objektes.
@@ProgrammierenMario ah okey danke! :) War mir nicht sicher, ob ich einen leeren constructor einbauen sollte aber dann lass ich das für meine zwecke einfach weg. Brauche erstmal keine werte-initialisierung :)
Genau...das ist kein Problem. ;)
Sry ich hab noch ne frage xD
Wenn ich ne klasse mit constructor ausstatte, muss ich dann bei der Instanzierung eines objektes die werte sofort eintragen in den runden klammern? Kenne das so von c#.
Oder kann man die werte einfach später zuweisen?
Kein Problem. Nö musst du nicht. Du kannst da auch erstmal Standardwerte setzen im constructor. Oder du kannst es auch so machen das du beim constructor bei den Parametern default Werte angibst, dann kannst du von Fall zu Fall entscheiden ob du beim initialisieren eines Objektes andere Werte setzt 😉
Ach supper danke ! 😊
Witzig, ich hab gerade den ersten Teil einer OOP Serie in Python erstellt^^. Mal eine Frage an dich: Wie groß würdest du aktuell die Relevanz von OOP in JS einschätzen? Inzwischen sind ja sowohl Vue als auch React eher auf functional components umgestiegen, was ist denn deine Meinung dazu?
Nun, ob etwas Relevanz hat oder nicht kann nur jeder für sich selbst entscheiden. Es obliegt dem Programmierer welche Technologien, Tools oder Pattern er einsetzt. Für mich ist es ein riesiger Werkzeugkasten wo jeder nach belieben auswählen kann. Da gibt es kein Richtig oder Falsch, Besser oder Schlechter. Am Ende ist es nur essentiell das das Projekt funktioniert. Wie es unter der Haube umgesetzt ist spielt für den Anwender keine Rolle. Für mich persönlich ist es durchaus relevant einfach weil ich es gerne verwende, egal in welcher Programmiersprache ;)
@@ProgrammierenMario Du bist ja der geborene Diplomat ;-)
Update 2024: Die sagHallo Funktion wird aus der erweiterten Klasse nurnoch dann überschrieben, wenn man sie mit einer Arrowfunction neu definiert! Ansonsten ist das Video klasse! MfG
Leider hat Mario auch nicht gezeigt, wie man trotzdem auf die statische Funktion zugreifen könnte.
Uff. Also this. bewirkt, das man überhaupt verschiedene Objekte aus der Klasse ableiten/erstellen kann. Richtig oder nicht?
Nein das machst du mit "new". Bei this kannst du innerhalb des Objektes auf die Eigenschaften und Methoden zeigen. this ist in diesem Fall das Objekt selbst. Mit this ist das aber so eine Sache. In JavaScript hängt es stark davon ab wo du es verwendest und in welchem Kontext. Könnte man ein eigenes Tutorial dafür machen :)