Ich kann mittlerweile einfach nur danke sagen! Jedes Mal aufs Neue so viel Inhalt in einem Video. Leider hab ich diesen Kanal erst sehr spät entdeckt, aber lieber später als nie.
Ich kann mich den meisten Kommentaren nur anschließen. Ihr seid der Hammer!!! Danke für die regelmäßig großartigen Videos! Ihr gehört mittlerweile zu meinem täglichen Pflichtprogramm.
Das war die beste Javascript Zusammenfassung, die ich bis jetzt gesehen habe. Wird weiterempfohlen. Vielen Dank dafür. Was ich für mich mitgenommen habe: Bei „new“, das versteckte mitgeben von „{}“ als „this“ und das anhängen von Variablen und Funktionen daran, den Unterschied von „call“ „commas“ und „apply“ „array“ und die unterschiedlichen Varianten von „this“.
Wieder ein tolles Video! Danke! 😊 Mir wird damit einiges klarer! 😊 Ich mag den funktionalen Ansatz insgesamt auch besser und finde mich gerne damit ab, dass es eben keine C-Sprache ist. Das mag ich sogar irgendwie daran.
Bin langjähriger javascript Entwickler und muss zugeben, ich erfahre in jedem Deiner Videos einiges Neues. Gerade die OO Thematik war immer so eine unklare Geschichte. Wie ist es denn nun richtig? Warum per keyword class, warum nicht? ... und so wuchs der Code historisch mehr oder weniger gut. Hintergrundinformationen und teilweise nur beiläufig erwähnte Sachverhalte bringen mich in Deinen Videos oft auf neue Spuren. Dann schaut man eben doch mal in die node.js, typescript usw. Ecke, auch wenn das gerade nicht aktuelles Entwicklungsthema ist. Fragezeichen die beim Schauen der Videos entstehen, werden dann auch kurz darauf geklärt. Dieser Punkt ist bei anderen Kanälen teilweise unbefriedigend.
Vielen Dank für Dein sehr spannendes und informatives Video. 😊 In diesem Video konnte ich doch einiges auffrischen und dazu lernen. Jetzt finde ich auch das JaveScript "this" etwas weniger gruselig. 😁
Ich habe erst vor kurzem angefangen, mich mit dem Thema Webentwicklung zu beschäftigen und bin dadurch zufällig auf deinen Kanal gestoßen. Ich wollte mich einfach mal bei dir bedanken für den ganzen Content, den du uns zur Verfügung stellst. Vor allem macht es mega Spaß dir dabei zuzuhören und ich habe in so kurzer Zeit so viel von dir gelernt! Einfach mega, Danke!!
Tolle Informationen. Das ist ja schon ein Kompendium. Auch die Randinfos wie cdr cda und NullType Bug in JavaScript sowie Prototype sind interessant. Das erste mal, dass ich den „Thanks$“ Button gedrückt habe. Vielen vielen Dank.
Vielen Dank für das Video, gerade bei den Eigenheiten von `this` war ich mir doch nicht so sicher. Mit dem OOP Ansatz und den Prototypen von JavaScript und Lua komme ich aber tatsächlich besser klar als mit dem "klassischen" Ansatz von C++,C#,Java. Generell liegen mir die Ansätze abseits des klassischen OOP mehr, gute Beispiele dafür sind auch C und Go. Es lohnt sich auf jeden Fall OOP in diesen beiden Sprachen anzusehen.
Ich würde wirklich gern mal ein ausführliches Video zum Konzept und zur praktischen Anwendung von OLOO (Objects linked to other objects) als Alternative zur Vererbung sehen.
Golos Erwartung bei 1:39:20 wurde in node 18 verändert und verhält sich jetzt ECMA Script modules konform: Das globalThis wird nicht mehr automatisch als Kontext gesetzt.
Mit anderen Worten, die Class Syntax ist nichts anderes als syntaktischer Zucker. Und nein ich finde den OOP Ansatz von JavaScript nicht umständlich oder gar kompliziert. Im Gegenteil. Vor 30 Jahren war ich Systemadministrator auf Unix basierten Systemen wie ULTRIX MINIX SINIX und andere. Dort habe ich neben verschiedenen Shell selbstverständlich auch PERL benutzt. Und wer dessen OOP Ansatz mit bless und Co kennt, wird sich über die Einfachheit des OOP Ansatzes in JavaScript freuen. Aber wie immer ist es eine Frage der persönlichen Präferenz und der eigenen Historie, ob man ein sprach Konstrukt mag oder eben nicht.
Kann mich ebenfalls nur anschließen. Mega Video! Aber am Ende kann ich nur sagen: "JavaScript, the sky is the limit"! Das ist doch ekelhaft, irgendwo hörts auf. ^^
Sehr gut erklärt, tolles Video! Zu den Ergänzungen "this": Würde der Aufruf mit bind auch nicht funktionieren? setTimeout(function (){ log (this.car()); }, 1_000).bind(this);
Hi Mehmet, Du hast vollkommen Recht! Also damit, dass es mit bind auch geht.. ..nicht damit, dass der Kanalbetreiber gut erklärte Videos produziert. (viele Füllwörter, Phrasen, für Anfänger völlig unbrauchbare, verwirrende Bsp, usw) Ein einfaches Bsp wie: class A { constructor(name){ this.name = name } sayName(){ setTimeout(function(){ console.log('My name is:', this.name) }.bind(this), 1000) } } ..hätte vollkommen ausgereicht. Das Ganze kann man auf 10min eingedampfen und komplett in der Browserkonsole machen. Für eine Einführung in Javascript OOP - und das sage ich mit über 10jähriger Erfahrung mit dieser Sprache - ist das hier eine echt lausige Arbeit eines Menschen, der sich offenbar gerne reden hört und anderen ihre Zeit stiehlt. Sry so sehe ich es nun mal! Für Anfänger in JS würde ich immer noch auf "Coding Train" verweisen oder - wenn jem eine deutschsprachige Empfehlung will: "Thytos" Letzterer macht auch gleich noch ein kleines CRUD-System mit minimalistischem Datenbankdesign in der Konsole.
Sehr sehr gut erklärt. Jetzt ist es wieder etwas einfacher Mitarbeiter zu finden, die JS können. :P Wenn du jetzt nicht nur ein Deepdive machen möchtest, sondern vielleicht mal bis zum Challenger Deep tauchen möchtest, dann solltest du noch den Unterschied zwischen Object.getPrototypeof(MyObject), MyObject.prototype und MyObject.__proto__ erklären. Dann haste JS in Gänze erklärt. =) Damit habe ich mich nämlich in meinem Projekt rumschlagen müssen und ich sag dir... Wenn du das, was du im Video schon erklärt hast schräg findest, dann beschäftige dich mal damit... Das "Schiefe Haus" im Phantasialand - Gott habe es selig - ist dagegen schon fast wieder lotrecht. Schade fand ich nur, dass zumindest bei mir Bild und Ton etwas versetzt waren. Ansonsten selbstverständlich mal wieder ein sehr gelungenes Video.
@@sirfakealot5041 In meinem Fall brauche ich das, weil ich mit einem Decorator meine models initialisiere. Dieser Decorator gibt eine neue Klasse zurück, die von der dekorierten Klasse ableitet. Wenn ich jetzt wiederum von der dekorierten Klasse ableite, leite ich in Wirklichkeit von der vom Decorator zurückgegebenen Klasse ab. Diese will ich dann aber nicht mehr haben, weil sonst einige Dinge X mal ausgeführt werden. Also wandere ich die Vererbungskette so lange hoch, bis ich eine Klasse habe, deren Prototyp diese im Dekorator definierte Klasse ist und setze dann den Prototyp auf den prototyp der Decorator-Klasse, sodass die Decorator-Klasse wieder nur ein mal in der Kette vorhanden ist. Den Decorator brauche ich, weil ich da etwas drinne mache, was man sonst nach jeder Initialisierung händisch machen müsste, oder man muss die Models immer über eine Factory erzeugen. Das ist allerdings extrem ungewohnt, weshalb ich die "Factory" damit in das Model selbst integriere. Würde dir gerne zeigen, wie genau, aber sobald ich versuche hier ansatzweise was rein zu schreiben, dass wie ein Link aussieht, entfernt YT das.
Die Erklärung und das Video ist spitze. Danke dafür. Ich bin ein ziemlicher verfechter von C++ und kann deshalb nur festhalten (aus informationstechnischer Sicht): JS ist ziemlicher Schrott :)
Man sind hier fortgeschrittene Programmierer also ich komme schwer mit auch wenn er sich Mühe gibt er bringt mich schon zum teils durcheinander . Also die ersten 20 Minuten waren Müll 🗑 erkläre doch vernünftig was wie abläuft ständig die englischen Begriffe Dollar Zeichen obwohl es jquerry ist , dann diese komischen variablen die seit 1950 besteht CAR Und CDR … args ! Also ich komme schwer .
Danke! Habe viel Neues gelernt! Unglaublich tolles Video!
[gr] Vielen, vielen Dank - das freut uns sehr 🥰
Ich kann mittlerweile einfach nur danke sagen! Jedes Mal aufs Neue so viel Inhalt in einem Video. Leider hab ich diesen Kanal erst sehr spät entdeckt, aber lieber später als nie.
[gr] Vielen lieben Dank 😊
Ich kann mich den meisten Kommentaren nur anschließen. Ihr seid der Hammer!!! Danke für die regelmäßig großartigen Videos! Ihr gehört mittlerweile zu meinem täglichen Pflichtprogramm.
[gr] Vielen, vielen Dank 😊
Ich freue mich schon auf einen so qualitativ hochwertigen Content rund um Go!
[gr] Danke schön 😊
Ich liebe diese Reihe ❤️ TDD Docker Kubernetes …
[gr] Das freut mich, vielen Dank 😊
Super Video zu JavaScript und OOP. Vor allen die Fallstricke zum Thema this sind super erklärt.Vielen Dank.
[gr] Das freut mich, vielen Dank 😊
1:32:04 Um Variablen in VSCode umzubenennen, kann man einfach F2 drücken.
Erst jetzt wird mir einiges dank deiner Hilfe klar. Tolles Video zum Thema js OOP. Herlichen Dank!
Das war die beste Javascript Zusammenfassung, die ich bis jetzt gesehen habe. Wird weiterempfohlen. Vielen Dank dafür. Was ich für mich mitgenommen habe: Bei „new“, das versteckte mitgeben von „{}“ als „this“ und das anhängen von Variablen und Funktionen daran, den Unterschied von „call“ „commas“ und „apply“ „array“ und die unterschiedlichen Varianten von „this“.
Wieder ein tolles Video! Danke! 😊
Mir wird damit einiges klarer! 😊
Ich mag den funktionalen Ansatz insgesamt auch besser und finde mich gerne damit ab, dass es eben keine C-Sprache ist. Das mag ich sogar irgendwie daran.
Meine Mutter sagte immer, man solle nicht fluchen...
Ich mache es hier trotzdem: VERDAMMT gute Vermittlungskompetenz bei gutem Unterhaltungscharakter!
[gr] Vielen, vielen Dank 😊
Bin langjähriger javascript Entwickler und muss zugeben, ich erfahre in jedem Deiner Videos einiges Neues. Gerade die OO Thematik war immer so eine unklare Geschichte. Wie ist es denn nun richtig? Warum per keyword class, warum nicht? ... und so wuchs der Code historisch mehr oder weniger gut.
Hintergrundinformationen und teilweise nur beiläufig erwähnte Sachverhalte bringen mich in Deinen Videos oft auf neue Spuren. Dann schaut man eben doch mal in die node.js, typescript usw. Ecke, auch wenn das gerade nicht aktuelles Entwicklungsthema ist.
Fragezeichen die beim Schauen der Videos entstehen, werden dann auch kurz darauf geklärt. Dieser Punkt ist bei anderen Kanälen teilweise unbefriedigend.
Vielen lieben Dank für dieses informative Video!
[gr] Vielen lieben Dank 😊
Ich liebe diesen Channel
[gr] Vielen, vielen Dank 😊
Vielen Dank für Dein sehr spannendes und informatives Video. 😊
In diesem Video konnte ich doch einiges auffrischen und dazu lernen.
Jetzt finde ich auch das JaveScript "this" etwas weniger gruselig. 😁
Ich habe erst vor kurzem angefangen, mich mit dem Thema Webentwicklung zu beschäftigen und bin dadurch zufällig auf deinen Kanal gestoßen. Ich wollte mich einfach mal bei dir bedanken für den ganzen Content, den du uns zur Verfügung stellst. Vor allem macht es mega Spaß dir dabei zuzuhören und ich habe in so kurzer Zeit so viel von dir gelernt! Einfach mega, Danke!!
[gr] Vielen, vielen Dank 😊
Tolle Informationen. Das ist ja schon ein Kompendium. Auch die Randinfos wie cdr cda und NullType Bug in JavaScript sowie Prototype sind interessant. Das erste mal, dass ich den „Thanks$“ Button gedrückt habe. Vielen vielen Dank.
[gr] Vielen Dank für Dein tolles Feedback, und natürlich auch für Deine Unterstützung 😊
Vielen Dank für das Video, gerade bei den Eigenheiten von `this` war ich mir doch nicht so sicher. Mit dem OOP Ansatz und den Prototypen von JavaScript und Lua komme ich aber tatsächlich besser klar als mit dem "klassischen" Ansatz von C++,C#,Java. Generell liegen mir die Ansätze abseits des klassischen OOP mehr, gute Beispiele dafür sind auch C und Go. Es lohnt sich auf jeden Fall OOP in diesen beiden Sprachen anzusehen.
Neu war für mich, dass man mit dem new Operator ein beliebiges Objekt zurück geben kann.👍
Danke!
[gr] Vielen herzlichen Dank 😊
Ich würde wirklich gern mal ein ausführliches Video zum Konzept und zur praktischen Anwendung von OLOO (Objects linked to other objects) als Alternative zur Vererbung sehen.
Richtige geile Videos und Erklärungen :D danke vielmals. Wie hast du bei 1:40:30 die ganzen private hashtags # markiert und gelöscht?
setTimeout() und setInterval() kann man auch Parameter übergeben:
setTimeout(function(bla) {
console.log(bla.car());
, 1_000, this);
Golos Erwartung bei 1:39:20 wurde in node 18 verändert und verhält sich jetzt ECMA Script modules konform:
Das globalThis wird nicht mehr automatisch als Kontext gesetzt.
Somit ist "use strict"; in der ersten Zeile wieder ein noop.
[gr] Ah okay, das ist mir in den Release-Notes entgangen, danke für die Aufklärung 😊
[gr] Nicht ganz - "use strict" macht ja schon noch mehr als nur das Verhalten von this zu beeinflussen … sinnvoll ist es in jedem Fall.
Mit anderen Worten, die Class Syntax ist nichts anderes als syntaktischer Zucker.
Und nein ich finde den OOP Ansatz von JavaScript nicht umständlich oder gar kompliziert. Im Gegenteil. Vor 30 Jahren war ich Systemadministrator auf Unix basierten Systemen wie ULTRIX MINIX SINIX und andere. Dort habe ich neben verschiedenen Shell selbstverständlich auch PERL benutzt. Und wer dessen OOP Ansatz mit bless und Co kennt, wird sich über die Einfachheit des OOP Ansatzes in JavaScript freuen.
Aber wie immer ist es eine Frage der persönlichen Präferenz und der eigenen Historie, ob man ein sprach Konstrukt mag oder eben nicht.
[gr] Ja, syntaktischer Zucker, das trifft's 😊
Unser Informatikprof hat zu cdr immer "kudder" gesagt :)
Kann mich ebenfalls nur anschließen. Mega Video! Aber am Ende kann ich nur sagen: "JavaScript, the sky is the limit"! Das ist doch ekelhaft, irgendwo hörts auf. ^^
[gr] Danke für Dein Feedback 😊
Sehr gut erklärt, tolles Video!
Zu den Ergänzungen "this":
Würde der Aufruf mit bind auch nicht funktionieren?
setTimeout(function (){
log (this.car());
}, 1_000).bind(this);
[gr] Was kommt denn dabei heraus, wenn Du es ausprobierst 😉?
Hi Mehmet,
Du hast vollkommen Recht! Also damit, dass es mit bind auch geht..
..nicht damit, dass der Kanalbetreiber gut erklärte Videos produziert. (viele Füllwörter, Phrasen, für Anfänger völlig unbrauchbare, verwirrende Bsp, usw)
Ein einfaches Bsp wie:
class A {
constructor(name){
this.name = name
}
sayName(){
setTimeout(function(){
console.log('My name is:', this.name)
}.bind(this), 1000)
}
}
..hätte vollkommen ausgereicht. Das Ganze kann man auf 10min eingedampfen und komplett in der Browserkonsole machen. Für eine Einführung in Javascript OOP - und das sage ich mit über 10jähriger Erfahrung mit dieser Sprache - ist das hier eine echt lausige Arbeit eines Menschen, der sich offenbar gerne reden hört und anderen ihre Zeit stiehlt. Sry so sehe ich es nun mal!
Für Anfänger in JS würde ich immer noch auf "Coding Train" verweisen oder - wenn jem eine deutschsprachige Empfehlung will: "Thytos"
Letzterer macht auch gleich noch ein kleines CRUD-System mit minimalistischem Datenbankdesign in der Konsole.
Sehr sehr gut erklärt. Jetzt ist es wieder etwas einfacher Mitarbeiter zu finden, die JS können. :P
Wenn du jetzt nicht nur ein Deepdive machen möchtest, sondern vielleicht mal bis zum Challenger Deep tauchen möchtest, dann solltest du noch den Unterschied zwischen Object.getPrototypeof(MyObject), MyObject.prototype und MyObject.__proto__ erklären. Dann haste JS in Gänze erklärt. =)
Damit habe ich mich nämlich in meinem Projekt rumschlagen müssen und ich sag dir... Wenn du das, was du im Video schon erklärt hast schräg findest, dann beschäftige dich mal damit... Das "Schiefe Haus" im Phantasialand - Gott habe es selig - ist dagegen schon fast wieder lotrecht. Schade fand ich nur, dass zumindest bei mir Bild und Ton etwas versetzt waren. Ansonsten selbstverständlich mal wieder ein sehr gelungenes Video.
@@sirfakealot5041 Keine Ahnung, wo meine Antwort hin ist, aber das braucht man um Vererbungsketten on-the-fly zu manipulieren.
@@sirfakealot5041 In meinem Fall brauche ich das, weil ich mit einem Decorator meine models initialisiere. Dieser Decorator gibt eine neue Klasse zurück, die von der dekorierten Klasse ableitet. Wenn ich jetzt wiederum von der dekorierten Klasse ableite, leite ich in Wirklichkeit von der vom Decorator zurückgegebenen Klasse ab. Diese will ich dann aber nicht mehr haben, weil sonst einige Dinge X mal ausgeführt werden. Also wandere ich die Vererbungskette so lange hoch, bis ich eine Klasse habe, deren Prototyp diese im Dekorator definierte Klasse ist und setze dann den Prototyp auf den prototyp der Decorator-Klasse, sodass die Decorator-Klasse wieder nur ein mal in der Kette vorhanden ist. Den Decorator brauche ich, weil ich da etwas drinne mache, was man sonst nach jeder Initialisierung händisch machen müsste, oder man muss die Models immer über eine Factory erzeugen. Das ist allerdings extrem ungewohnt, weshalb ich die "Factory" damit in das Model selbst integriere. Würde dir gerne zeigen, wie genau, aber sobald ich versuche hier ansatzweise was rein zu schreiben, dass wie ein Link aussieht, entfernt YT das.
Die Erklärung und das Video ist spitze. Danke dafür.
Ich bin ein ziemlicher verfechter von C++ und kann deshalb nur festhalten (aus informationstechnischer Sicht): JS ist ziemlicher Schrott :)
[gr] Danke für Deinen Kommentar 😊
Man sind hier fortgeschrittene Programmierer also ich komme schwer mit auch wenn er sich Mühe gibt er bringt mich schon zum teils durcheinander . Also die ersten 20 Minuten waren Müll 🗑 erkläre doch vernünftig was wie abläuft ständig die englischen Begriffe Dollar Zeichen obwohl es jquerry ist , dann diese komischen variablen die seit 1950 besteht CAR Und CDR … args ! Also ich komme schwer .
Danke!
[gr] Vielen, vielen Dank 😊
Danke!
Vielen, vielen Dank ❤️
@@thenativeweb Großartiges Video