Importiere JSON und CSS Dateien in JavaScript // Kein Fetch

Рет қаралды 2,668

Күн бұрын

JavaScript Import/Module sind hervorragend um das eigene Projekt besser und übersichtlicher zu gestalten. Neben dem statischen Import können diese Module auch dynamisch importiert werden z.B. beim auslösen eines Events. Damit reduzierst du die initiale Menge an Dateien die vom Browser heruntergeladen werden. Entsprechende Module werden somit erst geladen und ausgeführt wenn diese auch benötigt werden. Zudem zeige ich dir wie du JSON-Dateien ebenfalls als Modul importieren kannst und oben drauf auch noch CSS Dateien. Happy Coding!
caniuse.com/?search=adoptedSt...
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:14 Dynamischer Import
06:55 JSON Import
13:16 CSS Import
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Modulare Programmierung mit JavaScript:
↪︎ • Lerne Modulare Program...
Lerne JavaScript Promises:
↪︎ • Lerne JavaScript Promi...
HTML Formular mit JavaScript verarbeiten (inkl. Dateiupload):
↪︎ • HTML Formular mit Java...
📌 Ü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 vielen Jahren beruflich als Web Entwickler 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 #ProgrammierenM

Пікірлер: 10

@lisawolff2398 2 жыл бұрын

Danke aus Rostock, bitte gerne mehr von deiner tollen pädagoschischen Feinarbeit!!!

@ProgrammierenMario 2 жыл бұрын

Da ich hier jedesmal alleine mit einem Stück Metall Selbstgespräche führe, ja warum eigentlich nicht 😂

@DonosDankos 2 жыл бұрын

Cool Cool Cool. DANKE für deine tollen Tutorials......mich würde echt mal interessieren ob ich mit js auch eine json -datei erstellen, bearbeiten und Einträge verändern kann? Quasi ob ich mir eine kleine Datenbank für mich erstellen kann? (Ohne eine Server-Datenbank) Wäre Mega wenn ich erfahren könnte ob das funktioniert und wenn ja, wie es funktioniert. 😀

@ProgrammierenMario 2 жыл бұрын

Hi, also direkt über den Browser kannst du keine Dateien erstellen oder ändern. Dazu bräuchtest du Serverseitig dann Node.js oder PHP z.B. Was du aber im Browser machen kannst ist die IndexedDB zu verwenden. Ist eine Art Datenbank im Browser. Ist auch ein Tutorial von mir dazu geplant. Aber da kannst du dir das ja schonmal selbst anschauen ✌️🙂

@stillready6405 2 жыл бұрын

Hey, habe dich vorhin erst entdeckt. Ich mag deine Eklärweise sehr, hast zumindest mein Abo bekommen :D. Vielleicht mal die Frage, wo es ja noch zum Thema des Videos passt. Wie würdest du denn so ein Dark/Light Theme Button "bauen". Würdest du das denn mit dem Laden neuer Stile (import) machen und würdest du dafür Cookies verwenden oder auf lokalen Speicher gehen?

@ProgrammierenMario 2 жыл бұрын

Hi, so wie im Video würde ich das derzeit noch nicht machen, weil es noch relativ neu ist und noch nicht von allen Browsern unterstützt wird. Aber in Zukunft werde ich es bestimmt mal so machen. Den Status würde ich persönlich im localStorage des Browsers ablegen, weil der Wert da kein Verfallsdatum hat, dieser beim Client auch bleiben kann und weils mir persönlich seit dem Cookie Hinweis Murks in der EU eh viel lieber ist soweit möglich auf Cookies zu verzichten. Cookies werden ja auch Serverseitig abgelegt. Das hast du beim localStorage/sessionStorage des Browsers nicht. Da bleiben die Daten beim Client.

@MyOliver64 2 жыл бұрын

Hobbies: "Brötchen über der Spüle aufschneiden" 😂😂😂 Ich glaube, wenn ich die Freundin von diesem Max wäre, würde ich ihn dringenst zum Psychologen schicken ... 😉 Da wäre doch Apfelkuchen backen ein weitaus schöneres Hobby! 😉

@ProgrammierenMario 2 жыл бұрын

Solange es nur Brötchen sind ;)