JavaScript lernen: Eine Einführung in 100 Minuten // deutsch
HTML-код
- Опубликовано: 7 июл 2024
- JavaScript ist die wichtigste Programmiersprache für das Web und die Cloud, doch zugleich auch eine der am häufigsten missverstandenen Sprachen. Auf den ersten Blick sieht JavaScript wie eine weiteres Mitglied der Familie der C-Sprachen aus, doch tatsächlich ähnelt JavaScript viel eher Lisp. In diesem Video erklärt Golo Roden, Gründer und CTO der the native web GmbH, wie JavaScript funktioniert und worauf es beim Ein- und Umstieg besonders zu achten gilt.
0:00:00 - Einführung
0:01:17 - JavaScript ist nicht C-basiert
0:05:23 - Das Typsystem
0:18:32 - Werte- und Referenztypen
0:24:48 - Variablen
0:29:09 - Falsy Values
0:36:10 - Funktionen
0:52:02 - Objekte
1:01:58 - Funktionale Programmierung
1:07:44 - Funktionen höherer Ordnung
1:17:08 - Asynchrone Programmierung
1:27:17 - Objektorientierte Programmierung
1:38:06 - Was noch fehlt
1:42:21 - Ausblick
────────────────────
Über the native web 🦄
Wir sind ein Beratungs-, Schulungs- und Entwicklungsunternehmen, das sich auf Web- und Cloud-Technologien spezialisiert hat. Wir streben nach intelligenten und eleganten Lösungen für komplexe Probleme, und wir glauben, dass Softwareentwicklung kein Selbstzweck ist. Stattdessen sollte Software tatsächliche Probleme der realen Welt lösen.
Wir glauben, dass native Web- und Cloud-Technologien das Fundament sind, auf dem die Zukunft aufbaut. Unsere Kernkompetenz ist der Entwurf und die Entwicklung verteilter Web- und Cloud-Anwendungen unter Verwendung dieser Technologien in interdisziplinären Teams. Wir entwickeln auch unser eigenes Open-Source-Framework namens wolkenkit. Und wir lieben es, unser Wissen in Schulungen und Workshops, auf Konferenzen und bei Usergroups zu teilen.
⬥ Kanal abonnieren: / @thenativeweb
────────────────────
Weiterführende Links 🌍
⬥ Webseite: www.thenativeweb.io/
⬥ Twitter: / thenativeweb , / goloroden
⬥ Discord: / discord
⬥ GitHub: github.com/thenativeweb
⬥ wolkenkit: www.thenativeweb.io/wolkenkit...
⬥ Impressum: www.thenativeweb.io/company/l... 
Наука
Das ist nicht nur geil, das ist sogar golo! Vielen Dank für alles! Menschen die ihr Wissen freizügig teilen sind ein Schatz für die Gesellschaft.
[gr] Vielen, vielen Dank 😊
Das Video ist einfach perfekt für Leute die schon andere Programmiersprachen beherschen. Bei den meisten anderen Einführungsvideos muss man sich nämlich zum 150. mal anhören wie eine Schleife funktioniert, usw. 😀
Danke 👍👍👍
[gr] Vielen, vielen Dank 😊
Ich würde mich über ein "Heap and Stack"-Video freuen. Das ist alles so lange her und beim alltäglichen Arbeiten ist das ja nie ein Thema.
Und danke für das Video. Das lüftet einige Rätzel!
[gr] Vielen Dank 😊
Und das mit "Heap und Stack" ist dann geplant … 😊
Da schließe ich mich an. Hab ich mal was von gehört, aber Details sind Herzlich Willkommen.
@@thenativeweb Bitte unbedingt auch ein Deep Dive in die Garbage Collection machen. Gibt es mehr als einen (so wie ich das aus Java gewöhnt bin) ? Was kann man machen um GC-friendly zu programmieren?
[gr] Sehr gerne 😊
Wow, du bist für mich einfach der perfekte Lehrer, du gehst so genau auf die Einzelheiten ein, das macht richtig Spaß! Danke, schade, dass ich dich erst jetzt entdeckt habe, bitte mehr davon :)
[gr] Vielen, vielen Dank 😊
Hi Golo,
grundsätzlich kenne ich Themen die du am Ende angesprochen hast, aber du brings so viele interessante Details dazu, dass man sich den Stoff gerne nochmal anschauen kann. Weiter so!
[gr] Danke schön 😊
Ich bin froh diesen Kanal entdeckt zu haben. Golo hat eine didaktische Ader, definitiv.
[gr] Vielen lieben Dank 😊
Ich finde es super das du auf jedes Detail eingehst, auch geschichtlich. Sehr gut gemacht, danke dafür
[gr] Vielen lieben Dank 😊
Dein JS-Kurs ist genau nach meinem Geschmack; als erfahrener Programmierer (in anderen Sprachen, u.a. C) liebe ich ordentliche Theorie und fundierte Grundlagen. Viele andere RUclips sind dazu nicht in der Lage! Kurs = superb! Vielen Dank! Fred
[gr] Danke schön, das freut mich sehr 😊
Vielen Dank für das super Video 😊! Ich konnte viel lernen. Du hattest ja im Video gefragt, ob wir uns über eine Video zum Heap und Stack freuen würden. Ja auf jeden Fall. Das ist ein Themengebiet, mit dem ich mich noch kaum in der Tiefe beschäftigt habe.
[gr] Danke für das Lob 😊
Und das mit dem "Heap und Stack"-Video planen wir dann bald ein 😊
Das erste Video das ich sehe, man bist du kompetent und scheinbar hast du auch Ahnung von Didaktik.
[gr] Danke schön 😊
noch einmal danke für die tolle Leistung, nicht einfach 2 Stunden lang über ein Thema zu sprechen. Würde mich auch über ein weiteres Video über die Themen Promise, await, asych mit Exception Handling etc. freuen.
[gr] Danke schön 😊
Die Themenwünsche nehmen wir alle auf unsere Liste mit 😊
Ein didaktisch und methodisch mich sehr beeindruckendes und fachlich seeeehr überzeugendes und nützliches Video - danke !!!
Vielen Dank Golo, solch ein Video hätte ich schon vor Jahren gebraucht :-)
[gr] Vielen Dank, das freut mich, dass das Video hilfreich war 😊
Sehr informatives Video zu Javascript. Vor allem für einen Quereinsteiger aus C#. Obwohl ich mich nun auch schon längere Zeit mit Javascript beschäftigt habe, waren mir doch einige Besonderheiten noch nicht ganz klar. Danke für die Aufklärung!
[gr] Das freut mich sehr, vielen Dank 😊
Sooooooo gut erklärt. Bin kein Entwickler, sondern ein Designer der einigermaßen coden kann. Hätte mir das mal vor Jahren einer so erklärt, wäre ich heute ganz woanders.
[gr] Vielen, vielen Dank 😊
Danke danke danke! Perfektes Video für jemanden der grundsätzlich Programmieren kann, aber gerne mal eine andere Sprache lernen will :D Man hört dir gerne zu & deine Erklärungen sind eingängig..
Das mit dem Heap/Stack war sehr cool, gerne mehr! :)
Genau wie das Typescript Deep Dive ein super Video, auch zur Auffrischung super geeignet. Viele Dank Golo.
[gr] Vielen, vielen Dank 😊
Super tutorial. Endlich eine Erklärung die unter die Haube geht. Danke!
Mit weitem, weitem Abstand (im Vergleich mit Udemy und LinkedIn Learning) das Beste, was ich zu den angerissenen Themen gesehen habe.
Golo, wir feiern Dich!
[gr] Vielen, vielen Dank 😊
MEGA! Das war das beste JavaScript-Tutorial überhaupt. Ich habe so viel gelernt und endlich verstanden und ich habe schon viele Tutorials geschaut. Danke! Ich werde mir jetzt direkt die nächsten Tutorials von Dir anschauen.
[gr] Vielen, vielen Dank - und Dir weiterhin viel Spaß und Erfolg 😊
Sehr gute Einführungsvideo. Gerne mehr davon. Top Leistung. Du erklärst nur das, was nötig ist!
Vielen, vielen Dank 😊
Vielen Dank für dieses super tolle Video. Für mich als erfahrenen C/C++ und Java Programmierer ist das genau die richtige Einführung in die Welt von JavaScript. Überhaupt sind alle deine Videos, die ich bis jetzt angeschaut habe, einfach super und immer sehr gut und kompakt erklärt. Mach weiter so!
[gr] Vielen, vielen Dank 😊
Sehr gerne auch ein Video über Stack & Heap! Vielen Dank für deine Arbeit!
[gr] Vielen, vielen Dank 😊
Und „Stack & Heap“ ist notiert 😊
Ich möchte mich hier anschließen. Über ein Video zu Stack, Heap, Speicherverwaltung würde ich mich freuen
Tolles Video, habe Deinen Kanal erst kürzlich entdeckt und muss dringend mehr anschauen.
[gr] Das Video gibt es inzwischen sogar schon 🎉
ruclips.net/video/DtDcOryTGbI/видео.html
Das ist ein tolles Video.
Ich bleibe dabei, Du bist ein toller Trainer, wirklich gut.
Aber ich glaube, js ist immer noch oder sogar noch mehr, gruselig.
Danke Dir Golo
[gr] Vielen lieben Dank 😊
Hi Golo, wieder mal ein tolles Video, gerade nach dem TypeScript deep dive - Würde mich ebenfalls über einen Beitrag über asynchrone Programmierung aus deinem Hause freuen. Du übermittelst eine gesunde und sehr informative Detailtiefe in deinen Videos. Vielen Dank für deine großartige Arbeit.
[gr] Vielen, vielen Dank - das freut mich sehr 😊
Und das zu asynchroner Programmierung steht weit oben auf der Liste für 2022! Stay tuned… 😉
Puh, so langsam wie es am Anfang los ging, so schnell steigt die Komplexität ab 70% des Videos an. Wunderbar, vielen Dank!
Was ich in JS vermisse ist, dass man beim Funktionsaufruf auch noch die Funktionsparameter nennen kann a la: process(array=primes, fn = function(){})
[gr] Gerne 😊
Und was benannte Funktionsparameter angeht: genau aus dem Grund verwende ich ein Objekt als Parameter, statt die Parameter direkt anzugeben. Damit hast du mit nur zwei Zeichen mehr im Grunde genommen den gewünschten Effekt.
WOW - ich bin zufällig auf Deinem Kanal gelandet - und ich bin begeistert!
Ich hab noch nie so einen tollen Trainer gehabt!
Herzlichen Dank!
[gr] Vielen, vielen Dank 😊
Wow, du machst das super strukturiert. Hab da schon einige Zusammenfassungen zu gesehen, aber keine so gut wie deine.
[gr] Vielen, vielen Dank 😊
Das war einfach spitze!! Die besten essenzial die ich bis her gesehen habe genau mein Niveau
Vielen vielen Dank dafür. Ich hoffe auf eine Fortsetzung. Wobei der Asynchrone, funktionale und der Objektorientierte Ansatz das größte Interesse weckt.
Macht weiter so ihr seit Spitze.
[gr] Vielen, vielen Dank für Dein super Feedback 😊
Die übrigen Themen stehen allesamt auf unserer Agenda, ich kann Dir nur noch nicht versprechen, wann genau das sein wird …
Ich verstehe nicht, warum nicht einfach jeder der das Video aufgerufen hat auf Gefällt mir gedrückt hat, denn das ist ein hammermäßig guter Überblick von einem sehr erfahrenen sympathischen Typ. Mega & Weiter so 👌🏼 Dasselbe bitte zur asynchronen Programmierung 🙏🏼
[gr] Vielen, vielen Dank 😊
@@thenativeweb Würdet ihr ein Video machen zum Thema asynchrone Programmierung? Ich habe nämlich nichts gefunden um das sture Denken der synchronen (objektorientierten) Programmierung loszuwerden :) Würde mich sehr sehr freuen! Eine Hauptfrage ist z. B. warum soll denn der Code weiterlaufen, wenn ich das Ergebnis eines Aufrufs noch nicht habe? Nur ein Thread in JS, schon klar, aber was bringt es mir weiterzumachen, wenn ich das Ergebnis ein paar Zeilen später benötige? 🤔
Ich wünschte du wärst mein Dozent 😅 So gut erklärt! Ein kurzes Infovideo zu Stack, Heap und evtl. garbage collection wäre mega!!
[gr] Hey, vielen lieben Dank 😊
Was Heap und Stack angeht, gibt's sogar schon ein Video: ruclips.net/video/DtDcOryTGbI/видео.html
Und Garbage-Collection steht noch auf unserer Liste, das kommt noch 😊
Wieder einen herzlichen Dank an [gr] für dieses informative und durchorganisierte Video. Man merkt einfach den lückenlosen Background. Bitte ein weiteres Video dazu, vielleicht mit weiter fortgeschritteneren Themen.
[gr] Vielen lieben Dank 😊
Die fortgeschritteneren Themen kommen noch …
Auch ein Jahr später sehr informativ.
Genial gute Einführung mit tollen Erklärungen, die man sonst nirgends so einfach (am Stück) findet! Ich wünschte, ich hätte Deine Videos schon früher gekannt, aber besser spät als nie. 😀
Vielen Dank für dein Video.
Ich habe bisher viel mit TypeScript gearbeitet, hatte aber nie ein richtig festes Fundament, auf das ich aufgebaut habe.
Ich freue mich schon auf das 100 Minuten TypeScript Video. :)
[gr] Vielen Dank - und für alle, die den Link zum TypeScript-Video suchen: ruclips.net/video/_CaGUZNEobk/видео.html
Top Einführung! Hatte soooo viele "aha Momente"...
So viel background wie in kaum einem anderen tutorial. Gerne mehr
[gr] Vielen, vielen Dank - gibt's Themen, die Dich besonders interessieren würden?
Vielen Dank wieder auch für dieses liebevoll gestaltete Video!
[gr] Vielen Dank 😊
Tolles Video. Ich freue mich auf die Fortsetzung!
[gr] Danke schön - und die Fortsetzung kommt noch … bloß noch ein bisschen Geduld 😉
Vielen Dank für dieses super erklärte und verständliche Video....top!
[gr] Danke schön 😊
Perfekter Scope. Lieben Dank dafür
[gr] Gerne 😊
Danke für die tollen Erklärungen.
Historische Seiteninformationen, "wie ein Bug der seit 26 Jahren nicht gefixt ist" sind immer Wertvoll.
Sie helfen die In-and-Outs der Sprache zu verstehen.
Ein extra Video zu Async ? Sehr gerne :D
[gr] Vielen Dank 😊
Und das Video zu asynchroner Programmierung kommt noch, versprochen.
Hey :)
ich komme aus der SAP-Welt und kann entsprechend (leider) nur ABAP.
Für das erste Kennenlernen mit JavaScript ist das Video super! Ich hab mich von dir perfekt abgeholt gefühlt.
Tausend Dank! Bitte mehr davon!
[gr] Vielen Dank, das freut mich 😊
Hast Du die Videos zu TypeScript (ruclips.net/video/_CaGUZNEobk/видео.html ) und Node.js (ruclips.net/video/5s7eFzI_fNo/видео.html ) schon gesehen?
Und es kommt noch mehr 😉
Wahnsinn! 🤯
Richtig gut erklärt! ♥️
Ich hab selten so eine gute Erklärung gesehen oder gehört.
Was ich ganz gut fand, ist dass ein Vergleich zu anderen Sprachen hergestellt wurde. Mir sind jetzt Unterschiede klar geworden, von denen ich noch nicht wusste.
Vielen Dank! 😊
Das Abo ist gut angelegt 😊
Sowas wie "this" und Prototypen Vererbung würde mich auch interessieren (falls die Frage noch aktuell ist)
[gr] Vielen lieben Dank für Dein Lob und Dein Feedback! 😊
Und ja, die Frage ist noch aktuell - zu Objektorientierung in JavaScript kommt demnächst etwas … ich kann nur noch nicht genau sagen, wann.
@@thenativeweb Bitte gerne!
Freut mich zu hören! 😊
Hallo Golo. Vielen Dank für dieses sehr hilfreiche Video! 👍 Ich habe es mir nun ein zweites Mal angeschaut, da ich beim ersten Versuch noch gar nix konnte, zwischenzeitlich aber etwas Fortschritte gemacht habe. Nun hat es prima gepasst und ich konnte eine Menge mitnehmen. Muss noch intensiv an den higher order und lambda functions arbeiten. Ich freue mich auf weitere Beiträge von euch, besonders auf den Teil mit der ganzen async Thematik. Ich werde euch bestimmt weiter empfehlen. 👊 Habt ne gute Zeit und bleibt alle gesund! 🍀 Lieber Gruss aus der Schweiz. 👋
[gr] Vielen, vielen Dank für das tolle Feedback - das freut mich sehr 😊
Das mit dem async kommt noch, steht auf unserer Liste … ich kann Dir nur leider noch nicht sagen, wann genau.
Bleib ebenfalls gesund 😊
Super Einstieg. Eigentlich wollte ich nur mal reinhören, hab jetzt aber komplett gesehen. Die Thematik await und async würde ich gerne genauer kennenlernen.
[gr] Vielen Dank für das Lib und Dein Feedback 😊
Das mit async / await kommt noch, ich kann nur noch nicht sagen, wann.
Ich habe JS zuletzt ca. 2011 benutzt … großes Dankeschön für diese Auffrischung!
An einem weitergehenden Video zu Promises und async/await wäre ich natürlich besonders interessiert.
[gr] Danke für Dein Lob und das Feedback!
Vielen Dank für den wirklich gut präsentierten Einstieg in JavaScript. Da ich primär mit C Sprachen arbeite finde ich kaum die Zeit mal nebenher andere Sprachen anzusehen. Hiermit ermöglichst du mir den Einblick in ein Entwicklungssystem das mir sonst in dieser Sorgfalt verborgen geblieben wäre. Und ja, es würde mich sehr interessieren wie JS mit async und await funktioniert. Und natürlich auch die anderen kleinen Dinge wir Regexps, etc. Leider kann ich nur einen Daumen hoch machen.
[gr] Vielen Dank für das Lob 😊
Weitere Videos unter anderem zu den von Dir genannten Themen sind geplant, dauert nur noch ein bisschen.
Hallo Golo. Vielen dank für das sehr informative Video. Ich komme mit deinem Lehrwissen viel viel weiter als das Wissen, was ich über einen teuren Bootcamp vermittelt bekomme. Ich hoffe, dass du irgendwann auch dein Wissen monetarisieren kannst, wie die Bootcamps.
[gr] Danke für Dein Feedback und Deinen Kommentar 😊
Vielen Dank für das Video, das hast du toll erklärt, und ich einige Dinge dadurch erst richtig kapiert!
Das Video ist klasse und lässt sich wirklich super anschauen. Vielen Dank für die Tolle Leistung. Tiefer in Details zur asynchronen Programmierung wäre als Fortsetzung super.
[gr] Vielen Dank - und was eine Fortsetzung angeht: Die wird auf jeden Fall kommen, und ist geplant noch für Q1/2022 😊
Hi Golo,
Du machst wirklich super Videos. Genau nach meinem Geschmack.
Ein Video im gleichen Stil zu await Promise async etc. wäre echt super.
[gr] Vielen Dank für das Lob! Ein Video zu asynchroner Programmierung steht auf unserer Todo-Liste, das kommt definitiv … 😊
Vielen Dank. Wie immer super erklärt :)
[gr] Danke schön 😊
Super Erklärung von dir. Ich glaube die Hälfte der JS-Framework User kennt die Untiefen von JS gar nicht so richtig. Eigentlich sollte jeder mal in dieses Video schauen der mit der Materie zu tun hat. Mancher wird erstaunt sein was er noch von dir lernen kann. Weiter so!
[gr] Vielen, vielen Dank 😊
Und ja, leider würde ich diese Einschätzung teilen, dass es zumindest zu viele JavaScript-Entwickler:innen gibt, die die Sprache nicht gut (genug) kennen. Aber daran lässt sich ja zum Glück arbeiten … 😊
Moin, danke für das Video. Super erklärt. Gerne ein Heap und Stack Video und garbage collector Erklärung
LG
[gr] Vielen Dank für das Lob 😊
Das Video und Heap und Stack gibt es inzwischen bereits: ruclips.net/video/DtDcOryTGbI/видео.html
Und das zur Garbage-Collection steht noch auf unserer Todo-Liste, kommt aber ebenfalls noch … 😊
@@thenativeweb Cool Danke für den Link 🙂 Weiter so
Vielen Dank!
[gr] Sehr gerne 😊
Wow ich danke dir für dieses super Video! Viel mitgenommen!
[gr] Das freut mich, vielen Dank 😊
Super Video, vielen Dank dafür! Gerne mal noch was ausführlicheres zur Asynchrolnitärt machen. Würde mich sehr freuen.
[gr] Vielen Dank! Ein solches Video kommt auf jeden Fall, ich kann nur noch nicht sagen, wann …
Ein „Deeper“ Dive in the Funktionale Programmierung mit Themen wie z.B Currying oder dem IIFE Entwurfsmuster wären super. In dem Zusammenhang wäre auch das Speicher Management und das Verhalten von Variablen bei der Übergabe an Funktionen interessant.
Zum Thema OOP wäre interessant zu wissen wann Du „Klassen“ und wann „normale“ Funktionen/Objekte einsetzt.
[gr] Da sind viele gute Themen dabei, vielen Dank für die Anregungen 😊
Sehr gut gemachtes Video! Danke
[gr] Danke schön 😊
Super Video. Danke viel mals. Lerne viel davon.
[gr] Danke, das freut mich 😊
Also so als Autodidakt geht mir das Thema Stack, Heap, Arbeitsspeicher völlig ab bisher. Das wäre für mich ein gutes und interessantes Videothema :-) Edit: Ja jetzt hab ich es auch gefunden :-D
[gr] Freut mich, dass Du es schon gefunden hast 😊
Für alle anderen hier noch der Link zu unserem Video zu Heap, Stack, Werte- und Referenztypen: ruclips.net/video/DtDcOryTGbI/видео.html
Das waren nicht nur die besten 100 Minuten, die ich je in Javascript investiert habe.
Als Seiteneffekt wurden mir hier zum ersten Mal Closures / Delta Funktionen Schritt für Schritt nachvollziehbar erklärt.
Bin auf das Video mit asynchroner Programmierung gespannt.
Wo finde ich Eure Lint-Regeln?
Sehr gutes Video. Vor allem finde ich die Hintergrund Informationen sehr interessant. Das bekommt man nicht häufig zu sehen. Ich würde mir zu allen Themen die du angesprochen hast gerne ein Video wünschen. Besonders aber zum Thema OOP, da es am meisten missverstanden wird.
[gr] Danke für Dein Lob - und zu den übrigen Themen kommen auch definitiv noch Videos 😊
@@thenativeweb danke dir für deine Mühe. Bin gespannt auf weitere Videos über Javascript.
[gr] Sehr gerne 😊
Habe mich mit Referenz und Wertetypen 0 beschäftigt in dem Ausmaß. Ein Video wäre supi:D
[gr] Das Video gibt es tatsächlich inzwischen schon, siehe ruclips.net/video/DtDcOryTGbI/видео.html
Danke toll! Hab endlich das mit der Lambda schreibweise verstanden :D.
P.S. Würde mich sehr über ein Video über asynchrone Programmierung freuen. Ich schau gleich vll hast du ja schon eins geamcht 🤗
[gr] Das freut mich sehr, vielen Dank 😊
Und ein Video zur asynchronen Programmierung kommt bald - geplant ist es aktuell für Montag in zwei Wochen, also den 6. Juni, sofern uns nichts gravierendes mehr dazwischenkommt.
Sehr gute Videos. Deine videos sind eher etwas für fortgeschrittene Anfänger.
Andere zeigen immer nur die grundlegenden Befehle, bei dir bekommt man deutlich mehr Informationen im Schnelldurchgang. 😅
1+
[gr] Vielen Dank für das tolle Feedback, das freut mich 😊
Cooles Video, Thanks! Als Anfänger kenne ich mich mit dem Speichermanangement noch nicht aus, Video wäre schön .....
[gr] Danke schön 😊
Ein Video zu Garbage-Collection wird kommen, ich kann Dir nur noch nicht sagen, wann …
Mega Video, vielen Dank! Heap und Stack wären Mega interessant :)
[gr] Vielen lieben Dank 😊
Zu Heap und Stack haben wir tatsächlich schon etwas gemacht, siehe: ruclips.net/video/DtDcOryTGbI/видео.html
Wenn Du generell wissen möchtest, ob wir zu einem bestimmten Thema schon etwas gemacht haben, guck Dir mal app.thenativeweb.io/ an 🦄
@@thenativeweb Hab ich mir gerade angeschaut - super Video! Danke! Spitzen-Kanal habt ihr da! 😊
Vielen Dank, das Video hat mir auch sehr gut gefallen... ein Video zum Heap und Stack würde mich auch interessieren...
[gr] Das freut mich 😊
Und Heap & Stack kommt …
Vielen Dank für dieses sehr gute Video! Ich wünsche mir noch exception handling 🙂
Tolles Video! Super erklärt.
Ich hätte wirklich Interesse an async... Und würde mich über ein Video dazu freuen...
[gr] Vielen Dank 😊
Und das Video zu async kommt … insofern: Stay tuned 😉
Geil wäre mal ein Video, das den kompletten Bereich der Asynchronität in JavaScript abdeckt
(Callbacks, Promises, async/await, Streams usw.) mit ordentlichen Beispielen (kein Hallo Welt)
und wann man was am besten einsetzt.
[gr] Das wird kommen, das steht auf unserer Liste sogar ziemlich weit oben, aber ein bisschen dauern wird's leider trotzdem noch …
@@thenativeweb Ok, da freue ich mich schon drauf :)) Sehr gut
@@thenativeweb Ich habe noch eine Frage, ich sehe mittlerweile immer mehr Entwickler, die beim schreiben von JavaSscript (z.B. in React, VueJs, NodeJs usw.) das Semikolon am Ende weglassen, also permanent.
Ich bin allerdings so sehr an das Semikolon gewöhnt, dass ich das manch mal sogar schwerer finde zu lesen ohne.
Was sagst du dazu?
Ist das irgendwie ein aktueller Trend, dass das auf einmal keiner mehr macht? Ist mir vorher nie aktiv aufgefallen.
Hallo, muss bei den function expressions immer ein const vor der Definition stehen,
oder dient dies nur dem Schutz vor weiteren Zuweisungen?
[gr] Ich bin nicht ganz sicher, worauf die Frage abzielt - theoretisch kannst Du auch ein let oder ein var verwenden. War das schon das, was Du gemeint hast?
@@thenativeweb Ja, danke.
hatte die expressions bis dato weniger auf dem schirm, da ich gerne zu beginn einer "app" die eventlisteners erzeugt habe.
möchte aber jetzt sowieso mehr auf module und import gehen um etwas mehr zu separieren.
Da wäre ein umgewöhnen auf die expressions vielleicht nicht so schlecht.
Hey,
Mit Heap und Stack habe ich mich vorher noch nicht wirklich auseinander gesetzt. Da wäre ein Video zu dem Thema echt cool :)
[gr] Haben wir inzwischen gemacht - siehe ruclips.net/video/DtDcOryTGbI/видео.html
Funktionen, die Funktionen zurückgeben, könnte man auch als "function builders" bezeichnen.
[gr] Ja, im Prinzip schon … der Fachbegriff ist hier eben "higher-order function", aber theoretisch hast Du recht 😊
28:37 const bedeutet in JS doch eigentlich, dass der Variablen kein neuer Wert zugewiesen werden kann, der Inhalt des Werts kann sich aber schon ändern?
Sehr gute Zusammenfassung der Sprache und tolle Auffrischung für jemanden wie mich, der sonst nur mit anderen Sprachen arbeitet. Vielen, vielen Dank! :)
[gr] Danke schön - und ja, Deine Vermutung ist genau richtig 😊
Warte...
Wie kann sich der Inhalt eines Werts ändern, ohne dass sich der Wert selbst ändert?
@@jeyt436 Du kannst der const ja ein Objekt zugewiesen haben, das ja aus key-value-Paaren besteht. Du kannst also den Wert eines der Keys problemlos ändern aus dem Objekt. Der Interpreter wird sich nicht beschweren. Das gleiche klappt z.B, auch bei Ruby.
@@ministerstein Okay, danke. Das hatte mich einfach verwirrt.
[gr] Eventuell ist auch das hier noch hilfreich: Heap, Stack, Werte- und Referenztypen // deutsch
ruclips.net/video/DtDcOryTGbI/видео.html
Sehr sehr gut erklärt. Für mich eigentlich uninteressant, aber auch irgendwie doch, weil man so gut gesehen hat, wie Andere denn beim Programmieren so denken.
Symbols braucht man nicht nur selten... in meinem Fall habe ich die noch nie benötigt. Auf das Video freu ich mich schon, damit ich da mal ne Daseinsberechtigung sehe. Bisher fällt mir nur der Iterator ein.
Das Video mit der Vererbung ist das wahrscheinlich Wichtigste, denn das ist DAS Feature von JS, was JS auch so unglaublich mächtig macht, wenn man sich damit auskennt.
[gr] Danke für das Lob - und das Feedback im Allgemeinen 😊
Ich finde die Bezeichnung "Symbol" in JavaScript etwas unglücklich, insbesondere wenn man an den Lisp-Ursprung denkt. JS Symbols sind eher so etwas wie "uninterned symbols" in Lisp, während Lisp symbols etwa JS strings entsprechend (unveränderbar, unique).
@@foo0815 Soll heißen die dienen im Grunde nur dazu etwas readonly zu machen? Eigentlich ne gute Idee.
@@DJTechnostyler Lisp Symbols und JS Strings stellen sicher, daß mehrmaliges Auftreten der gleichen Zeichenkette nur einmal im Speicher liegt und intern durch denselben Pointer dargestellt werden. Damit sind Vergleiche extrem schnell, da ja nur der Pointer verglichen wird und nicht die komplette Zeichenkette, was diesen Typ als Key oder Variablenname super geeignet macht.
Lisp uninterned Symbols und JS Symbols machen aber geradezu das Gegenteil, sie stellen sicher, daß jedes Auftreten einen garantiert unterschiedlichen Pointer liefert. Auch bisweilen nützlich, aber eben was ganz anderes.
Habt ihr eine gute Lösung Business Logic von UI Logic zu trennen, ohne ein größeres Framework/Library a la Vue, React etc. einzusetzen? Das würde mich mal interessieren, ob ihr da evtl. einen guten Ansatz habt.
[gr] Um ehrlich zu sein, habe ich das Gefühl, Deine Frage noch nicht 100%ig verstanden zu haben.
Prinzipiell hilft es ja bereits massiv, sich des Unterschieds zwischen UI- und fachlicher Logik bewusst zu werden. Dann ist es ja im Prinzip "nur" noch, das nicht zu vermischen. Dabei hilft IMHO, sich bei jeder Komponente Gedanken zu machen, auf welcher Ebene sie arbeitet (technisch, fachlich, UI, Orchstration, …).
Aber mir scheint, dass in der Fragestellung implizit die Hoffnung mitschwingt, dass es da mehr gibt, als nur das. Lese ich das richtig?
@@thenativeweb Ist schwierig nur mit Text zu erklären, am besten ich sende euch mal eine Mail mit einem kleinen Code Beispiel, wenn es für euch in Ordnung ist?
@@devchannel5232 [gr] Am einfachsten wäre es wahrscheinlich, wenn Du das auf unserem Discord postest - der ist ja für genau solche Fälle gedacht, und dort lesen auch nicht nur wir mit, sondern noch ganz viele andere Leute aus der Community, für die das Thema ja vielleicht auch interessant ist 😊
Zum Thema function expression: Ist das nicht eher kontraproduktiv wenn ich meinen Code mach MVC strukturiere und im Model Teil eine Funktion aufrufen will, die erst in der View Section definiert wird? MVC ist soweit ich gehört habe auch die gängige Code Struktur in Angular (will jetzt aber nicht lügen)
Hey Golo,
wieder mal ein tolles Video, Danke!
Mir ist aber schon beim Typescript Video aufgefallen, dass die Schrift teilweise etwas verschwommen ist. Bin mir nicht sicher, ob es an meinem Monitor hier liegt (1080p) ich werde es später nochmal auf einem 2k Monitor kontrollieren. Vielleicht kannst du ja grundsätzlich die Bitrate etwas erhöhen bei den Aufnahmen und eventuell auch in 1440p aufnehmen.
Edit: Es ist auch auf meinem 2k Monitor so, aber den code kann ich gut lesen nur der Rest z. B. die Dateien sind fast nicht zu lesen.
Ich würde mich auch über ein Heap/Stack und ein ausführliches Video zu Async. freuen. Ich nutze letzteres zwar schon immer wieder mal aber ich glaube unter der Haube habe ich es noch nicht 100 % verstanden.
[gr] Zuerst einmal: Vielen lieben Dank für das tolle Feedback 😊
Was die Schärfe des Bildes angeht … das liegt vermutlich an unserer Streaming-Lösung, bei der wir allerdings erst einmal gucken müssen, ob wir darauf überhaupt Einfluss haben, mit welcher Bitrate das ganze läuft. Eine Option wäre allerdings tatsächlich, einfach die Schriftgröße noch etwas zu erhöhen.
Wegen Heap+Stack: Das kommt auf jeden Fall bald, und auch async/await nehmen wir gerne mit auf in die Themenplanung 😊
@@thenativeweb Es ist jetzt auch nicht so schlimm aber es könnte auch besser sein. ehh schärfer :p
[gr] 😊
Hallo erstmal, toller channel den du dir hier aufgebaut hast! Viel zum stöbern für den wissbegierigen Scripter 😀 Eine Frage habe ich aber nun doch weil ich es auch auf anderen Channels gesehen habe: Warum ausschließlich Konstanten? Insbesondere in Schleifen wie bei 1:10:30 würde ich das kritisch betrachten. Das Schlüsselwort const führt doch dazu das eine neue Konstante angelegt wird die die alte ersetzt statt sie einfach zu überschreiben, aus Performancesicht nicht optimal. Außerdem widerspricht es auch meinem Verständnis einer Konstanten denn die soll ja, wie der Name schon andeutet, konstant sein im Gegensatz zu einer Variablen. Ich benutze const nur am Anfang meiner Scripte um dort fixe Werte wie zB. interne Programmeinstellungen zu speichern die sich während der Laufzeit nicht mehr ändern. Was ist der Sinn und Zweck dahinter?
[gr] Vielen Dank für Dein ausführliches Feedback und natürlich auch das Lob 😊
Wegen Deiner Fragen zu Variablen und Konstanten: Das ist eine etwas längere Erklärung, aber die liefern wir gerne demnächst per Video - soll heißen: Das Thema steht nun auf unserer Liste 😊
@@thenativeweb Super, vielen Dank 😀👍
Ich würde mich sehr zu allem interessieren was du im Abschnitt "Was noch fehlt" angesprochen hast. Aber eben genau in deinem Stil.
PS: Vorne weg die prototypes
[gr] Ist notiert 😊
Ich merke, dass ich trotz 10 Jahren als Webmensch einiges mal fundierter lernen sollte.
[gr] Aus Neugier - welche Bereiche der Sprache waren denn neu für Dich, oder wo hast Du festgestellt, dass Dir tiefere Kenntnisse fehlen?
Ich bin blutiger Anfänger betreffend Java. Nach der Einleitung wird es ja weiter gehen. Welche nächsten Lektionen schlägst Du vor? Für die Gestaltung von Webseiten werden immer die Kenntnisse von Java angeraten.
Auch hier vielen Dank. Hattest du nochmal ein Video zu async await gemacht?
[gr] Danke schön 😊
Was ein Video zu async / await angeht: Noch nicht, aber kommt noch …
danke dafür, bitte async funktionen
[gr] Kommt bald 😊
Gab es dazu jetzt eigentlich noch eine Fortsetzung?
Kann jemand ein gutes Buch zu JavaScript, HTML und CSS empfehlen für Anfänger das vieles abdeckt ?
[gr] Ein Buch, was alles drei (gut) abdeckt, kenne ich leider nicht, aber für JavaScript würde ich Dir zu "JavaScript: Richtig gut programmieren lernen - Von der ersten Codezeile bis zum eigenen Projekt" von Marijn Haverbeke raten (das ist die deutsche Fassung von "Eloquent JavaScript"). Falls Dich Englisch nicht stört, nimm die englische 😉
Allerdings sollte man, um das Buch verstehen und nutzen zu können, schon (etwas) Erfahrung in HTML und CSS haben, ansonsten wird's wohl eher schwierig.
@@thenativeweb Etwas Erfahrung habe ich danke für den Tipp werde ich mir zulegen und denke auch noch extra Bücher für jeweils HTML und CSS ^^
Hmm hat man damals die ,,Objektorientierung" nicht mit dem .prototype objekt gemacht? Ich kann mich da noch vage daran erinnern ist aber schon ewig her.
verstehe nicht warum du so wenige Klicks hast... Im Verhältnis zu dem Wissen, was du auch noch in dieser Qualität und Leichtigkeit Preis gibst, sind es einfach vieeeel zu wenig Klicks!!
[gr] Vielen, vielen Dank 😊
"Stay Hung..." wurde ja ungünstig abgeschnitten 😏
Wie kann ich eine JavaScript Datei in Visual Studio Code öffnen. bei mir ist es immer ine Json- Datei ?
Gutes Seminar. Fürchterliche Sprache.
[gr] Danke für das Lob 😊
Was die Sprache angeht: Was gefällt Dir an JavaScript nicht?
@@thenativeweb Ich bin langjähriger Java Developer. JavaScript gefiel mir noch nie. Die Nachteile nennst du ja selbst, bspw. 0 == '0' - und Lisp bzw. Funktionale Programmierung mag ich nicht. Ich versuche weitestgehend auf JS zu verzichten und nutze für Ajax-Effekte IntercoolerJS. TypeScript finde ich da schon besser; nutze ich aber nicht.
[gr] Danke für die Erklärung 😊
danke für die ausführliche Beschreibung, finde die folgenden Sachen immer noch etwas verwirrend:
console.log(undefined || 0);
console.log(0 || undefined);
console.log(undefined || undefined);
console.log(0 || 0);
/*
0
undefined
undefined
0
*/
console.log(undefined && 0);
console.log(0 && undefined);
console.log(undefined && undefined);
console.log(0 && 0);
/*
undefined
0
undefined
0
*/
[gr] Gerne 😊
Findest Du es allgemein verwirrend, oder auch nach der Erklärung im Video?
@@thenativeweb nach zweitem Hören habe es nun verstanden 😁
[gr] Cool 😊
console.log('Hallo'); console.log('Welt'); ist gültiger Code.
console.log('Hallo') console.log('Welt') ist kein gültiger Code.
Von daher sind Semikolons wohl nicht optional. JavaScript fantasiert sich bei einem Zeilenumbruch Semikolons dazu.