Wie gut sind deine JavaScript-Fähigkeiten?

In Zukunft werden mehr und mehr Anwendungen ins Web verlagert. Dabei spielt JavaScript eine essentielle Rolle bei der Entwicklung von Webanwendungen. Daher spielt JavaScript eine immer mehr wachsende Rolle. Meine Frage an euch: Wie gut schätzt du deine Kenntnisse und Fähigkeiten in JavaScript ein?

Ich kann professionelle Webanwendungen erstellen 29%

Ich bin sehr sicher im Umgang und vieles damit umsetzen 24%

Ich habe Grundlagen in JavaScript und kann einfache Lösung bauen 18%

Ich kann die Basics von JavaScript 18%

Ich bin Fachexperte 6%

Ich besitze ein fundiertes Fachwisssen 6%

Ich kann JavaScript gut, aber es brauch noch Zeit 0%

17 Stimmen

7 Antworten

Erzesel

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Programmiersprache, Programmieren & Softwareentwicklung

31.03.2024, 11:20

Ich (ge)brauche es nur gelegentlich...

...und bin aus dem Stehgreif nicht mehr so ganz auf dem Laufenden was neuere Features angeht.

Ich sags mal so, wenn ich irgendwas damit bewirken möchte, funktioniert es. ...und was funktioniert ist gut🤭. Ich kann mit JavaScript durchaus auch komplexere Szenarien lösen, aber habe keine alltäglich Verwendung dafür.

Deine Auswahlmöglichkeiten beziehen sich lediglich auf Leute, vom Anfänger- bis Profiestatus , welche diese Sprache solitär nutzen (wollen).

Der Rest der Programmierer, welche eigentlich in anderen Sprachen beheimatet sind kommen in der Regel auch mit JavaScript zurecht. Die Grundelemente von purem JavaScript sind die gleichen, wie in jeder andern Sprache und mit ein klein wenig (Sach)Verstand und Logik kommt man auch als Nichtprofie/Gelegentlicher Nutzer zu einer funktionierenden Lösung.

Die meisten "Experten" nutzen (im täglichen Gebrauch bewusst*) nicht mal einen Bruchteil der Möglichkeiten, welche JavaScript zu bieten hat. Ich habe bisher nur äußerst selten gesehen das ein "Webentwickler" sich im Altagageschäft mit Webassembly, WebGl, Multitasking , Backroundworkern und Blobs ... etc. abgibt oder diese Möglichkeiten nutzt.

*bewusst bezieht sich auf explizite Nutzung jenseits von dem was versteckt in den Funktionen von Frameworks läuft.

TimoBu1008

31.03.2024, 03:20

Ich habe Grundlagen in JavaScript und kann einfache Lösung bauen

Es reicht für Dinge wie einfach Webanwendungen oder bspw. einen Kalender aber allzu viel kann ich damit nicht umsetzen. Hab aber auch nie den gefallen an dem der Sprache gefunden und versuche ihr möglichst aus dem Weg zu gehen😅

Woher ich das weiß:Berufserfahrung – Dualer Wirtschaftsinformatik Student

MagisterSamael

30.03.2024, 23:11

Ich bin Fachexperte

Ave!

JavaScript spielt nicht nur bei Webanwendungen eine Rolle, sondern wird mittlerweile auch für leichtgewichtige Apps genutzt, deren Anspruch dennoch bei einer hohen Performance liegt.

Durch die V8 lassen sich für jedes Unix-basierte System native Anwendungen realisieren. Das beschränkt sich schon lange nicht mehr auf Websites oder vergleichbares.

Dabei zeigt sich mit dem Fortschreiten der V8 besonders in den letzten Jahren, dass entsprechende Anwendungen mit Semi-Interpretern wie Java und C# in der Performance mithalten können bzw. dass JavaScript in der I/O-Performance aufgrund des Non-Blocking Event-Loops sogar um einiges fixer als genannte Sprachen sind.

Die Reduzierung auf Webanwendungen wird JavaScript schon seit Jahren nicht mehr gerecht.

Visual Studio Code, Discord, Microsoft Teams, einzelne Microsoft Office Programme, GitHub Desktop - nur eine geringe Auswahl an nativen Programmen, die zu 100% in JavaScript realisiert wurden.

Bizarrus

31.03.2024, 15:17

Ich kann professionelle Webanwendungen erstellen

Javascript ist aber auch nicht gleich Javascript.

Zwar ist es vom Syntax her gleich, allerdings kann man durchaus auch unterscheiden zwischen browserbasiertem Javascript, serverseitigem Javascript (Node, Rhino) und crossplattform (React & Co).

Woher ich das weiß:Berufserfahrung

Mirko Marek

Beitragsersteller

01.04.2024, 18:13

Moin Bizarrus, mit JavaScript meine ich die clientbasierte Nutzung im Browser. Aber Node.js und Co. liefern gute Möglichkeiten außerhalb vom Browser Anwendungen in JavaScript zu schreiben.

Lamanini

30.03.2024, 23:13

Ich kann professionelle Webanwendungen erstellen

Also das mach ich jeden Tag, auch wenn es echt nicht meine Lieblingssprache ist. Um genauer zu sein nutz ich viel mehr TS, weil ich es einfach für besser halte.

Manchmal möchte ich den erwürgen, der NPM erfunden hat.

Woher ich das weiß:Berufserfahrung – Softwareentwicklerin

NoArtFX

31.03.2024, 07:57

Stephen Hawking ist schon tot.

Ähnliche Beiträge

Webdesign als Sidehustle?

Ich bin derzeit am Überlegen, meine Fähigkeit des Webdesigns als Sidehustle zu nutzen, um neben der Schule noch etwas Geld zu verdienen. Ich frage mich nur, wie ich das Umsetzen soll. Reichen meine Kenntnisse in HTML CSS und äußerste Grundkenntnisse in Javascript aus, um das als Dienstleistung anzubieten?

Und wenn ja, wo kann ich es anbieten, Fiverr Z.B. ist ja glaube nicht sehr optimal. Bei dem was ich gehört habe, gibt es da fast zu viel Konkurrenz und man bekommt nicht unbedingt viele Aufträge, wenn man neu ist.

Wie kann ich diese Fähigkeit vielleicht sonst nutzen, um Geld zu machen?

...zum Beitrag

Wie in der Software Entwicklung als (noch) Quereinsteiger anfangen?

Ich möchte gerne meine Karriere in Richtung Software-/Webentwicklung lenken und suche euren Rat.

Zu meiner Person:

31 Jahre alt, 6 Jahre Erfahrung im Customer Success Management.
Selbststudium von Frontend (HTML, CSS/SASS, JavaScript/React) und Backend (Node.js, Express/Mongoose, MongoDB) seit 2 Jahren neben meinem Vollzeit Job.
Im Bachelor Software Engineering seit September 2023 (nebenberuflich) eingeschrieben.

Mein Problem aktuell ist, dass ich schwer meine Fähigkeiten einschätzen kann (ob die für eine Junior Stelle reichen?). Auch, dadurch, dass ich alleine an Projekten arbeite, fehlen mir etwas die Struktur und die praktischen "Tipps" von erfahreneren Entwickler.

Was ich schon kann: eine einfache Fullstack MERN App mir CRUD Funktionalität zu entwickeln (hosten / version control mit git usw. kann ich auch).

Trotzdem, bekommen ich auf Bewerbungen für für Junior-Positionen in Deutschland trotz vorhandener Portfolio-Webseite keine Antworten.

Könnt Ihr mir Tipps geben bzw. was mache ich falsch?

Danke für eure Hilfe!

...zum Beitrag

Frontend vs Backend?

Was findest du schwerer?

...zum Beitrag

Rückgabewert und Parameter?

Ich habe in JavaScript diese Beispiele nicht ganz verstanden:

function xyz(value)

oder

function xyz({value})

Was sind die Unterschiede und könnt ihr eventuell einfach Beispiele machen, damit es anschaulicher wirkt?

...zum Beitrag

Inwiefern unterscheiden sich React und Angular bzw. ist Angular schwerer zu erlernen, wenn man React beherrscht?

Hallo, ich habe bereits eine einjährige Weiterbildung zum Softwareentwickler abgeschlossen bzw. werde es am 07.11. mit einem Abschlussprojekt abschließen.

Nun habe ich eine Praktikumsstelle für zwei Monate gefunden und habe bei denen auch unterschrieben und fange dort am 08.11. an. Die meinte zu mir, dass die mit Angular arbeiten und ich habe in meiner Weiterbildung nur mit React gearbeitet. Das wissen die natürlich auch.

Meine Frage wäre: Inwiefern unterscheiden sich die beiden bzw. ist Angular schwerer zu erlernen, wenn man React beherrscht?

Ich muss es leider in der Praktikumszeit erlernen. Ich finde es natürlich cool, neue Technologien zu lernen, weil Angular auch gefragt ist, aber ich wollte generell wissen, wie die Unterschiede sind und ob es leicht zu verstehen ist.

Manche behaupten auch, dass React schwerer ist und das kann ich natürlich nicht bestätigen, weil ich von Angular keine Ahnung habe.

...zum Beitrag

Welche Sprache soll ich nach JavaScript lernen?

Ich interessiere mich für backend, aber mit Javascript kann man auch backend programmieren.

Sonst interessiere ich mich für Spiele? Wäre C# was für mich?

...zum Beitrag

CSS/JS Programmieren dass Link erst klickbar wenn?

Hi, ich schreibe eine Website mit so einem Fragebogen gerade und da gibt es einen Button, der zu einer nächsten HTML Seite weiterverlinkt:

<a href="seite2.html"><div>Weiter</div></a>

Ich möchte aber, dass man erst draufklicken und zur nächsten Seite gelangen kann, wenn vorher eine Auswahl getroffen wurde, also eine Bedingung vorher erfüllt ist.

Ich weiß, dass ich das CSS steuern kann wie einen unsichtbaren Knopf erst sichtbar machen, sobald die Bedingung erfüllt ist. Aber ich hätte den "Weiter Knopf" die ganze Zeit da, nur erst klickbar, sobald die Bedingung erfüllt ist. Der Link ist aber Bestandteil vom HTML nicht vom CSS und deswegen weiß ich nicht wie das geht.

Ich hoffe mir kann jemand weiterhelfen. LG

...zum Beitrag

JavaScript/html2pdf: Wieso werden die Seiten nicht richtig gedruckt?

Hi, ich möchte mit JavaScript und den Bibliotheken JsBarcode und html2pdf Barcodes generieren, einen Text oberhalb des Barcodes ausgeben und diesen dann als PDF speichern, um damit Etiketten mit Barcodes zu drucken.

Leider habe ich dabei aber das Problem, dass meine Seiten immer weiter nach oben geschoben werden und somit dann ein Label auf zwei Seiten gedruckt wird.

Kennt jemand das Problem oder kann mir dabei helfen?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>html2pdf</title>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
    <style>
      .label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60mm;
        height: 30mm;
        margin: 0;
        padding: 0;
      }

      .label-text-center {
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
      }

      svg {
        width: auto;
        height: 60%;
      }
    </style>
  </head>
  <body>
    <div class="wrapper" id="element-to-print">
      <div class="label">
        <p class="label-text-center">headline01</p>
        <p class="label-text-center">headline01</p>
        <svg id="barcode" class="label-image-center"></svg>
      </div>
    </div>
    <script>
      // Generiere Barcodes für alle SVGs mit der Klasse "barcode"
      JsBarcode("#barcode", "5901234123457", { format: "EAN13" });

      // PDF-Optionen
      var opt = {
        margin: 0,
        filename: 'barcodes.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'mm', format: [60, 30], orientation:'landscape' }
      };
      // Erstelle das PDF und speichere es
      html2pdf().set(opt).from(document.getElementById('element-to-print')).save();
    </script>
  </body>
</html>

...zum Beitrag

Warum funktioniert dieser code nicht?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Beta</title>
    <script>
        const bodyElement = document.querySelector("body");

        function setColorBlue() {
            bodyElement.background-color = "blue";
        };

        function setColorRed() {
            bodyElement.background-color = "red";
        };

        function setColorGreen() {
            bodyElement.background-color = "green";
        }
    </script>
</head>
<body>
    <div class="color-picker">
        <button onclick="setColorBlue()">Blue</button>
        <button onclick="setColorRed()">Red</button>
        <button onclick="setColorGreen()">Green</button>

    </div>
</body>
</html>

...zum Beitrag

Framework für laravel?

Hallo.

Erstmal ich kann noch kein framwork und kenne mich in php und einigermaßen in js aus.

Weil ich gehört habe, dass laravel ein gutes framework ist ,möchte ich es lernen.

Jetzt die Frage welches framwork am besten für das frontend in laravel ist?
Ich würde als erstes das frontend framwork lernen und dann laravel, ist das eine gute Idee?

Bitte auch mit Begründung.

Danke im voraus

Ps.: Ich nutze immer SCSS, bitte berücksichtigen.

...zum Beitrag

Online Formular: Felder werden in der PDF verschoben?

bei einem Online Formular habe ich eine ... Code eingebaut, weil das Formular so groß ist. jetzt verschieben sich in der pdf alle felder nach unten, aber die sollen so bleiben wie im online formular. geht das?

<label for="Traeger" style="width: 110px;">Träger</label>

</div>

im Formular:

und in der pdf:

...zum Beitrag

javascript hilfe dringendd?

Hallo zusammen!

Ich habe angefangen eine ToDoListe zu machen und bin schon fast fertig. Allerdings muss ich noch zwei Buttons fertigen und ich weiss nicht wie. Das erste Button ist "Delete All", dieser sollte alle Aufgaben (Aufgaben der ToDoListe) löschen. Das zweite ist "Change Status", dieser sollte, sofort alle Aufgaben wegstreichen oder zeigen dass diese Aufgaben gemacht worden sind. Ich hoffe auf eure Hilfen!

Bin schon richtig müde, und muss die Aufgaben schon bis morgen abschicken..

Dankeschön im Voraus!

const todoInput = document.querySelector(".todo-input");
const todoInputTwo = document.querySelector(".todo-input-two")
const todoButton = document.querySelector(".todo-button");
const todoList = document.querySelector(".todo-list");
const filterOption = document.querySelector(".filter-todo");
const deleteAllTodos = document.querySelector(".deleteAll button")


document.addEventListener("DOMContentLoaded", getLocalTodos);
todoButton.addEventListener("click", addTodo);
todoList.addEventListener("click", deleteCheck);
filterOption.addEventListener("change", filterTodo);


function addTodo(event) {
    event.preventDefault();
    const todoDiv = document.createElement("div");
    todoDiv.classList.add("todo");
    const newTodo = document.createElement("li");
    newTodo.innerText = `${todoInput.value}, Date: ${todoInputTwo.value}`; 
    newTodo.classList.add("todo-item");
    todoDiv.appendChild(newTodo);
+
    saveLocalTodos(todoInput.value);
    
    const completedButton = document.createElement("button");
    completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
    completedButton.classList.add("complete-btn");
    todoDiv.appendChild(completedButton);


    const trashButton = document.createElement("button");
    trashButton.innerHTML = '<i class="fas fa-trash"></li>';
    trashButton.classList.add("trash-btn");
    todoDiv.appendChild(trashButton);
    
    todoList.appendChild(todoDiv);
    todoInput.value = "";
}


function deleteCheck(e) {
    const item = e.target;


    if(item.classList[0] === "trash-btn") {
        const todo = item.parentElement;
        todo.classList.add("slide");


        removeLocalTodos(todo);
        todo.addEventListener("transitionend", function() {
            todo.remove();
        });
    }


    if(item.classList[0] === "complete-btn") {
        const todo = item.parentElement;
        todo.classList.toggle("completed");
    }
}


function filterTodo(e) {
    const todos = todoList.childNodes;
    todos.forEach(function(todo) {
        switch(e.target.value) {
            case "all": 
                todo.style.display = "flex";
                break;
            case "completed": 
                if(todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
            case "incomplete":
                if(!todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
        }
    });
}


function saveLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.push(todo);
    localStorage.setItem("todos", JSON.stringify(todos));
}


function getLocalTodos() {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.forEach(function(todo) {
        const todoDiv = document.createElement("div");
        todoDiv.classList.add("todo");
        const newTodo = document.createElement("li");
        newTodo.innerText = todo;
        newTodo.classList.add("todo-item");
        todoDiv.appendChild(newTodo);


        const completedButton = document.createElement("button");
        completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
        completedButton.classList.add("complete-btn");
        todoDiv.appendChild(completedButton);


        const trashButton = document.createElement("button");
        trashButton.innerHTML = '<i class="fas fa-trash"></li>';
        trashButton.classList.add("trash-btn");
        todoDiv.appendChild(trashButton);


        todoList.appendChild(todoDiv);
    });
}


function removeLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }



  deleteAllTodos.addEventListener("click", removeAllTodos);



    const todoIndex = todo.children[0].innerText;
    todos.splice(todos.indexOf(todoIndex), 1);
    localStorage.setItem("todos", JSON.stringify(todos));
}

...zum Beitrag

XHR nutzt GET anstatt POST?

Mit folgendem code versuche ich zweck logins auf meinen Server zuzugreifen

var r = new XMLHttpRequest();

r.open("POST", "/user/login", true);
r.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

r.onreadystatechange = function () {

    if (r.readyState != 4 || r.status != 200) return;

    console.log(r.responseText);
            
    if (r.responseText == '?incorrect') {

        console.log('wrong password');

    }
    else if (r.responseText == 'correct') window.location.replace('/user/');

};

r.send('pwd=' + document.querySelector('#pwd-input').value);

Wenn ich den Code ausführe, steht in der Console der Seitenquelltext als Ergebnis. Der Server (Express) registriert eine GET request und auch im Netzwerktab von Chrome wird die request Methode mit GET angegeben. Hat jemand eine Idee warum und was ich versuchen könnte, außer Alternativen zur XHR zu nutzen?

...zum Beitrag

Action URL in einem PHP-Formular über einen Schalter in Echtzeit dynamisch ändern, wie?

Also Folgendes: ich hab hier ein PHP-Formular mit einem Eingabefeld und einem Submit Button, dass die eingegebenen Werte an eine bestimmte URL sendet. (Das ist erstmal simpel) Ich habe auch herausgefunden, wie man die URL z.b mit einer Zahlenfunktion variieren kann. Auch das geht relativ leicht. Was hingegen scheinbar weniger einfach ist: Ich würde das Action Attribut, also die URL, wo die Eingaben hingesendet werden nun gerne über einen HTML-Schalter z.b Checkbox dynamisch & in Echtzeit ändern. z.b Checkbox aktiv = Daten werden an URL2 gesendet, Checkbox nicht aktiv = Daten werden an URL1 gesendet. Oder es soll einfach ein URL-Zusatz hinzugefügt werden, je nachdem ob die Checkbox aktiv ist oder nicht. Meine jetzt ganz blöde Frage: Wie oder mit welchem Ansatz kann das funktionieren? Ich habe da jetzt bereits XX Stunden rumprobiert: Normale Variablen mit Conditions definieren, Sessions starten, der Versuch ein Cookie zu setzen, dass beim Ein und Ausschalten der Checkbox gesetzt bzw. gelöscht werden soll (klappt nicht). Mit JS Codeschnipseln herumprobiert. Nichts davon scheint zu funktionieren bzw. es wird einfach immer der Zustand "checkbox unchecked" an URL1 gesendet.

Hat irgendeiner mit Ahnung ne Idee wieso das nicht funktioniert und ob es einen lösbaren Ansatz für dieses Problem gibt?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen