JavaScript – die besten Beiträge

Nach langem Überlegen habe ich mich für einen Online-Shop entschieden und dazu habe ich ein paar Fragen:

1) Reichen ca. 400 Stunden (Programmier-/Lernzeit), um so ein großes Projekt wie einen Online-Shop (auf Junior-Level) zu programmieren?

Ich habe bis jetzt ca. 300 Stunden gelernt + ein paar kleine Projekte gebaut (HTML, CSS, JS, React und ein bisschen Backend Node.js). Und ich wollte noch ca. 100 Stunden nutzen, um noch paar Sachen zu lernen, welche ich für den Bau von einem Online-Shop gebrauchen könnte.

Somit wäre ich bei ca. 400 Stunden Lernzeit. Reicht es?

2) So ein Online-Shop auf (Junior-Level): Wie viele Stunden braucht man, um es zu bauen, wenn man wie gesagt ca. 400 Stunden Lernzeit hinter sich hat?

3) Und was müsste ich noch wissen, außer HTML / CSS / JS / React / Node.js?

Mit GitHub kenne ich mich auch mittlerweile aus und ich will es dann am Ende auf Vercel deployen.

Vielen Dank!

Hallo, seit heute sehen alle Webseiten irgendwie komisch aus, Gutefrage geht aber trotzdem. Alle Webseiten sehen so hier aus.

Hallo Community,

für unser Unternehmen möchte ich gerne eine einfache Website selbst erstellen.

.

Folgende Tabs möchte ich haben: Start - Über uns - Leistungen - Wissenswertes - Kontakt

Auf der Startseite möchte ich eine Slideshow von Bildern unserer Firma einfügen, bei Über uns Bilder von unserem Team, bei Leistungen eine Auflistung unsere Leistungen, bei Kontakt eben Kontaktmöglichkeiten inklusive Google Maps Location.

Und in der Fußzeile (die auf allen Seiten zu sehen ist) sollten nochmal allgemeine Informationen wie Kontakt, Adresse, Öffnungszeiten, google Maps, Impressum, Datenschutzerklärung zu sehen sein.

.

Alles in allem also eine sehr einfache basic Website. Trotzdem eine Herausforderung für mich, da ich kein Webdesigner bin. Ich möchte die Seite trotzdem selbst erstellen und sie nicht in Auftrag geben.

.

Ich frage mich deshalb, bzw frage euch Webdesign-Community, ob es einfach möglich ist, den Quellcode einer Muster-Website (oder den einer schon vorhandenen Website) zu nehmen und an den relevanten Stellen die eigenen Inhalte einzufügen.

Wenn ja, woher bekomme ich solche Muster und/oder wo sind Herausforderungen, wenn ich einfach eine vorhandene Website kopieren und die relvanten Inhalte (Namen, Texte, Bilder) austauschen möchte?

.

Liebe GF-Gemeinde,

ich möchte eine Diskussion über modernes Webdesign anstoßen und eure Meinungen dazu hören. Ist es gut oder schlecht? Mir persönlich kommt das heutige Webdesign ineffizient und unübersichtlich vor, insbesondere im Vergleich zu den Jahren 2012 bis 2016, als Websites noch mäßig bis kaum JavaScript verwendet haben.

Mittlerweile scheint es notwendig zu sein, für jede Kleinigkeit eine JavaScript-Animation zu integrieren. Ein dickes, fettes Button-Design öffnet oft animierte Menüpunkte, was die Rechenleistung des Geräts unnötig beansprucht. Früher war das Webdesign simpler und fokussierter auf die Benutzerfreundlichkeit, ohne übermäßige Effekte und Animationen.

Hier sind ein paar Punkte, die ich zur Diskussion stellen möchte:

1. Performance und Effizienz:

- Viele moderne Websites belasten die Rechenleistung und Akkulaufzeit von Geräten stark. Vor allem bei älteren Geräten oder schwächerer Hardware kann dies zu einem langsamen und frustrierenden Benutzererlebnis führen.

- Ist die zunehmende Nutzung von Animationen und dynamischen Inhalten wirklich notwendig oder geht sie auf Kosten der Effizienz?

2. Benutzerfreundlichkeit:

- Durch die Vielzahl an Animationen und Effekten kann die Benutzerfreundlichkeit leiden. Nutzer müssen oft mehr klicken und warten, um zu den gewünschten Informationen zu gelangen.

- War die Benutzerfreundlichkeit früher besser, weil die Seiten einfacher strukturiert waren?

3. Designtrends und Ästhetik:

- Natürlich spielt auch der ästhetische Aspekt eine Rolle. Moderne Websites sehen oft beeindruckend aus und bieten eine ansprechende visuelle Erfahrung.

- Ist dieser ästhetische Fortschritt die zusätzliche Rechenleistung und mögliche Unübersichtlichkeit wert?

Ich bin gespannt auf eure Meinungen!

wie macht man es das man Dateien löscht oder bearbeitet mit JavaScript und html

PHP lernen im PHP-Kurs beim ILS - PHP-Datenbankentwickler

Ist Programmierer wirklich so ein Beruf bei dem man hauptsächlich alleine arbeitet? Erfordert nicht gerade dass, zusammen an Projekten zu arbeiten gute Teamarbeit? Gerne eigene Erfahrungen, wenn ihr selbst in der IT-Branche tätig seid.

Hey, ich habe angefangen, Webentwicklung zu lernen und habe am Anfang HTML, CSS gelernt, dann JS / React / und ein bisschen Node.js MongoDB.

Ich habe auch schon kleine Apps programmiert, wie einen Taschenrechner/ To-Do-App und eine kleine Wetter-App gebaut.

Ich habe ungefähr 300 Stunden gebraucht. Jetzt will ich mich an ein großes Projekt trauen, wie eine Chat-App.

Klar wird es nicht so umfangreich da ich alleine bin und noch viel lernen muss, aber denkt ihr: Kann man nach 300 Stunden Programmiererfahrung es anfangen zu programmieren? Und wie viele Wochen könnte es dauern, wenn ich jeden Tag ca. 6-8 Stunden programmieren und lernen würde?

Wie kann ich, wenn ich mich zwar in Windows 10 (fast) perfekt zurechtfinde, aber von programmieren nur bis zu ScratchMitEdu-Skills komme, richtiges coden lernen?

Ich würde gerne anhand dieser Anleitung für ein Problem auf den Event listener in JavaScript in Android zugreifen...

Siehe Link: https://broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/

In order to play the video in Android, I also have an event listener in the JavaScript which plays the video when the element is clicked on, somewhat like this:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

Kann mir jemand bittet erklären, wie das genau bewerkstellige diesen Code in dem erwähnte Event Listener einzutragen bei einem Android Smartphone?

Hey , da ich schon 29J bin und viel unnötig Zeit früher verbrannt habe, möchte ich einiges nachholen, da ich überhaupt nicht da bin wo ich eigentlich schon mit fast 30J stehen wollen würde ..

Ich lerne aktiv Programmierung und möchte mich auch später nach paar Jahren Arbeit mich auch in dem Bereich selbständig machen .

Ich habe aktuell Zeit um viel zu lernen und zu arbeiten , glaubt ihr kann man es schaffen für paar Jahre pro Woche 100 Stunden arbeiten/lernen?

Ich möchte mir halt was in dem Bereich aufbauen und am liebsten so schnell wie möglich und deswegen möchte ich bis zu 100 Stunden pro Woche investieren um mir da was aufzubauen solange ich noch relativ jung bin .

Glaubt ihr ist es realistisch für 3 Jahre pro Woche 100 Stunden zu lernen/arbeiten ?

Ich weiß das z.b in USA auch manche Investmentbanker auch sehr oft 100 Stunden Wochen haben und es paar Jahre schaffen also ist es realistisch oder ?

Hallöchen 👋 

Bin gaaanz neu in der Thematik programmieren, und zwar ich würde gerne bei meinem aktuell Projekt (Währungsrechner) noch die Funktion hinzufügen das man von USD zu Euro umrechnen kann. 

Ich habe selbst probiert eine "Funktion" hinzuzufügen allerdings funktioniert diese wohl nicht. Wäre um Hilfe und eine kleine erklärung sehr sehr dankbar. (Benutze VS)

Wenn ich nun in C++ die Funktion benutze, um zufällige Zahlen zu generieren, wo kommen diese dann her? Einen Zufall kennt der Pc doch garnicht?

Hallo!

Ich will ein Passwort, das eingegeben wird, vergleichen. Doch es kommt immer wieder diese Fehlermeldung:

Eingegebenes Passwort: n1234
admin:238 Benutzername: nadine
admin:242 Uncaught ReferenceError: form is not defined
  at validatePassword (admin:242:18)
  at HTMLButtonElement.onclick (admin:161:100)

Der Code im AdminController sieht so aus:

public function validatePassword(Request $request, $userName) {
  try {
    $password = $request->input('password');

    // Benutzer anhand des Benutzernamens finden
    $user = User::where('username', $userName)->first();

    // Debugging-Informationen in das Log schreiben
    \Log::info('Benutzername: ' . $userName);
    \Log::info('Benutzer gefunden: ' . ($user ? 'Ja' : 'Nein'));

    if (!$user) {
      return response()->json(['valid' => false, 'message' => 'Benutzer nicht gefunden']);
    }

    // Überprüfen, ob das gespeicherte Passwort im Bcrypt-Format ist
    $passwordInfo = password_get_info($user->password);
    \Log::info('Passwort-Algorithmus: ' . $passwordInfo['algoName']);

    if ($passwordInfo['algoName'] !== 'bcrypt') {
      return response()->json(['valid' => false, 'message' => 'Das gespeicherte Passwort verwendet nicht den Bcrypt-Algorithmus.']);
    }

    // Passwortüberprüfung
    $passwordCheck = Hash::check($password, $user->password);
    \Log::info('Passwort korrekt: ' . ($passwordCheck ? 'Ja' : 'Nein'));

    if ($passwordCheck) {
      return response()->json(['valid' => true]);
    }
    else {
      return response()->json(['valid' => false, 'message' => 'Ungültiges Passwort']);
    }
  }
  catch (\Exception $e) {
    \Log::error('Fehler bei der Passwortvalidierung: ' . $e->getMessage());
    return response()->json(['valid' => false, 'message' => 'Serverfehler. Bitte versuchen Sie es später erneut.'], 500);
  }
}

Und im admin blade so:

function showPasswordModal(route, userName) {
  console.log('showPasswordModal() wurde aufgerufen mit Route:', route);
  $('#passwordModal').modal('show');
  $('#passwordForm').attr('action', route); // Setze die Aktion des Passwort-Formulars auf die gewählte Route
  $('#passwordForm').data('userName', userName);
  console.log(userName);
}

function validatePassword() {
  console.log('validatePassword() wurde aufgerufen');
  var enteredPassword = document.getElementById('passwordInput').value;
  var userName = $('#passwordForm').data('userName');
  console.log('Eingegebenes Passwort:', enteredPassword);
  console.log('Benutzername:', userName);

  $.ajax({
    type: 'POST',
    url: form.action,//$('#passwordForm').attr('action'), // Stellen Sie sicher, dass dies die richtige Route ist
    data: {
      '_token': '{{ csrf_token() }}',
      'password': enteredPassword
    },
    success: function(response) {
      console.log('Server-Antwort:', response);

      if (response.valid) {
        $('#payForm').submit();
      }
      else {
        alert(response.message || 'Falsches Passwort! Bitte versuche es erneut.');
      }
    },
    error: function(xhr, status, error) {
      console.error('AJAX-Fehler:', error);
      alert('Fehler beim Validieren des Passworts. Bitte versuche es später erneut.');
    }
  });

Warum kommt immer wieder eine Fehlermeldung? Ich habe schon alles probiert und das schon seit Stunden! Danke.

Ich kann sehr gut JavaScrpt und ein wenig C#.

Das Ding ist, ich sage ehrlich, ich habe kein Bock auf die Ausbildung zum Fachinformatiker für Anwendungsentwicklung.

1. Zu wenig Geld
2. Ich interessiere mich nicht für jeden Bereich der Programmierung
3. Ich mag nur JavaScript, php und C#

Kann man auf Software Entwickler werden ohne Ausbildung oder Studium? Das machen doch viele oder nicht?

Guten Tag,

ich würde gerne von der Website: "https://www.choicelab.de/schools" alle Daten in einer Tabelle darstellen (Schule, Adresse, Telefonnummer, usw.).

Die Schulen werden jedoch erst angezeigt, wenn man explizite Angaben macht. Das wäre sehr viel Arbeit, das alles selbst herauszuschreiben.

Gibt es eine Möglichkeit, die Datenbank von der Website zu extrahieren? Kennt sich jemand vielleicht mit so etwas aus?

Wüdet ihr wenn ihr Programmierer werden wollt eher eine Fachchule machen oder eine Lehre?

Hallo!

Obwohl ich schon etwas Erfahrung mit CSS und Javascirpt habe, bin ich gerade das erste mal auf folgendes Problem gestoßen:

Ich habe für eine Website im Kopf in einem <style> - Bereich einige Klassen definiert.
(z.B.:
.header { border:1px outset gray; margin:.5em; padding:.5em; border-radius: 50%; height: 8%; width: 90%; }
und unten im body dann:
 <div class="header">)
Den Stil dieser Klassen will ich durch Javascript dynamisch ändern.
Javascript soll also nicht den style von einzelnen HTML-Elementen ändern, und auch nicht HTML-Elementen neue Klassen zuweisen. Vielmehr soll der Stil der Klasse direkt geändert werden, so daß sich die Änderung auf alle Elemente dieser Klasse auswirkt.

Konkret möchte ich das Layout dynamisch an die Größe des Browserfensters anpassen. Ein onResize Eventhandler im Body löst eine Javascript-Funktion aus, die entsprechende Änderungen im Layout vornimmt. Dabei wäre es natürlich praktisch, wenn man ähnlich aussehende Elemente (= gleiche class = gleicher CSS-style) auch zusammen anpassen könnte, und zwar auch mit errechneten Werten (z.B. Math.floor(clientHeight / 2)).

Habe lange gegoogelt und auf den üblichen Plattformen gesucht, habe aber immer nur Anleitungen gefunden, wie man Elementen neue Klassen zuweist.

Im Moment löse ich das Problem mit einer for-Schleife:
const AllHeaders = document.getElementsByClassName("header");
for (let i = 0; i < AllHeaders.length; i++) {
var Radius = Math.floor(AllHeaders[i].clientHeight / 2)
AllHeaders[i].style.borderRadius = Radius.toString() + "px";
}
und so weiter, für alle Klassen einzeln.
Das kann irgendwie doch nicht die beste Lösung sein...
Es muß doch eine Möglichkeit geben, auf die Klassen-Definitionen im Stylesheet mit Javascript zuizugreifen. Ansonsten wäre die Funktionalität von CSS doch stark eingeschränkt.

Hoffe, jemand kennt sich aus...

Hallo zusammen, ich habe kürzlich meine Weiterbildung als Frontend-Entwickler abgeschlossen und bin nun auf Jobsuche. Trotz des oft berichteten Fachkräftemangels scheint der Markt für Junior-Stellen hart umkämpft zu sein. Meine Bewerbungsunterlagen wurden von der Weiterbildung geprüft, also können sie nicht so schlecht sein.

Ich habe einen B.Sc. in Business Administration und habe vor kurzem meine Weiterbildung zum Frontend-Entwickler abgeschlossen. Ich habe während des Studiums ein Praktikum im Bereich Operations bei einem IT-Startup absolviert und arbeite derzeit wieder dort als Praktikant, diesmal als Frontend-Entwickler. Aus Budgetgründen können sie im Moment keine neuen Mitarbeiter einstellen. Während dieser Zeit plane ich, mich weiter zum Fullstack-Entwickler (TypeScript + React) zu qualifizieren.

Alternativ denke ich darüber nach, ein SAP-Zertifikat zu erwerben, um eine Stelle im SAP-Bereich zu suchen. Hier gibt es wirklich Stellenangebote (Trainee/Junior) ohne Ende.

Eine weitere Option wäre eine Bewerbung als IT-Consultant, obwohl ich das Gefühl habe, dass ich dafür mehr Erfahrung als Entwickler benötige. Wie soll ich Unternehmen beraten, wenn ich selbst keine Ahnung habe?

Es ist frustrierend, nach dem Sparen und Absolvieren der Weiterbildung keine Stelle zu finden, aber ich bleibe optimistisch und offen für Möglichkeiten. Ich hoffe, ihr könnt mir vielleicht ein paar Tipps geben.

Vielen Dank im Voraus