Webentwicklung – die neusten Beiträge

Weiterbildung im Bereich Webentwicklung?

Ich bin gelernte Mediengestalterin im Bereich Gestaltung und Technik und habe mich nach der Ausbildung 6 Jahre mit der Erstellung von Kundenwebseiten mit Website Buildern beschäftigt, basierend auf Wordpress und Gutenberg, hier war vor allem effizientes, schnelles Arbeiten, gutes Kundenverständnis, sehr präzise und saubere Arbeit und vor allem Leidenschaft für Design, Typo und Layout wichtig. Im Moment bewerbe ich mich auch in diesem Bereich aber bisher ohne Erfolg leider, obwohl ich weiß, dass ich sehr viel leisten kann. Dies ist natürlich für das Selbstwertgefühl einfach ernüchternd.

Ich überlege im Moment über einen Bildungsgutschein eine Weiterbildung im Bereich Frontend- oder sogar Fullstack-Entwicklung zu machen. So könnte ich meine kreativen Skills und meine gutes Auge sowie UX kombinieren mit technischem Know-how und idealerweise Wissen zu KI. Bis Ende Juni bin ich noch angestellt und freigestellt, danach arbeitslos.

Hat jemand bereits Erfahrung gemacht mit einer Weiterbildung in die Richtung und kann mir einen Anbieter empfehlen? Vielleicht gibt es sogar Angebote, welche ich berufsbegleitend weiterführen könnte, sollte ich währenddessen einen Job finden.

Im Moment beziehen sich meine Skills wie gesagt sehr auf den kreativen Bereich (Adobe Creative Suite), ich habe aber auch gute Kenntnisse in CSS und HTML (auch Schulungen intern dazu gegeben).

Kenne mich mit den Microsoft Programmen und Google Workspace aus sowie mit Wordpress (eigene Portfolio Webseite damit aufgesetzt), Gutenberg, Elementor (auch weitere Pagebuilder). Auch in Typo3, Magento und Drupal habe ich bisher gearbeitet, zT. auch mit Git, hier müsste ich aber grundlegend auffrischen, da dies einige Jahre zurück liegt. Ich lerne schnell und bin interessiert an einer zukunftssicheren Arbeit.

Ich freue mich über Tipps und eure Erfahrungen :)

Berlin, Bewerbung, Job, Gehalt, Berufswahl, Karriere, Bildungsgutschein, Informatik, Umschulung, Webentwicklung, Weiterbildung, Weiterbildungsmöglichkeiten, Frontend-Entwicklung

HTML Website - Kontaktformular zurücksetzen nach Abschicken?

Hallo zusammen,

ich will, dass mein Kontaktformular nach dem Abschicken wieder zurückgesetzt wird mithilfe von Javascript. Leider kenne ich mich mit Javascript null aus und ChatGPT findet hierfür auch kein Skript, dass bei mir funktioniert (oder ich bin einfach zu dumm das korrekt im html Code einzufügen )

Folgend die HTML-Seite dazu. (Head hab ich weggelassen, da sonst zu viele Zeichen)

    <body>
        <header>
            <h1>
                <div class="logo">
                    <a href="index.html"><img src="bilder/Logo_Tierhilfe.png"></a>
                </div>
                Tierhilfe Europa e.V. - Mitglied werden
            </h1>


            <nav>
                <ul>
                    <li><a href="index.html">Startseite</a></li>
                    
                    <li><a href="ueber-uns.html">Über uns</a></li>
                        
                    <li class="dropdown">
                        <a href="unterstuetzung.html">Unterstütze uns</a>
                            <ul class="dropdown-content">
                                <li><a href="mitglied_werden.html">Mitglied werden</a></li>
                                <li><a href="spenden.html">Spenden</a></li>
                            </ul>
                    </li>
                </ul>
            </nav>
        </header>
        
        <main class="background">
            <div class="container">
                <h3>Mitglied werden - jetzt registrieren</h3>
                <h6>*Pflichtfelder</h6>
                <br>
                <div class="aufzaehlung">
                    <form>
                        <label for="mail">*E-Mail:</label>
                            <input type="email"name="input_mail_field"id="mail" required>
                                <br>


                        <label for="username">*Benutzername:</label>
                            <input type="text"name="input_username_field"id="username" required>
                                <br>


                        <label for="birthday">Geburtsdatum:</label>
                            <input type="date"name="input_birthday_field"id="birthday">
                                <br>


                        <label for="password">*Passwort:</label>
                            <input type="password"name="input_password_field"id="password" required>
                                <br>


                        <label for="confirmpassword">*Passwort bestätigen:</label>
                            <input type="password"name="input_confirm_password_field"id="confirmpassword" required>
                                <br>


                        <label for="sex">Geschlecht: </label>
                            <select type="select" name="input_sex_field" id="sex">
                                <option>keine Angabe</option>
                                <option>Männlich</option>
                                <option>Weiblich</option>
                            </select>
                                <br>


                        <label for="checkdataprotection">*Ich akzeptiere die <a href="datenschutz.html">Datenschutzbestimmungen von Tierhilfe Europa e.V.: </a></label>
                            <input type="checkbox" name="check_data_protection" id="checkdataprotection" required>
                                <br>
                                <br>
                                <br>


                        <input type="reset" name="reset_field" id="reset" value="Zurücksetzen">
                        <input type="submit" name="submit_field" id="submit" value="Absenden">
                                <br>
                    </form>
                </div>
            </div>
        </main>


<script>
    const form = document.querySelector("form");


    form.addEventListener("submit", function(event) {
        event.preventDefault(); // verhindert echtes Absenden


        alert("Vielen Dank! Dein Formular wurde erfolgreich abgeschickt. Du erhältst in Kürze eine Bestätigung per E-Mail von uns.");


        // Wichtiger Trick, damit das Reset nach dem Alert wirklich ausgeführt wird
        setTimeout(() => {
            form.reset();
        }, 0);
    });
</script>


        <a title="Zurück nach oben" class="back-to-top" href="#top">&#8593</a>



        <footer>
            <p>&copy; 2025 Tierhilfe Europa e.V. </p>
            <a href="datenschutz.html">Datenschutz</a>
            <a href="impressum.html">Impressum</a>
        </footer>


    </body>
        
</html>

Hat jemand von euch einen Tipp, wie ich das mit Javascript machen muss, damit das Formular nach dem Absenden automatisch zurückgesetzt wird?

Sonstige Tipps zu meinem HTML nehme ich auch dankend an. :-)

Liebe Grüße

HTML, Webseite, Programmiersprache, Webdesign, Webentwicklung

JQuery Code umschreiben value "1" und value "2"?

Kann man den Code so umschreiben oder ändern, dass wenn man zurück auf keine_dieser_Krankheiten anklickt, dass dann alle Felder _Erkrankungen den value "1" zurück bekommen?

$(document).ready(function() {
  let krankheitenCheckboxes = $("input[type='checkbox'][name$='_Erkrankungen']").not("#keine_dieser_Krankheiten");
  let keineCheckbox = $("#keine_dieser_Krankheiten");
  
  function updateValues() {
    krankheitenCheckboxes.each(function() {
      let hiddenInput = $("input[type='hidden'][name$='_Erkrankungen']");
      if ($(this).prop("checked")) {
        hiddenInput.val("2");
      } else {
        hiddenInput.val("1");
      }
    });
  }
  
  krankheitenCheckboxes.on("change", function() {
    if ($(this).prop("checked")) {
      keineCheckbox.prop("checked", false);
      $("input[type='hidden'][name='keine_dieser_Krankheiten']").val("1");
    }
    updateValues();
  });
  
  keineCheckbox.on("change", function() {
    if (keineCheckbox.prop("checked")) {
      // Setzt alle _Erkrankungen Felder auf "1"
      krankheitenCheckboxes.each(function() {
        $(this).prop("checked", false);
        let hiddenInput = $("input[type='hidden'][name$='_Erkrankungen']");
        hiddenInput.val("1");
      });
      $("input[type='hidden'][name='keine_dieser_Krankheiten']").val("2");
    } else {
      $("input[type='hidden'][name='keine_dieser_Krankheiten']").val("1");
    }
    updateValues();
  });
  
  updateValues();
});
HTML, Webseite, JavaScript, HTML5, Code, JQuery, Programmiersprache, Script, Webentwicklung, Frontend

Meistgelesene Beiträge zum Thema Webentwicklung