Programmieren – die besten Beiträge

Verwandte Themen
Someone266
21.12.2023, 07:44

Mein Problem als Anwendungsentwickler?

Hallo,

ich bin ausgelernter Fachinformatiker für Anwendungsentwicklung.
Meine Ausbildung habe ich dieses Jahr abgeschlossen und ich hatte vor meiner Ausbildung auch keinerlei Vorerfahrung was Programmierung angeht.

In meiner Ausbildung habe ich mich immer wieder schwer getan die Prinzipien hinter dem Code zu verstehen.
Das heißt ich konnte ihn schon irgendwie anwenden, aber wenn mich jemand gefragt hat "erklär mir mal den Unterscheid von dem und dem" hatte ich darauf meist keine Antwort.

In meiner Ausbildung gab es auch nicht viel mit Grundlagen erlernen, wir wurden quasi schnell bereit gemacht um an der Software der Firma zu arbeiten.

Das Problem was ich heutzutage habe: Ich verstehe oft die Hintergründe von verschiedenen Zeugs in der Programmierung nicht.

Ich kann quasi die Sachen anwenden, aber genau erklären könnte ich es nicht.

Ein Beispiel: Ich bin momentan in einer neuen Firma angestellt, und bin Aufgrund von mangelnder Projekte in ein internes Mobile-App Projekt gesteckt worden.
In dem Projekt bin ich ganz alleine und habe auch schon eine Lauffähige App entwickelt, wo auch bereits ein Prototyp draußen ist.
(Ich hatte vorher noch nie etwas mit Mobile-App-Entwicklung zutun gehabt, das habe ich mir in der Zeit alles selbst erlernt).
Allerdings verstehe ich den Code selber nicht so ganz. Ich könnte jetzt auch keinem anderen erklären, wofür was genau ist.
Es sind quasi Codeschnipsel die ich aus dem Internet genommen habe und dann einfach nur angepasst habe.

Ich habe das Gefühl, dass mich das zu einem schlechten Programmierer macht, und ich wollte gerne wissen, was ich eurer Meinung nach tun muss, um ein richtig guter Programmierer zu werden.

Was kann ich in meinem jetzigen Stand dafür tun?

Software, IT, programmieren, Informatik
7 Antworten
MrOsmo
14.12.2023, 19:47
Mit Links

javascript api probleme?

Hallo,

guckt euch mal meinen Code an.

JAVASCRIPT:

// INPUT
const login = document.getElementById("loginInput");
const password = document.getElementById("passwordInput");
const button = document.getElementById("sendButton");


// FETCH
const url = "https://crudcrud.com/api/4b3acc467d8c47d8a608bb9820171935/todos"



const dataRender = (array) => {
  if (array === undefined) {
    console.log("Loading results...");
  } else {
    let dataList = array.map((item) => {
      return `
      <div class="users">
        <p>${item.login}</p>
        <button onclick="deleteRequest(${item.id})">Delete</button>
        </div>
        `;
    });
    const getHtml = document.getElementById("userTable");
    getHtml.innerHTML = dataList.join("");
  }
};


const fetchData = async () => {
  try {
    const response = await fetch(url);
    const data = await response.json();
    dataRender(data);
  } catch (error) {
    console.error(error);
  }
};



fetchData();


const postRequest = async () => {
  const data = {
    login: login.value,
    password: password.value,
    isLogin: false,
  };


  try {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(data),
    });


    const results = await response.json();
    console.log(results.message);
  } catch (error) {
    console.error(error);
  }


};


button.addEventListener("click", postRequest);


const deleteRequest = async (id) => {
  try {
    const response = await fetch(`${url}/${id}`, {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
      }
    })
    const results = await response.json()
    console.log(results.message);
  }
  catch (error) {
    console.error(error);
  }
}

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD</title>
  <script  defer src="./script.js"></script>
</head>
<body>
  <form>
    <input id="loginInput" type="text" placeholder="Login">    
    <input id="passwordInput" type="password" placeholder="Password">    
    <button onclick="" id="sendButton">Send</button>


    <div id="userTable">
      
    </div>
  </form>
</body>
</html>

Mein Ziel:

Wenn ihr auf das button "Send" drückt, dann erscheint ja der value von dem input "login" auf HTML (innerHTML heisst das glaube ich). Und zusammen mit dem value erscheint auch ein anderer Button namens "Delete". Mein Ziel ist es, dass wenn ich auf "Delete" drücke, dann sollte das item aus Backend-Server und aus HTML gelöscht werden. Aber das klappt bei mir die ganze Zeit nicht. Einfacher ist es wenn ihr meinen Code einfügt und selber mal den Code testet, dann werdet ihr verstehen, was ich machen will.

Bitte helft mir! Ich sitze schon wirklich lange dranrum und ohne Erfolg!

Dankeschön im Voraus!

MfG

MrOsmo

Software, App, HTML, IT, Webseite, programmieren, JavaScript, HTML5, Code, Informatik, Programmiersprache, Webentwicklung, Frontend
1 Antwort

Meistgelesene Beiträge zum Thema Programmieren

Mehr meistgelesene Fragen zu Programmieren