Lerne JavaScript in 90 Minuten // JavaScript Tutorial Deutsch
Рет қаралды 48,975
Күн бұрынJavaScript Tutorial Deutsch für Anfänger. Lerne JavaScript in 90 Minuten. Du möchtest JavaScript programmieren lernen, dann erkläre ich dir in diesem Video was JavaScript ist und wo du es überall einsetzen kannst. Wir schauen uns JavaScript Variablen, JavaScript Funktionen, JavaScript If Else Statements, JavaScript Objekte, JavaScript Arrays, JavaScript Schleifen, JavaScript Events und JavaScript DOM Manipulation an. Happy Coding!
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
00:52 Was ist JavaScript
01:52 Anwendungsgebiete
03:36 Browser Console
07:30 JavaScript einbetten
12:50 Variablen und Datentypen
31:33 Funktionen
39:59 If/Else Statements
47:08 Objekte
56:30 Arrays
1:07:24 Schleifen
1:15:45 Events und DOM
1:31:21 Wie gehts weiter?
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HTML Tutorial für Anfänger:
↪︎ • Lerne HTML in 60 Minut...
CSS Tutorial für Anfänger:
↪︎ • Lerne CSS in 60 Minute...
Visual Studio Code Tutorial für Anfänger:
↪︎ • Visual Studio Code Gru...
📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit über 15 Jahren als Webentwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
Starte Jetzt!
/ @programmierenmario
#Javascript #Programmieren #ProgrammierenM
@wunderbarrecordings 3 жыл бұрын
Nicht beirren lassen, weiter so! Angenehm unaufgeregte Art, ich konnte gut folgen und verstehen. Gerne mehr und tiefergehend!
@ProgrammierenMario 3 жыл бұрын
Vielen Dank für dein Feedback. Motivation++ 😄
@softwareeosne90 3 жыл бұрын
Mega gutes Tutorial ! Bitte noch mehr zu Events und DOM
@ProgrammierenMario 3 жыл бұрын
Besten Dank ;-)
@simonborner8234 2 жыл бұрын
Danke Mario! Ich könnte dir stundenlang zuhören.
@ProgrammierenMario 2 жыл бұрын
✌️🙂
@silasalbrecht9331 Жыл бұрын
Danke für dieses hilfreiche und vorallem auch lehrreiche Video und auch ein dickes Danke, dass du dir für deine Zuschauer und jegliche Anfänger so viel Zeit nimmt. Mein Respekt hast du und mein Abo jetzt auch.
@ProgrammierenMario Жыл бұрын
Danke für das Lob! Freut mich sehr :)
@alexanderwoodstock8113 Жыл бұрын
Endlich weiß ich, wie das mit den Jacken und Taschentüchern geht 🥸 Nein, im Ernst, DANKE Mario 🙌 Klasse erklärt 🤩
@ProgrammierenMario Жыл бұрын
Gern geschehen 😊
@habkeinennamen1234 3 жыл бұрын
Richtig gute Anleitung! Top! Bitte unbedingt mehr JavaScript! Abo ist gesetzt ;-)
@ProgrammierenMario 3 жыл бұрын
Na dann herzlich willkommen. Freut mich das dir das Video weitergeholfen hat. Happy Coding ;-)
@cfo3049 Жыл бұрын
Du bist der erste, wo ich dass so richtig kapiere.😅 Vielen Dank für dein Engagement.🙏
@ProgrammierenMario Жыл бұрын
Na dann hat es sich ja gelohnt. Vielen Dank für dein Feedback :)
@JamesBond-sp2xf 2 жыл бұрын
Hallo Mario, ich wollte mal ganz ein ganz fettes Dankeschön hinterlassen für deine tollen Videos. Seit einem Monat bin ich als Webentwickler tätig und deine Videos helfen mir sehr beim Verständnis!
@ProgrammierenMario 2 жыл бұрын
Freut mich ✌️🙂 Wünsche dir viel Spaß und gutes Gelingen bei deinen Projekten 👍
@MrBlackAngle 3 жыл бұрын
Das Video find ich sehr super gemacht :) sehr verständlich erklärt :) ich finde dich echt Leinwand
@ProgrammierenMario 3 жыл бұрын
Nun da bleibt mir nix anderes übrig als Danke zu sagen ✌️🙂
@minimal99pfdo73 Жыл бұрын
Dickes Kompliment an Dich!!! 👍Mit deiner präzisen Vielfalt von Beispielen samt deiner persönlich Smoothen sympathischen Art wie Weise dein Fachwissen mit verschiedensten Variablen die Vielfalt verständlich einfach der vielen Sprachen Programme & Codes auch dem Laien verständlich Sinnbildlich verpackst .. . ... Daumen hoch 👍👍👍
@ProgrammierenMario Жыл бұрын
Ganz lieben Dank! 🙂
@CW-wq4tf 3 жыл бұрын
Finde es super, dass jetzt auch JavaScript zum Thema wird. Freue mich schon auf weitere Folgen.
@ProgrammierenMario 3 жыл бұрын
Gibt es was spezielles was du gerne sehen möchtest? Vielleicht kann ich es in einem Video mit einbauen 🙂
@CW-wq4tf 3 жыл бұрын
@@ProgrammierenMario Danke der Nachfrage. Im Moment finde ich alles spannend was von Dir kommt. Würde mich nochmal melden wenn mir was spezielles einfällt.
@ProgrammierenMario 3 жыл бұрын
Alles klar ✌️🙂
@gickowtf 2 жыл бұрын
Mega gut erklärt und mit einer total gelassenen Ruhe weiter so
@ProgrammierenMario 2 жыл бұрын
Super wenn alles passt. Danke dir ✌️🙂
@martingunther6201 2 жыл бұрын
Endlich habe ich das alles verstanden und komme mit meinem Projekt weiter. Danke
@ProgrammierenMario 2 жыл бұрын
Na dann hat es sich ja gelohnt :)
@gitarrenghost 3 жыл бұрын
Prima Tutorials und sympathischer Tutor:-)
@ProgrammierenMario 3 жыл бұрын
Vielen Dank ;-)
@michaelschmitz5710 2 жыл бұрын
Junge ... Du bist absolut Genial! Danke für Deine Arbeit und Mühe... Ich bleibe dabei!!!
@ProgrammierenMario 2 жыл бұрын
Darauf ein High Five ✋🏻 🙂
@Maasch 3 жыл бұрын
Richtig super!!!! Wollte jetzzt auch anfangen und deine Videoreihe ist noch frisch besser kanns ja nicht laufen! :) Danke jetzt schonmal für den guten Content bisher! ;) Bin bereit! :- )
@ProgrammierenMario 3 жыл бұрын
Haha 😂 Das freut mich natürlich sehr. 🙂 Bei HTML, CSS und JavaScript ändert sich über die Jahre aber nicht sonderlich viel. In diesen Bereichen kannst du dir auch ältere Tutorials anschauen. 😉 Herzlich Willkommen und Happy Coding ✌️
@StixxLetsPlay 4 ай бұрын
Wundervolle Einführung in das komplexe Thema JS und eine gute Motivation für mich, den JS-Teil von SelfHtml durchzuarbeiten. Ich danke dir!
@n97yt. 11 ай бұрын
Super toll erklärt! Habe es viel besser verstanden als in anderen Tutorials! Vielen Dank!!
@ProgrammierenMario 11 ай бұрын
Das freut mich sehr!
@Anomalinchen 3 ай бұрын
Tip Top! Vielen Dank für deine Erklärungen. Die haben mir den Einstieg in die JS Welt deutlich erleichtert und näher gebracht :) Freue mich schon auf deine anderen Videos!
@ProgrammierenMario 3 ай бұрын
Das freut mich!
@gonsoku1218 5 ай бұрын
Du verdienst mehr Anerkennung! Danke und wünsche viel Erfolg weiterhin!
@ProgrammierenMario 4 ай бұрын
Danke 🤝
@keerthikitijaya-wardena6777 2 жыл бұрын
Very good Lesson, Well explained Mario,,👍👍👍. Many THANKS. WE NEED MORE!!!
@ProgrammierenMario 2 жыл бұрын
It’s my pleasure, thank you ✌️🙂
@kayschmitt7363 3 жыл бұрын
sehr gut erklärt :-) Danke
@ProgrammierenMario 3 жыл бұрын
Gerne doch 🙂
@vigilanteagle1980 Жыл бұрын
Danke, danke, danke. Du bist der Grund für mich jetzt dran zu bleiben. 💪
@ProgrammierenMario Жыл бұрын
Freut mich zu hören! :)
@TutmeistensnixDe Жыл бұрын
Ich möchte mich auch bei dir für dieses tolle Video bedanken, es hat mir sehr geholfen!
@ProgrammierenMario Жыл бұрын
Herzlichen Dank, freut mich sehr das ich helfen konnte. Wünsche dir viel Erfolg bei deinen Projekten :)
@JB-ds1zb 3 жыл бұрын
Wirklich Hammer Video!!! einfach Sympatischer Kerl
@ProgrammierenMario 3 жыл бұрын
Vielen lieben Dank ✌️🙂
@kommuniaktion 8 ай бұрын
Super erklärt, vielen Dank!
@ProgrammierenMario 8 ай бұрын
Sehr gerne!
@onurolmez3256 2 жыл бұрын
Sehr starke Arbeit. Weiter so! 👍
@ProgrammierenMario 2 жыл бұрын
Alles klar, vielen Dank ✌️🙂
@peterjustus8099 Жыл бұрын
Ich gebe den Kommentar bereits ab bevor ich das ganze Video gesehen habe. Das mache ich nicht oft. Nachdem ich CSS und HTML einigermaßen "drauf" habe, suchte ich nun einen leichten gut vermittelten Einstieg in Javascript. Nachdem ich mir erst 3 andere Tutorials, von bekannten KZfaqr Programmierern anschaute wo ich bei einem bereits ein richtiges Spiel als Anfänger schaffen sollte, und ich nur kopieren einfügen konnte ohne die Dinge wirklich komplett zu verstehen bin ich wieder bei dir gelandet. Nach einem Spaziergang in der Natur kam mir einfach wieder die Idee ob du nicht ein TutorialVideo zu Javascript gemacht hast, deine Erklärmethode ist wirklich herrausstechend angenehm im Vergleich zu vielen anderen. Manche sprechen auch zu schnell und dies ist abgehoben. Man kann ja bei HTML und CSS mit Projekten direkt starten aber bei Javascript glaube ich ist es besser vorher die wichtigsten Elemente zu verstehen. Danke vielmals für dein Tutorial!
@peterjustus8099 Жыл бұрын
Übrigens heute isst mein Pizza Tag :))
@ProgrammierenMario Жыл бұрын
Vielen herzlichen Dank für deine Nachricht. Immer wenn ich in meine älteren Videos reinschaue, sehe ich wie unsicher ich noch vor der Kamera war und wie oft ich mich versprochen habe. Da freue ich mich um so mehr, wenn solch positiven Kommentare kommen. Mein Ziel ist alles so einfach wie möglich zu erklären und die Komplexität zu minimieren. Soll ja jeder der Willens ist nicht gleich am Anfang die Motivation verlieren. Da darf es ruhig etwas lockerer sein. ;) Leider muss ich bei manchen Themen Wissen voraussetzen. Versuche aber dennoch mein obiges Ziel umzusetzen. Wünsche dir viel Erfolg.... mein Pizza Tag war am Samstag ;)
@peterjustus8099 Жыл бұрын
@@ProgrammierenMario Sehr gerne :-). Ja man soll ja den Spass nicht verlieren, gerade am Anfang. Wenn ich gleich dein Video angeschaut hätte, hätte ich mir den Frust sparen können. Freut mich das die Kommunikation hier auch auf Augenhöhe stattfinden kann :). Vielen Dank auch für deine Erfolgswünsche, kann ich gut gebrauchen :-). Ich arbeite mich ersteinmal denke ich von Tutorial zu Tutorial, bis ich mit dem vorhandenen Wissen selbstständig kleinere Projekte realiesieren kann, bzw in meinen vorhandenen Websiten die fehlenden Javascripte einbaue wie ich sie haben möchte um das ganze auch dann wieder praktisch anwenden zu können.
@psychedelic-chi Жыл бұрын
Musste erstmal lachen bei "der deutsche kennt nur Banane und Apfel" 🤣Du hast jedenfalls eine entspannte und lustige Art die Dinge zu erläutern, da hört man dir gern zu. Mein Abo hast du jetzt auch ;- Bin selbst seit nun 20 Jahren in der Entwicklung, aber fast nur PHP (damals noch Object Pascal, Java ua.), JS kam selten vor, bzw. damals wurde es ja eher gemieden. Kann mich zu Zeiten von HTML4 noch erinnern, da hieß es JS in Websites am besten vermeiden (zu buggy, zu unsicher, viele Browser können es nicht sauber usw.)... verrückt wie sich die Zeiten ändern, heute nicht mehr wegzudenken.
@jonasvandenheuvel620 Жыл бұрын
stark, dankeschön!
@ProgrammierenMario Жыл бұрын
Sehr gerne!
@rimbaud1989 11 ай бұрын
Echt astrein erklärt, Mario!
@ProgrammierenMario 11 ай бұрын
Vielen Dank! 🙂
@user-fc6gs3rh3m 8 ай бұрын
wow Hammer! Erzählst du alles super Toll! große Respekt! :) Vielen Vielen vielen Dank! , Tolle stimmte, nicht zu schnell und nicht zu langsam, in Punkt. Für Anfänger sehr hilfreich es zu verstehen ! :)))
@ProgrammierenMario 8 ай бұрын
Danke für das Lob!
@rael4611 2 жыл бұрын
Sehr gutes Video... Mach weiter so
@ProgrammierenMario 2 жыл бұрын
Vielen Dank...Grüße ;-)
@Toeb01 2 жыл бұрын
Super Video! Ich hab hier ihr da Mal ein Tut über Javascript geschaut und die haben immer zu hoch angesetzt für Nulleinsteiger. Hier wird wirklich Mal leicht verständlich der Aufbau und die Zusammensetzung der Syntax erklärt. Davon könnte ich mehr gebrauchen. 😁👍👍
@ProgrammierenMario 2 жыл бұрын
Super dann passt das ja. Vielen lieben Dank für deinen Kommentar ✌️🙂
@Paul-xg1sg 2 жыл бұрын
Super erklärt. 👌
@ProgrammierenMario 2 жыл бұрын
Danke dir 😊
@puddingpflanze 2 жыл бұрын
Super Mario; Tolles Video, super erklärt. Ich selbst programmiere viel in Java(-srcipt) hab alles im Selbststudium erlernt. Hätte ich dein Video am Anfang gehabt, wäre vieles einfacher gewesen. Daumen hoch ...
@ProgrammierenMario 2 жыл бұрын
Freut mich sehr das alles gepasst hat. Wann hast du mit dem programmieren angefangen?
@puddingpflanze 2 жыл бұрын
@@ProgrammierenMario vor ca. 3 Jahren. Dank der Pandemie konnte ich mein Wissen noch weiter ausbauen. Ich programmiere allerdings nicht in WWW-Seiten, eher Node.js bzw Backend. Meine Anfänge waren allerdings tatsächlich auch via Konsole im Firefox und html Manipulation
@DE-signYourLife 3 жыл бұрын
Jup, auch von mir hast Du ein Abo. Bitte mehr über JavaScript. Am besten evtl. noch paar Tutorial's in Verbindung mit Tempermonkey? Mfg
@ProgrammierenMario 3 жыл бұрын
Ui, das kannte ich bisher auch noch nicht 😅. Nun hallo erstmal und herzlich Willkommen ✌️🙂
@kieccaca3352 3 жыл бұрын
Gute Anleitung, danke. Lieber Gruß von Mesut !
@ProgrammierenMario 3 жыл бұрын
Vielen Dank ✌️🙂
@s.w.8446 2 жыл бұрын
Sehr toll, Mario.
@ProgrammierenMario 2 жыл бұрын
Vielen Dank ✌️🙂
@buntekuhmachtmuh4505 3 жыл бұрын
Erste Sahne :D Abo dagelassen.Vielen Dank.
@ProgrammierenMario 3 жыл бұрын
Na dann herzlich willkommen ✌️🙂
@marcusgeistert8764 4 ай бұрын
Mario Du hast eine gute Art zu erklären. Bitte mehr davon !!!!!!!!!!!!!
@ProgrammierenMario 4 ай бұрын
Ich danke dir ✌️
@watle 2 жыл бұрын
Superbe! Vielen Dank!
@ProgrammierenMario 2 жыл бұрын
Gern geschehen 👍
@Tiger0804_ 2 жыл бұрын
ein wirklich sehr gutes Tutorial ;=)
@ProgrammierenMario 2 жыл бұрын
Vielen Dank ✌️🙂
@Julianmaxim_ 3 жыл бұрын
sehr gutes Video
@ProgrammierenMario 3 жыл бұрын
Vielen Dank 😊
@bbbernier 2 жыл бұрын
super gut, merci!!
@ProgrammierenMario 2 жыл бұрын
✌️🙂
@zafferkekec1462 2 жыл бұрын
nice,...mehr davon bitte
@ProgrammierenMario 2 жыл бұрын
Zu JavaScript ist immer mal wieder etwas geplant :)
@andreask.291 11 ай бұрын
Vielen Dank für Dein JS-Video. Wieder wunderbar erklärt. Könntest Du bei Gelegenheit noch ein Tutorial für TypeScript nachlegen? 🤔😊🦴🐶😂
@ProgrammierenMario 11 ай бұрын
Ist notiert! 🙂
@danielpaulplanzer8611 Жыл бұрын
Hallo Mario Habe mir eben dein Video angeschaut. Gut sachlich erklärt mach weiter so Gruß Dani
@ProgrammierenMario Жыл бұрын
Vielen Dank
@itzzthemaster6706 2 жыл бұрын
Mit Abstand qualitativ der beste der Javascript erklärt hat. (hane viele deutsche gesehen) kleiner tipp schreibe dir doch paar stichworte auf ein zettel oder so ich habe das gefühl das würde dir gut tun;) abo auf jeden!
@ProgrammierenMario 2 жыл бұрын
Danke für den Tipp, Notizen mach ich mir auch zu fast jedem Tutorial. Aber ich bin auch ein Freund davon in einem Rutsch aufzunehmen damit ich das Video nicht so viel schneiden muss. Ständig auf Notizen zu schauen unterbricht mich auch dann zu sehr. Gerade bei den langen Tutorials hab ich oft nur einen einfachen Fahrplan und lass es gerne einfach laufen und improvisiere zwischendurch :)
@anunnaki111 Жыл бұрын
Klasse
@ProgrammierenMario Жыл бұрын
Gern geschehen ✌️
@gerselent 2 жыл бұрын
Ich finde deine Erklärungsweise echt super, hab schon einige Tutorials gesehen. Entweder sprechen die KZfaqr zu schnell oder zu leise oder sonstwas. Bei dir, auch wenn dein Akzent manchmal sehr witzig ist, kann man deinen Ausführungen sehr gut folgen. Mich würde sehr über ein Tutorial von Python freuen. Falls dir die Sprache intressieren sollte ;D Hast du ein Patreon Konto ? Würde echt gerne dir was speden wollen ;D
@ProgrammierenMario 2 жыл бұрын
Hallo Bogus, vielen herzlichen Dank für dein Feedback. Python ist bei mir erstmal nicht geplant, aber du könntest mal bei Chris vorbeischauen --> kzfaq.info BTW, leider habe ich kein Patreon Account tut mir leid :)
@gerselent 2 жыл бұрын
@@ProgrammierenMario Danke, hab mir mal einige Videos angesehen und sind ja echt gut und hab auch gleich mal ein Abo da gelassen ;D
@B34Rocky 2 жыл бұрын
super sympathisch
@ProgrammierenMario 2 жыл бұрын
✌️😊
@eduardfleischhammer7296 3 жыл бұрын
Echt super video. Super erklärt. Wäre nicht wenn du ein praxisnahe Projekt mache würdest als Video Reihe von man JS und ggf html css einbindet. Ein textadventure oder was du magst.
@ProgrammierenMario 3 жыл бұрын
Praxisnahe Videos möchte ich natürlich auch machen, nur benötigen diese eine längere Vorbereitungszeit. Vielen Dank für dein Feedback, Grüße ;-)
@lilluzifer 2 жыл бұрын
Du erklärst das sehr gut! Mach lieber einen kompletten Kurs, ich wäre auch bereit zu zahlen hahaha
@ProgrammierenMario 2 жыл бұрын
Danke für das Lob! ;)
@saminar311 Жыл бұрын
Heilige Scheise ist das gut geworden!! Vor allem bitte was mit JavaScript kann man so vieles mehr machen als halt nur die Logik einer Website?? Krass also ist das auch außerhalb von meinem Front-end Ziel sehr nützlich. Ey, wenn du nur wüsstest wie wertvoll du für solche Leute wie mich bist!!!
@ProgrammierenMario Жыл бұрын
Ist mit den Jahren ganz schön gewachsen. Gerade was Desktop-Anwendungen betrifft. z.B. Visual Studio Code, WhatsApp oder Twitch wurden mit JavaScript und dem Electron Framework entwickelt ;)
@saminar311 Жыл бұрын
@@ProgrammierenMario Das Electron Framework kenne ich aber bringt das nicht irgendwo auch Probleme mit sich wenn man „nur“ die Sprache also den Syntax übersetzt damit man die apps Lauffähig kriegt? Alleine ein mini Handy game auf die switch zu kriegen z.B. erfordert ja etliche Korrekturen
@ProgrammierenMario Жыл бұрын
Es wird der Chromium Browser und Node.js mit in die Anwendung eingebettet. Also läuft JavaScript ganz normal in einer Browser-Instanz. Die Anwendung besteht dann im Grunde nur aus HTML Seiten, CSS und JavaScript. Wie bei einer Website ;)
@saminar311 Жыл бұрын
@@ProgrammierenMario Völlig verrückt das Javascript so wandelbar ist 🤣😂
@raziehzabihiasrami9264 2 жыл бұрын
Danke
@ProgrammierenMario 2 жыл бұрын
✌️🙂
@katjaczajkov8694 2 жыл бұрын
Orch wer blede, der hat auch sächsischen Dialekt ;-) Like und Abo haste da ..... Grüße aus der Oberlausitz in Sachsen.
@ProgrammierenMario 2 жыл бұрын
Freu mich wie Bolle... Grüße 😄
@katjaczajkov8694 2 жыл бұрын
@@ProgrammierenMario na ich ooch, aber auch das Thema ist gut.
@masjutschi 3 жыл бұрын
ich werde mir in den ferien alle dwine videos angucken weil das alles noch aktuell ist und lange schon programmieren möchte
@ProgrammierenMario 3 жыл бұрын
Das freut mich natürlich. Hoffe die Videos helfen dir weiter. Kannst mir auch gerne Feedback geben falls was unklar sein sollte ✌️🙂
@masjutschi 3 жыл бұрын
@@ProgrammierenMario ok kein problem habe dich ja eben erst entdeckt
@myytkn8526 Жыл бұрын
Super Video! Ich würde mich echt freuen, wenn Du ein Video machst, vlt. eine kleine Anwendung wo etwas HTML CSS und JS schreibst.
@ProgrammierenMario Жыл бұрын
Ist notiert! ✌️
@myytkn8526 Жыл бұрын
@@ProgrammierenMario Cool Mario, freue mich jetzt schon!😃
@myytkn8526 Жыл бұрын
@@ProgrammierenMario Ich lerne Fullstack bei so einem Bootcamp deshalp die Frage. Wenn Du kleine Awendung machst kann ich nachvollziehen wie die Logik dahinter ist und würde mir helfen. Danke nochmal!
@alexandern4002 3 жыл бұрын
Super Video! Darf ich fragen welches Theme bzw. Welche Icons du in VSCode benutzt?
@ProgrammierenMario 3 жыл бұрын
Die Mirage Variante von diesem Theme: marketplace.visualstudio.com/items?itemName=teabyii.ayu
@rapier64 2 жыл бұрын
Hallo Mario! Super Video über JavaScript! In diesem Zusammenhang hätte ich eine Frage betreffend Python. Man hört oder liest, dass Python quasi JavaScript 'ablösen' sollte/wird und es wird auch als eine Art 'Allzweck-Programmiersprache' gehandelt und man sollte sie unbedingt erlernen. Es heisst auch, dass man mit Python ganze Webseiten erstellen kann etc.. Aber irgendwie habe ich diesbezüglich keinen echten Durchblick wozu Python eigentlich 'gut' sein sollte?! Wäre schön, wenn Du diesbezüglich mal ein 'Aufklärungsvideo' dazu machen könntest. Danke und Gruss, Peter😉
@ProgrammierenMario 2 жыл бұрын
Mit Python kannst du recht viel machen das stimmt. Und es gibt viele Bereiche wo du entweder Python oder JavaScript verwenden kannst. Was du persönlich verwenden möchtest ist deine Vorliebe. Die universellen Sprachen nähern sich auch immer mehr an. Da spielt das keine wirkliche Rolle mehr. Aber Python wird JavaScript in einem Bereich niemals verdrängen. Dem Frontend. Die Browser können nur JavaScript interpretieren. Du könntest z.B. Backendseitig PHP mit Python ersetzen oder NodeJS mit Python. Aber für das Frontend ist dies nicht möglich. 🤷♂️
@rapier64 2 жыл бұрын
@@ProgrammierenMario Hallo Mario! Vielen lieben Dank für die Beantwortung meiner Frage. Jetzt sieht die Sache schon etwas klarer aus! Gruss, Peter🙂
@emilynageli7809 Жыл бұрын
life saver
@ProgrammierenMario Жыл бұрын
✌🙂
@prple_mk2236 3 жыл бұрын
super video mach weiter so abo ist da
@ProgrammierenMario 3 жыл бұрын
Alles klar, dann kann’s ja losgehen 😉
@prof.dr.robertpustow1577 3 жыл бұрын
Auch finde, dass das ein richtig tolles Tutorial ist. Alles ist super nachvollziehbar! :) Allerdings gibt es Probleme beim Öffnen der Konsole, wenn man sie in VS Code versucht zu öffnen. Du hattest sie bereits geöffnet. Bei mir erscheinen Fehlermeldungen wie: Der Befehl "node" ist entweder falsch geschrieben oder konnte nicht gefunden werden. oder auch fehler beim laden der webansicht Rufe ich die Konsole falsch auf oder was könnte der Fehler sein? Herzliche Grüße und dankeschön! Robert
@ProgrammierenMario 3 жыл бұрын
Hallo Robert, als erstes musst du im Browser die index.html öffnen bzw. die Datei in welche deine JavaScript Datei eingebunden ist. Dann kannst du im Browser die Konsole öffnen indem du einfach F12 drückst. Dann öffnet sich ein kleiner Bereich an der Seite oder unten. Normalerweise musst du nach jeder Änderung in der JavaScript die Seite im Browser aktualisieren wenn du die Änderungen sehen möchtest. Es gibt aber auch die Möglichkeit den Live Server zu verwenden, welche eine Extension für VS Code ist. Wie du diese einrichtest und benutzt erkläre ich in diesem Video: kzfaq.info/get/bejne/kMyCZKei38qslYk.html Hoffe das hilft dir erstmal ein wenig weiter... Grüße ;-)
@prof.dr.robertpustow1577 3 жыл бұрын
@@ProgrammierenMario Moin Mario! Das ist genau die Antwort, die ich gesucht habe. Hilft mir sehr viel weiter! Herzlichen Dank!
@serdar_a 3 жыл бұрын
Hallo Mario, welche Software verwendest du, um dein Bildschirm aufzunehmen und deine Videos zusammenzuschneiden?
@ProgrammierenMario 3 жыл бұрын
Hallo, zum Aufzeichnen nutze ich aktuell Filmora Scrn. Für den Schnitt verwende ich aber Davinci Resolve.
@serdar_a 3 жыл бұрын
Programmieren mit Mario Danke sehr für die schnelle Antwort.
@devmich99 2 жыл бұрын
Super hilfreich für die ersten Schritte! Danke. Ich benötige JS für ein Serverprojekt (eventuell auch mit Node JS). Ohne HTML/CSS. Was sind dafür geeignete Bücher oder Ressourcen, um sich das selbst beizubringen? Fast alles, was ich sehe, verlangt nach HTML incl. CSS als Voraussetzung.
@ProgrammierenMario 2 жыл бұрын
Vielen Dank! Für Node JS habe ich ein Tutorial für Einsteiger gemacht. Vllt. magst du ja mal reinschauen --> kzfaq.info/get/bejne/iblzmK6Z1L-ce58.html
@devmich99 2 жыл бұрын
@@ProgrammierenMario Danke, Mario. Das habe ich mir schon angeschaut. Es geht also vielmehr um JS Server und Client seitig. Es gibt wirklich viele tolle Tutorials, auch von Dir. Aber meist geht es dann doch um Webentwicklung. Das genau benötige ich nicht.
@ProgrammierenMario 2 жыл бұрын
Ja Webentwicklung ist hier das Kernthema auf diesem Kanal. Trotzdem vielen lieben Dank fürs reinschauen :)
@Michaeldabrowski Жыл бұрын
Hallo Mario! Ich bin doch tatsächlich ein Fan von dir geworden. Der Hammer - aber egal....ich habe da nochmal eine Frage: ich habe für das arbeiten mit VSC "Five-Live" heruntergeladen. MUSS ich es irgendwo einbinden, denn die Automatisierung funktioniert nicht! Kannst du mir das bitte nochmal Schritt für Schritt erklären? Ich wäre dir auf Ewig echt dankbar Gruß, Michael
@ProgrammierenMario Жыл бұрын
Hallo Michael, dazu hatte ich mal ein Tutorial gemacht --> kzfaq.info/get/bejne/iMWbjMeKrraRgYE.html Wenn du aber kein PHP verwendest und erstmal mit JavaScript verwendest empfehle ich dir lieber diese Erweiterung zu verwenden --> marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer Erfahrungsgemäß gibt es damit weniger Probleme.
@plan0go 2 жыл бұрын
48:10 so var ist global und let ist local (also für den jeweiligen Gültigkeitsbereich, gleich das heisst Space oder so)?
@plan0go 2 жыл бұрын
var is function scoped and let is block scoped.
@ProgrammierenMario 2 жыл бұрын
Variablen die mit var deklariert werden, sind auf den unmittelbaren Funktionskörper beschränkt (function scoped), während let Variablen auf den unmittelbaren umschließenden Block beschränkt sind, also { } (Block scoped). Somit ein dickes Bingo! ;)
@chiroaksun8737 2 жыл бұрын
Hallo Mario. Du sagst .querySelector('#id')... Wasist der Unterschied zur .getElementById('id')?? Und warum sagst du nicht zum Bespiel ('id').innerHtml = `und gibst etwas ein`;? Danke dir schon mal im voraus super content :D
@ProgrammierenMario 2 жыл бұрын
Hallo Chiro, es gibt viele Möglichkeiten wie man das ganze machen kann. Dabei gibt es nicht unbedingt ein richtig oder falsch. Mit querySelector z.B. hast du mehr Möglichkeiten wie du etwas selektieren kannst. Bedeutet aber nicht das die andere Methode schlecht ist. Ziel ist immer das es am Ende funktioniert ;)
@mbarnick1 Жыл бұрын
Es ist zwar toll dass man das erste und das letzte Element aus einem Array oder obj wegnehmen oder ändern kann, aber was, wenn ich was aus der Liste löschen muss, das irgendwo in der MItte ist oder wo ich die Position überhaupt nicht kenne? Z.B. aus der Obstliste den Apfel und ich weiß nicht, an welcher Stelle der Apfel ist. Mein bisheriger Lösungsansatz um so ein Element z.B. aus der Mitte zu löschen (auch in PHP) war, dass ich das bisherige Array OHNE das zu löschende Element in ein neues Array kopiere und dann das alte wieder mit dem neuen überschreibe. Aber auch hier muss ich das Element bzw. dessen ID genau kennen, damit ich darauf zugreifen kann. Aber es muss doch eine bessere Lösung geben, oder?
@ProgrammierenMario Жыл бұрын
Ganz genau. Dafür gibt es die Array.splice() Funktion, schau mal hier --> developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Damit kannst du Elemente im gesamten Array hinzufügen, ersetzten und löschen. Das machst du über den Index, welchen du z.B. über Array.findIndex() ermitteln kannst --> developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex Hoffe das hilft dir erstmal weiter ;)
@BenREIS-to7vf Ай бұрын
Hallo Mario, hast du die source code von dem Kurs auch irgendwo. Ich wollte es selbst nachvollziehen.
@peterk.2925 Жыл бұрын
Hallo Mario. Ich habe da eine Frage zum Einbinden der Javascript Datei bzw mit dem Finden von Elementen. Z.B. habe ich auf Seite A ein H1 Element dem ich per Javascript einen Wert übergebe. Wenn ich mich auf Seite B befinde wo dieses Element nicht existiert bekomme ich dann auf der Konsole diese Fehlermeldung Cannot set properties of null. Die Fehlermeldung hat zwar keine Auswirkungen aber nervt trotzdem. Kann man die irgnedwie unterbinden?
@ProgrammierenMario Жыл бұрын
In diesem Fall solltest du prüfen ob das jeweilige Element existiert, und nur wenn ja etwas damit machen: let element = document.querySelector('.my-class'); if (element !== null) { // Mache irgendwas damit ;) }
@peterk.2925 Жыл бұрын
@@ProgrammierenMario Danke 🙂
@fatehaziz1249 2 жыл бұрын
super eine frage als was arbeitest du?
@ProgrammierenMario 2 жыл бұрын
Als Softwareentwickler
@mbarnick1 Жыл бұрын
Minute 29: Normalerweise ist eine if-Abfrage kein eigener Gültigkeitsbereich. Zumindest nicht in sonstigen Programmiersprachen. Bei einer Funktion ist das klar, das wäre ein separater eigener Bereich, aber dass das hier in JS auch innerhalb einer IF-Abfrage ist, ist doch ungewöhnlich.
@ProgrammierenMario Жыл бұрын
Dies zählt aber auch nur für let und const wenn diese innerhalb von if, for etc. definiert wurden. Diese sind block scoped - erzeugen quasi für einen block (geschweifte Klammern) einen separaten Gültigkeitsbereich. Bei var ist das nicht so, hier wird der globale scope (Gültigkeitsbereich verwendet). var nutzt nur innerhalb von Funktionen einen separaten Gültigkeitsbereich wenn es dort deklariert wurde.
@mbarnick1 Жыл бұрын
@@ProgrammierenMario das erklärt einiges. Ich wusste nur bisher dass var etwas mächtiger ist, wusste aber nichts Genaues. Habe mir auch weiter keine Gedanken gemacht, weil ich das von php mit der Gültigkeit anders gewohnt bin. "Let" kann man ja auch weglassen. Folgendes müsste doch dasselbe sein: Also Let a = 2 dasselbe wie a = 2, oder?
@teamlugel6210 3 жыл бұрын
Sehr schönes Video ich habe nur eine Frage die währe wie du die Console geöffnet hast, ich habe mir das Programm runtergeladen. Ich habe aber nichts gefunden wie ich die Konsole links an der Seite öffne. ich hoffe du findest Zeit mir mal zu helfen. ;)
@ProgrammierenMario 3 жыл бұрын
Ich zeige es im Video ab Minute 4:00 Hoffe das hilft dir weiter. Drücke einfach mal F12 im Browserfenster 😉
@teamlugel6210 3 жыл бұрын
@@ProgrammierenMario Oh danke dankeschön :)
@teamlugel6210 3 жыл бұрын
@@ProgrammierenMario Tut mir ja leid das ich so viel frage aber ich habe vor deinem Video noch nie etwas damit zu tun gehabt. Ich habe die Konsole geöffnet aber ich weiß halt nicht wie man das so zu sagen verbindet(ich dachte eigentlich das passiert mit dem console.log ). Ich hoffe du kannst mir das irgentwie schriftlich erklären. Ich bin sehr interessiert an dem Tema. Übrigens machst du das sehr gut. :) LG
@ProgrammierenMario 3 жыл бұрын
Mit console.log kannst du nur etwas auf der Konsole ausgeben. Für VS Code musst du dir die Live Server Extension installieren. Das kannst du direkt im VS Code machen. Danach startest du den Live Server in VS Code für deine index.html Datei in der du dein JavaScript verwendest mit Rechtklick auf die html Datei und der Auswahl "Start Live Server ...". Danach öffnest du im Browser die Seite localhost:5500 falls das nicht schon automatisch passiert ist. Dort öffnest du dann die Browserconsole mit F12. Jetzt aktualisiert sich die Seite (Und auch die Browserconsole) automatisch nach jeder Änderung an der Datei(en). Du kannst dir auch gerne mein Extension Video für VS Code anschauen, da zeige ich das mit dem Live Server: kzfaq.info/get/bejne/kMyCZKei38qslYk.html
@solotunic 2 жыл бұрын
ist ja gut und schön Prob ist : wie kommen die Daten (Ausgabe) in den Browser rüber von VSC bei mir bleibt das Fenster Leer. Danke für eine rasche Antwort
@ProgrammierenMario 2 жыл бұрын
Um generell eine Website/Daten im Browser auszugeben benötigst du HTML. Da empfehle ich dir mein HTML Grundlagen Tutorial --> kzfaq.info/get/bejne/aaqaoMtou52Ufnk.html Wenn du aber mit JavaScript HTML dynamisch generieren und ausgeben möchtest, kann ich dir dieses Video empfehlen --> kzfaq.info/get/bejne/qsqXn8mBst2rdok.html Wenn du noch Hilfe bei VS Code benötigst dann empfehle ich dir die ersten 2 Videos aus dieser Playlist --> kzfaq.info/sun/PLnqycjkeRGqmlJvXkxqSvIynlxaiKecPN Hoffe das hilft dir erstmal weiter :)
@michaelschroder1159 3 жыл бұрын
Hallo Mario, dein Tutorial gefällt mir sehr, aber ich bekomme immer eine Fehlermeldung, die da lautet: newContend is not defined. Wo liegt der Fehler? Kannst du vielleicht etwas dazu sagen? Liebe Grüsse
@ProgrammierenMario 3 жыл бұрын
Hallo Michael, nun es wird newContend verwendet aber es wurde zuvor nicht definiert. Hast du es vllt. bei der Definition anders geschrieben? Ansonsten kann ich ohne deinen Quellcode zu sehen nur vermuten woran es liegen könnte 😉
@michaelschroder1159 3 жыл бұрын
Hallo Mario, danke für die schnelle Antwort. Der Quelltext ist genauso, wie in deinem Video. Ich habe ihn einfach mal 1 : 1 kopiert. Ich hoffe, ich habe doch nichts übersehen? Vielen Dank nochmal für die schnelle Antwort. Absenden let clickButton=document.querySelector('#click-button'); clickButton.addEventListener('click',eingabe); function eingabe() { let input=document.querySelector('#input'); let output=document.querySelector('#output'); let newDiv=document.createElement('div'); let newContent=document.createTextNode(input.value); newDiv.appendChild(newContend); output.appendChild(newDiv); input.value=""; } Liebe Grüsse Micha
@ProgrammierenMario 3 жыл бұрын
Hallo Micha, ja wie vermutet hast du es versehentlich falsch geschrieben: let newContent=document.createTextNode(input.value); newDiv.appendChild(newContend); In der ersten Zeile steht bei dir "let newContent" mit t am Ende und bei appendChild darunter hast du "newContend" mit d am Ende geschrieben. Grüße...
@michaelschroder1159 3 жыл бұрын
Aaah, ich war schon am verzweifeln. Jetzt klappt es. Vielen Dank nochmals für schnelle kompetente Antwort. Gruss Micha
@plan0go 2 жыл бұрын
ich hab in nem anderen video von dir gesehen das manchmal EXPORT for deinen funktionen steht. hmmm. war das typeScript?
@ProgrammierenMario 2 жыл бұрын
Typescript habe ich bisher noch nicht in meinen Tutorials verwendet. Das Export/Import kann für das erstellen und verwenden von Modulen verwendet werden.
@plan0go 2 жыл бұрын
@@ProgrammierenMario ja unter Export/Import fündig gewoden. funcs die in anderen Scripts verwendest werden sollen können brauchen ein Export.
@plan0go 2 жыл бұрын
errinnert mich an das uralte schon ziemlich ausgestorbene Abab (SAP)
@go0ad 2 жыл бұрын
1:31:00 ja hab ich gerne gesehen. Will aber darauf hinweisen, dass sowas mit framworks m.E. deutlich lesbarer ist. Beispiel angular : kzfaq.info/get/bejne/r9mipdWVkrXKaIk.html Vue.js vielleicht heute beliebter. Aber ja ich denke es schadet nie zu wissen wie es in real JS aussieht. Ich lerne von deinen Tuts. Mein JS wissen ist lange her und teilweise veraltet
@ProgrammierenMario 2 жыл бұрын
Die Frameworks nehmen einem einiges ab. Es ist immer eine Fall zu Fall Entscheidung je nach Projekt. Ich verwende sehr gerne Vue.js aber für kleine Sachen oder bei Projekten wo ich nicht sonderlich viel JavaScript brauche verzichte ich lieber und benutze das bisschen JS so. :)
@Isy01 2 жыл бұрын
Hey Mario, vielen Dank für deine Videos, sie haben mir bei HTML und CSS sehr geholfen. Ich habe habe bei diesem Video „ JavaScript „ ein Probelm. Ich kann nicht VS Code Studio mit Console von Chrome Verbinden. Die Console in Vs Code wird gezeigt, aber wie du es in deinem Video machst, kann ich nicht. Wie kann ich mich mit Console von Chrome Verbinden, dass ich sehe kann, was ich da gerade geschrieben habe. Ich kann sogar eine Seite in Chrome offenen, aber die Console irgendwie nicht. Danke dir für deine Hilfe.
@ProgrammierenMario 2 жыл бұрын
Also im Video habe ich einfach die Browser Console oder den Browser an sich neben VS Code gelegt. Also einfach die zwei Fenster nebeneinander. Zur Browser Console kommst du wenn du im Browser F12 drückst. Dann öffnet sich die Console. Über die 3 Punkte kannst du einstellen das dieser Bereich ein eigenständiges Fenster sein soll. Damit aber automatisch hier eine Ausgabe kommt direkt nach dem speichern in VS Code, ohne extra die Seite im Browser neu zu laden, dafür ist eine Erweiterung für VS Code notwendig. Diese heißt "Live Server". Einfach im Bereich Erweiterungen danach suchen und installieren. Nun kannst du deine index.html Datei, per rechten Mausklick in VS Code und dann mit Live Server Starten, im Browser anschauen und die Hot Reloading Funktionalität ist mit aktiviert. Das läuft dann alles unter einem temporären Web Server unter der Adresse localhost:5500 Wenn du hier wieder die Browser Console öffnest sollte dann alles klappen. Hoffe das hilft dir erstmal weiter ;)
@Isy01 2 жыл бұрын
Danke dir👍
@kustuz7302 2 жыл бұрын
Super Video! Aber irgendwie hat jeder hier auf KZfaq ein Beispiel mit einem Inputfeld, einen Button und eine liste in der etwas eingefügt wird. leider macht keiner mal was außergewöhnliches wie Dropdown listen oder sogar von einander abhängig sind... so etwas wäre doch mal interessant.
@ProgrammierenMario 2 жыл бұрын
Vielen Dank für dein Feedback. Ich kann gut verstehen das dieses Beispiel, welches ich am Ende zeige, etwas ausgelutscht daherkommt. Aber es ist einfach. Also gut für Anfänger/Einsteiger geeignet um erste Schritte zu machen. Es ist viel wichtiger die DOM Manipulation an sich zu verstehen, dann kannst du auch außergewöhnliche Dropdowns erstellen. Aber du bringst mich gerade auf die Idee nochmal ein umfangreicheres Video zu DOM Manipulation zu machen. Fehlt noch irgendwie auf meinem Kanal :)
@kustuz7302 2 жыл бұрын
@@ProgrammierenMario Vielen dank für eine Antwort, macht nicht jeder KZfaqr. Ich mag deinen Kanal wirklich sehr denn das ist der einzige Kanal, mit zwei anderen, wo ich meine Ganzen Informationen her hole. Du bist einer der wenigen bei dem man es merkt wie viel Mühe du dir gibst. Das wäre wirklich super! Danke dafür im Voraus. wirklich, ich mag deinen Content und du bist auch sehr sympathisch. Kopf hoch und mach weiter so, ich wünsche dir nur das Beste. MfG Ein großer Programmieren mit Mario Fan
@ProgrammierenMario 2 жыл бұрын
Alles klar, hau rein ✌️🙂
@Lyrik-Klinge 2 жыл бұрын
Hallo Maria, vielleicht eine etwas unpassende Frage unter diesem Tutorial, sorry! Ich schwanke momentan noch etwas zwischen JS und PHP? Ich kenne die ewigen Kritiken von PHP, aber was denkst Du?
@ProgrammierenMario 2 жыл бұрын
Hallo Ralph, da ich um diese Uhrzeit die Maria nicht mehr erreiche muss ich dir das ein andermal beantworten. 😂 Bis dahin Gegenfrage: Was möchtest du denn umsetzen? Also welches Ziel hast du?
@Lyrik-Klinge 2 жыл бұрын
@@ProgrammierenMario Sorry, ich bin nach einem harten Tag wohl etwas müde, daher mein Verschreibser und habe mich wohl bei PHP etwas mit der Datenbankanbindung (MySQL oder MariaDB) beschäftigt. Und Maria und Mario sind fast identisch :-) Ich danke Dir für Deine schnelle Rückmeldung, was aber nicht geeilt hätte. Es geht um Webseiten-Programmierung. Ok, PHP-> Backend und JS -> Frontend. Vermutlich ist dabei aber JS wohl universeller. Achja, und ich möchte Dateien lesen können. Geht wohl aber auch mit AJAX unter JS.
@ProgrammierenMario 2 жыл бұрын
Alles kein Problem, hab’s mit Humor genommen. Nun du hast Recht. JavaScript ist universeller und du brauchst es so oder so. Ich habe damals mit PHP angefangen und verwende ich auch heute noch sehr gerne. Aber das hat in deinem Fall vermutlich auch Zeit für später. Ich würde mich am Anfang eher erstmal auf eines konzentrieren und dort mein Wissen vertiefen. Dann fällt es dir später leichter andere Sprachen zu lernen. Es gibt sehr viele Parallelen.
@Lyrik-Klinge 2 жыл бұрын
@@ProgrammierenMario Lieber Mario, vielen Dank für Deine wiederum sehr schnelle und fundierte Antwort. Ich danke Dir für Deine Zeit und für Deine Mühen! Beste Grüße, Ralph
@kleckskeck8324 3 жыл бұрын
Was folgt nachdem man das sich angeschaut hat? Also die Anwendung? Ich weiß ja bis jetzt nicht wie ich JavaScript anwenden soll/kann.
@ProgrammierenMario 3 жыл бұрын
In diesem Video geht es erstmal um die absoluten Grundlagen. Wie du JavaScript einbindest/benutzt, Wie du Variablen definierst, was Funktionen sind, Objekte, Arrays usw. und wie du anhand eines Beispiels einen Wert von einem Input Feld auslesen und auf der Website ausgeben kannst. Dies wirst du für so gut wie alles brauchen wenn du JavaScript verwenden möchtest. Und dann? Wie gehts weiter? Als erstes solltest du dir Gedanken darüber machen was du für ein Projekt umsetzen möchtest. Daran orientiert sich am Ende alles. Also was möchtest du programmieren?
@kleckskeck8324 3 жыл бұрын
@@ProgrammierenMario Also mein Ziel ist es mich im Bereich Frontend weiterzuentwickeln. Später auch node.js & react.js zu lernen. Interactive Internetseiten bauen etc. Gibts da eine Roadmap für?
@ProgrammierenMario 3 жыл бұрын
Das Video hier sollte dir einen guten Überblick geben. kzfaq.info/get/bejne/f9SJhpmBr93UYnk.html
@kleckskeck8324 3 жыл бұрын
@@ProgrammierenMario Danke du bist ein cooler Typ. Ich mag wie einfach du Dinge erklärst. Ein Abo hast du sicher!
@ProgrammierenMario 3 жыл бұрын
Freut mich das ich dir weiterhelfen konnte ✌️🙂
@plan0go 2 жыл бұрын
36:25 also ich hoffe mal Vererbung (Klassen Zeug) geht auch in JS
@ProgrammierenMario 2 жыл бұрын
Schau mal hier rein da geht es um die Nutzung von JavaScript Klassen --> kzfaq.info/get/bejne/bceIaceKqrrLgYE.html
@benjaminschmidt586 2 жыл бұрын
Hey Mario, ich stelle mir gerade eine Frage, was ich für "sinnvoller" halten soll. Was ist denn deine Meinung dazu? Ich möchte Daten in mein Skript auf einer Datei importieren und bearbeiten. (Dies sind einzelnen Artikel mit ca. jeweils 10 Attributen). Da ich lokal irgendwie mit fetch nichts öffnen kann (ohne Webserver), fällt JSON erst einmal flach. Ich habe nun einfach eine js datei erzeugt, in welcher die Daten in einem Array und darin in einer Struktur liegen. Dieses Arry, kann ich mir mit getData() in mein Skript holen. --> Funktioniert top. Frage nun: Sollte man für so etwas klassen anlegen, oder ist das vollkommen ok so? Wie lagt man eigentlich eine klasse in einem array an? Ich meine, wenn ich eine JSON eingelesen hätte, hätte ich ja auch keine klasse, oder? Zweite Frage wäre: Ichhabe im HTML viele direkte Überschriften usw. Wenn man es nun internationalisieren muss/will und die Sprache umschalten muss, wie löst man das denn am geschicktesten? Muss man jetzt hier überall bspw. den innerhtml code im mittels js anpassen? Dritte Frage: wenn ich in meinem mit tailwind erstellten Projekt seiten habe, welche in unterordner liegen, kann man dann auch irgendwie je unterordner bzw. je seite eine style.css erzeugen, oder muss man von allen seiten auf ein und die selbe css vom Hauptverzeichniss schauen?
@ProgrammierenMario 2 жыл бұрын
Na hab schon auf den nächsten Kommentar von dir gewartet 😂 Generell kannst du das JSON Format auch direkt in JavaScript nutzen, also ohne es in einer externen Datei zu haben. Hier kannst du es z.B. einfach einer Variable zuweisen. Internationalisierung ist so ein Thema wo es tonnenweise Ansätze gibt wie man sowas umsetzen kann bzw. was man dafür auch verwenden kann. Das hängt dann stark davon ab was das Ziel ist und wie umfangreich das Projekt ist und ob du Frameworks einsetzt und und und. SEO ist hierbei auch ein Thema falls das wichtig sein soll. Pauschal kann ich da so nichts sagen. 🤷♂️
@benjaminschmidt586 2 жыл бұрын
@@ProgrammierenMario OK, kannst Du was zu den anderen Fragen sagen?
@ProgrammierenMario 2 жыл бұрын
Bei Tailwind macht es Sinn nur eine CSS Datei zu haben und diese überall einzubinden.
@benjaminschmidt586 2 жыл бұрын
@@ProgrammierenMario OK, weil ich gerade mal einem kollegen ein "Teil" eines Projektes senden wollte, damit er es sich mal ansieht und da im html die css dateil im Hauptverzeichnis liegt, hätte ich entweder die einbindung ändern müssen, oder den Kompletten Hauptordner mit senden müssen. das fan ich etwas unschön. Aber naja, wenn das so ist, dann werde ich es mal akzeptieren. Man hätte es halt so schön abgekapselt gehabt.
@ProgrammierenMario 2 жыл бұрын
Ja das kann ich verstehen. Der Grund ist das sonst sehr vieles doppelt und dreifach vorhanden ist. Also CSS Klassen die du in allen HTML Dateien verwendest. Der Vorteil ist auch wenn du nur eine hast, diese dann vom Browser gecached wird und somit nur einmalig geladen werden muss auch wenn der Besucher der Seite weitere Seiten von deiner Website anschaut.
@mbarnick1 Жыл бұрын
Mich irritiert furchtbar, dass die js-Dateien erst am Ende der Html-Datei eingebunden werden, aber ihre Funktion schon vorher aufgerufen wird. Wieso funktioniert das? Ich muss nach meinem bisherigen Programmierverständnis doch erst die Werkzeuge laden, bevor ich sie benutzen kann und nicht umgekehrt. Kann mich noch etwas an Fehlermeldungen - auch des Browsers - erinnern, dass sich ein Programm deshalb beschwert, weil eine Funktion aufgerufen wurde, die noch gar nicht definiert bzw. vorhanden war. Ist das mittlerweile anders? Deshalb gibt es ja in JQuery auch die $-Ready-Anweisung, die sicherstellt, dass der Code erst ausgeführt wird, wenn alles geladen wurde.
@ProgrammierenMario Жыл бұрын
Hi, kannst du mir ein Timestamp vom Video geben? Ist schon eine Weile her und so kann ich besser auf das Beispiel eingehen. Grundsätzlich musst du die JS-Dateien nicht am Ende einbinden. Du kannst diese auch im document-Head einbinden und da aber mit dem Attribut "defer" wenn dieses erst ausgeführt werden soll wenn das document vollständig da ist. Wichtig ist nicht immer unbedingt die Reihenfolge wann etwas definiert wurde sondern wann etwas ausgeführt wird. Zudem gibt es in JavaScript das sogenannte Hoisting. Javascript schiebt alle Deklarationen von Funktionen "nach oben" (das nennt man function hoisting). Funktionen dürfen also aufgerufen werden, bevor sie definiert werden. Hoffe dies hilft dir erstmal etwas weiter :)
@benjaminschmidt586 2 жыл бұрын
Hi. Ich mal wieder Bin ja recht neu in Sachen js unterwegs. Mich hatte es bspw. Gewundert, dass man von einem Skript auf eine in einem anderen Skript mit let global deklarierte Variable zugreifen kann. …. Dann wurde mir gesagt, dass man das nicht machen soll… schon klar, aber wie verpacke ich sie denn dann? Muss man eine {} um das Skript machen, Oder legt man seine Logik in Klassen an und deklariert im Haupt Skript dann nur die entsprechende Klasse, oder wie gehst Du da vor?
@ProgrammierenMario 2 жыл бұрын
Hallo, auch ich mal wieder ;) Mein Rat an dich ist wenn etwas funktioniert dann ist es richtig. Es gibt wahnsinnig viele Wege wie man etwas umsetzen kann, wie man etwas programmieren kann. Es gibt kein richtig oder falsch wenn es funktioniert. Es gibt nur Vor- und Nachteile. Und das hängt immer von den Gegebenheiten bzw. den Umständen ab. Willst du beruflich programmieren oder machst du es nur für dich selbst für private Projekte? Falls letzteres zutrifft dann mach es ruhig so wie es für dich Sinn macht. Wenn es sich für dich gut organisieren lässt und du den Überblick behältst dann ist das vollkommen ok. Natürlich kannst du auch alles in Klassen organisieren, aber das könnte für den Anfang auch viel zu viel sein. Und macht erst ab einer bestimmten Projektgröße auch wirklich Sinn. Wie immer nur meine Meinung ;) Wie ich da Vorgehe? Das hängt stark von der Projektgröße ab. Bei kleinen Sachen halte ich es ganz unkompliziert, mit wenig mitteln schnell und einfach zum Ziel. Bei großen Projekte mit hunderten Dateien werden Frameworks und verschiedene Pattern verwendet um alles wartbar und skalierbar zu halten.
@benjaminschmidt586 2 жыл бұрын
@@ProgrammierenMario ja das hört sich soweit ok an. Also. Beispiel: Habe eine Script.js und darin variablen mit let deklariert. (Also vor dem eingekochten Code, da ich sie in dem Skript überall verwenden wollte). Da meinte jemand zu mir, dass das schlecht wäre, weil diese dann auch von anderen Skript Dateien angesprochen werden können. Wie siehst Du das? Ps. Genau das habe ich mir zu nutze gemacht und eine data.js. Angelegt, in welcher ich die Daten aus dem eingentlichen Skript ausgelagert habe. (Datei wird von außen erzeugt). Mir wäre natürlich eine JSON lieber, welche ich von außen ind Skript bekomme, aber wenn ich die html lokal ohne Webserver nutzen möchte, dann geht ja fetch nicht. Hast Du hier noch ne andere Idee? Ich habe jetzt auch bei einem wahrscheinlich für Dich Mini Projekt Tailwind genutzt. (Gerade mit den Klassen und Grid finde ich toll. Würdest Du das für einen Anfänger ok finden? Ach ja, wenn Du größere Projekte hast und Daten zwischen Skripten austauschen musst, die nichts voneinander wissen. Wie geht das in js? Bspw. In C# kann man ja ein Event „schmeißen“, welches dann außerhalb der deklarierten Klasse im Main abgefangen werden kann und an die entsprechend andere klasse übergeben werden kann. In js so ähnlich? Sorry wenn es so grundlegende Fragen sind, aber möchte gerne auf dem richtigen Weg in js starten.
@ProgrammierenMario 2 жыл бұрын
Zum ersten hast du es ja in der Hand ob andere Skripte auf die selben Variablen/Daten zugreifen dürfen/können. Das kann von Vorteil sein oder ein Nachteil. Es ist in größeren Projekten sogar gängige Praxis dies so zu machen. Man hat einen zentralen Store wo man sämtliche Daten vorhält und wo verschiedene Komponenten darauf zugreifen/Daten ändern die wiederum auch Auswirkung auf andere Komponenten haben. Wichtig ist hierbei das du es so organisierst das du den Überblick behältst und z.B. keine Variablen/Funktionen verwechselst. Ansonsten können diese durch andere Skripte/Komponenten unwissentlich überschrieben werden. Wie du siehst es gibt hier kein generelles Falsch. Wenn ich sowas brauche dann nutze ich dafür ein JS Framework, wie z.B. Vue.js Das alles in reinem JS abzubilden ist mir mittlerweile zu umständlich geworden, werde zu Vue.js auch Tutorials machen ;) PS.: Ich sehe kein Problem darin Tailwind zu verwenden...
@benjaminschmidt586 2 жыл бұрын
@@ProgrammierenMario OK, danke. Kannst DU noch was zum Einlesen von JSON ohne webserver sagen? Ps. kannst Du auch noch meine Frage in deinem Fetch Video ansehen? Danke ;-)
@ProgrammierenMario 2 жыл бұрын
Bei einigen Browsern ist es aus Sicherheitsgründen nicht erlaubt auf lokale Dateien zuzugreifen. Du könntest dies zwar erlauben aber dies gilt dann generell auch wenn du normal den Browser "online" verwendest. Falls du dein Projekt nur für dein Heimnetz verwenden möchtest dann kannst du dir auch einen Web Server einrichten, dies würde ich dir empfehlen wenn du auch per Handy z.B. über wlan auf deine Projektseite zugreifen willst. Über xampp oder wamp gibt es fertige pakete für windows die du verwenden kannst. Oder über eine NAS wo es ebenfalls web server für gibt, das wäre dann mein persönlicher Favorit ;)
@aluuusch 2 жыл бұрын
Wie verfährt man, wenn man die Values aus mehreren(!) Inputfeldern mit einem(!) Button-Click ausgeben möchte? Bsp . Input(Vorname) Input (Nachname) "ButtonClick" --> Output: Vorname Nachname Hab schon Einiges versucht, wie etwa #input-2 sowie #output-2 einfach nach einem Komma in die gleiche Klammer wie #input bzw. #output zu setzen. jQuery möchte ich hierfür nicht verwenden.
@ProgrammierenMario 2 жыл бұрын
Wenn du die Werte aller Input Felder ausgelesen hast kannst du diese aneinanderketten und zusammen ausgeben. Zeichenketten kannst du ganz einfach mit + zusammenfügen.
@aluuusch 2 жыл бұрын
@@ProgrammierenMario Danke dir!
@gitarrenghost 3 жыл бұрын
Wie kann man ein langes Zahlen-Array [10,20, 5, 10, 2, 5, usw.] im Quelltext von JS in mehrere Zeilen schreiben (also Zeilenumbruch im Quelltext)? Der Formater in JS setzt mir alle Zahlen untereinander.
@ProgrammierenMario 3 жыл бұрын
Einfach über mehrere Zeilen schreiben, dabei kannst du beliebig viele Werte je Zeile definieren (Beim letzten Wert kein Komma danach): let numbers = [ 10, 20, 5, 10, 2, 5 ];
@gitarrenghost 3 жыл бұрын
Wenn ich das so mache und danach speichere, dann setzt der "Formater" wieder alles untereinander und macht dann ein Komma nach dem letzten Wert (5). Muss man da an der Formater-Einstellung was ändern? (Habe VS-Code nach deinen Vorschlägen eingerichtet)
@ProgrammierenMario 3 жыл бұрын
Dieses Verhalten klingt schonmal merkwürdig. Es ist möglich das bei dir mehrere Code Formatter laufen. Es gibt auch mehrere Prettier extensions. Wenn du in deinem JavaScript File bist, Drück mal SHIFT+ALT+F Damit formatierst du den Code, falls mehrere Formatter für JavaScript aktiv sind kommt eine Meldung und du musst einen auswählen. Hoffe das hilft erstmal weiter ;-)
@gitarrenghost 3 жыл бұрын
@@ProgrammierenMario Danke für die Rückmeldung. Ich habe nur den Prettier installiert. Na, ja dann ist es halt so :-)
@gitarrenghost 3 жыл бұрын
Habe gerade den Prettier Version 6.3.2 installiert - scheint jetzt zu funktionieren.
@mehrgeld31 2 жыл бұрын
Was soll man tun damit die Ausgabe sich automatisch wie bei dir in Browser aktualisiert? Es steht bei dir localhost 5500, ich habe die Datei einfach rübergezogen, vielleicht deswegen:(
@ProgrammierenMario 2 жыл бұрын
Hallo, ich verwende für VS Code eine Erweiterung. Live Server. Damit hast du dann dieses Feature.
@mehrgeld31 2 жыл бұрын
@@ProgrammierenMario Mal noch blödere Frage: was soll man machen damit man überhaupt die Ausgabe bekommt? Ich merke erst jetzt, dass ich keine richtige Ausgabe habe, sondern es wird einfach der Code aus VS doubliert.
@ProgrammierenMario 2 жыл бұрын
Schau mal hier rein -> kzfaq.info/get/bejne/iMWbjMeKrraRgYE.html Ist zwar nicht direkt der Live Server, aber funktioniert vom Prinzip her gleich. Falls dir die erweiterten Features zusagen kannst du auch gleich diese verwenden 🙂
@benjaminschmidt586 2 жыл бұрын
Hi, ich möchte aus einer Table daten auslesen und beschreiben. so funktioniert es: let rows = document.getElementById("CtDataTable").rows; let myrows = Array.from(rows); for(i=1;i
@ProgrammierenMario 2 жыл бұрын
Erscheint bei dir ein Fehler auf der Browser Console?
@benjaminschmidt586 2 жыл бұрын
@@ProgrammierenMario Bei diesem Code: let rows = PageElement.CtDataTable.rows; let myrows = Array.from(rows); myrows.forEach(function(row) { let cells = row.getElementsByTagName("td"); console.log(cells[0]); let myindex = Keys.indexOf(cells[0].innerHTML); if(myindex != -1) { cells[1].innerHTML = Values[myindex]; } else { cells[1].innerHTML =""; } }); erscheint das in der console: script.js:50 Uncaught TypeError: Cannot read property 'innerHTML' of undefined das ist die Zeile mit der cells[0].innerHTML abgerufen wird.
@derprogrammierer8792 3 жыл бұрын
Coole Tutorials. Habe das direkt mal versucht. Visual Studio Code und Live Server installiert. Allerdings unter Linux das Ganze. Aber da fehlt mir die Console links. Wäre cool, wenn mir da jemand helfen könnte :D :0 :D
@ProgrammierenMario 3 жыл бұрын
Grüße... was meinst du mit console links? Steh da gerade aufm Schlauch 😂
@derprogrammierer8792 3 жыл бұрын
@@ProgrammierenMario Ich meine den Bereich, wo die Ausgaben erscheinen, den du erwähnst. kzfaq.info/get/bejne/maeZhsWcvNymgYk.html
@ProgrammierenMario 3 жыл бұрын
Die console erreichst du entweder mit F12 (Browserfenster muss dabei aktiv sein) oder du klickst mit der rechten Maustaste in das Browserfenster und gehst auf "Untersuchen". Dann öffnen sich auch die dev tools. Dort dann den Tab console auswählen. Wenn du den Live Server verwendest dann musst du natürlich vorher die Seite unter localhost:5500 aufgerufen haben ;-)
@lavanananthavel6160 Жыл бұрын
@ProgrammierenMario Жыл бұрын
✌️
@mehrgeld31 2 жыл бұрын
Die console.log Angaben bei script tag (ab 10:00) funktioniert bei mir nicht. Was mache ich falsch?
@ProgrammierenMario 2 жыл бұрын
Da musst du mir schon mehr Infos geben. So kann ich dir nicht sagen was du evtl. falsch machst.
@drahnier63 Жыл бұрын
@Programmieren mit Mario Hallo Mario, du hattest nicht darauf hingewiesen, daß du die index.html mittels LiveServer bereits aufgerufen hattest, so dass das console.log() sofort ausgeführt wird.
@masjutschi 3 жыл бұрын
warum so unbekannt wenn du dir so vuel mühe gibst
@ProgrammierenMario 3 жыл бұрын
Die Themen auf diesem Kanal sind wohl nicht so Trendy. Oder ich muss mich noch weiter verbessern und ins Zeug legen. Naja mit Geduld und Spucke wird das schon ✌️🙂
@masjutschi 3 жыл бұрын
@@ProgrammierenMario ok ich wünsch dir noch viel glück
@ProgrammierenMario 3 жыл бұрын
Vielen Dank 🙏
@aluuusch 2 жыл бұрын
Hmm, ich bekomme leider keine Ausgabe bei Klick auf den Button. Habe aber deinen Code 1 zu 1 übernommen. Ratlos...
@ProgrammierenMario 2 жыл бұрын
Hi, kommt ein Hinweis in der Browser Console? Der Fehler liegt meistens im Detail. Zwischen Groß und Kleinschreibung wird z.B. unterschieden bei Variablen- , Funktionennamen etc...
@ProgrammierenMario 2 жыл бұрын
Heißt dein clickButton wurde nicht gefunden. Vllt hier aus versehen anders geschrieben?
@aluuusch 2 жыл бұрын
@@ProgrammierenMario Hi man, danke für deine Antwort! Jetzt läuft's. Das Problem lag wohl iwo beim script-tag. BTW, 1A-Anleitung!
@ProgrammierenMario 2 жыл бұрын
Alles klar, läuft 👍
@badmax7319 3 жыл бұрын
Irgendwie werde ich mit JS nicht so richtig warm. Mit JS bin ich auf Kriegsfuß, finde den Code sehr unleserlich.
@ProgrammierenMario 3 жыл бұрын
Tja... fürs Web Frontend kommst du leider nicht ganz drumherum bzw. du kannst es nur aufs Minimum reduzieren. Ist vielleicht ein JS Framework etwas für dich? React oder Vue? Eventuell hilft es dir da hier alles nach einem bestimmten Pattern aufgebaut ist und es übersichtlicher ist.
@badmax7319 3 жыл бұрын
@@ProgrammierenMario Naja, ich denke es wäre besser wenn ich es lernen würde, nur fällt es mir irgendwie schwer und ich vergesse es immer sehr schnell. Mit Vue hab ich etwas Erfahrung gesammelt.
@ProgrammierenMario 3 жыл бұрын
Bei mir hat das damals auch eine Weile gedauert bis ich mit JavaScript richtig warm wurde. Bleib auf jeden fall dran ;-)
@ACE-jg5mh 3 жыл бұрын
also heißt es wenn ich jetzt einen discord bot programiere und eine funtion will es so geht if(message.content == '!send') { function message() { console.log('hallo') } message();
@ProgrammierenMario 3 жыл бұрын
Hallo Zeed, mir ist nicht so richtig klar was du machen möchtest. Kannst etwas mehr ins Detail gehen?
@ACE-jg5mh 3 жыл бұрын
@@ProgrammierenMario Es gibt da so eine App die heißt Discord und man bin kann da mit seinen Freunden chatten usw, Aber es gibt so bots die auf ne nachrichten reagieren (!level) und genau das wollte ich machen
@ProgrammierenMario 3 жыл бұрын
Discord ist mir bekannt ;-) Ich meinte ob du mir näher erklären möchtest was du genau machen willst. Aber um auf dein Beispiel einzugehen müsste die Funktion eher so aussehen wenn ich es richtig verstanden habe: function checkMessage() { if(message.content == '!send') { console.log('hallo'); } } checkMessage();
@ACE-jg5mh 3 жыл бұрын
@@ProgrammierenMario oh danke 😊
@raziehzabihiasrami9264 2 жыл бұрын
entschuldigung Wie kann ich Ihnen eine Nachricht senden?
@ProgrammierenMario 2 жыл бұрын
Postbote Otto ist leider im Urlaub. Ohne ihn macht das alles keinen Sinn. Tut mir leid da müssen wir nun alle durch. Schwierige Zeit gerade.
@Hl._Br._Steffen Жыл бұрын
Nicht unbedingt: Bitte aktualisieren. Das ist auch javascript !!!
@Hl._Br._Steffen Жыл бұрын
Das Klappmenü hat ein Javascript im Bodybereich, damit es funktioniert und wird mit eingebunden.
@ProgrammierenMario Жыл бұрын
Bitte mal dazu den Timestamp schreiben, damit ich weiß worauf sich das bezieht. Vielen Dank 🙂
SMOL Italian
Рет қаралды 45 МЛН
Programmieren mit Mario
Рет қаралды 26 М.
Programmieren mit Mario
Рет қаралды 39 М.
Programmieren Starten
Рет қаралды 31 М.
Programmieren mit Mario
Рет қаралды 13 М.