Ich bin Fullstack-Programmierer und möchte einen Online-Shop für einen Verwandten bauen.

Er möchte darin eine Handvoll Artikel zum bestmöglichen Preis verkaufen. Um Lagerung und Versand der Artikel kümmert er sich. Er verwendet aufgrund der geringen Artikelzahl auch keine fertige Warenwirtschaft sondern macht die Verwaltung manuell per Excel.

Das Bezahlen der Waren soll rein über PayPal laufen. (Kein Stripe, weil kostet mehr). PayPal zu integrieren sollte also möglichst einfach gehen.

Außerdem sollen sich Kunden einen Kunden-Account machen können (natürlich mit automatischer Anmeldung via Token usw), damit ihre Daten beim nächsten Checkout automatisch vor-ausgefüllt werden, und um ihre bisherigen Käufe in einer Order-History einzusehen. Da das Authentication-Zeug kein Spaß zu implementieren ist sollte es schon irgendwie vom CMS gegeben sein.

Mein Verwandter will außerdem eine kleine Admin-Seite haben auf der er die Preise und Mengen seiner Artikel verwalten kann und neue Artikel hochladen kann. Außerdem will er sehen können, was er wann an wen verkauft hat (in Zukunft evtl. auch mit Excel-Export, Graphen zur Analyse, usw.). Seitenlayout usw. soll er auf seiner Admin-Seite aber nicht ändern können, um das soll ausschließlich ich mich kümmern.

Das CMS und die zugehörige Datenbank sollen auf einem vServer komplett selbst gehostet werden können (um Geld zu sparen). Fertiglösungen wie Shopify, Squarespace, Sanity, Webflow, usw. fallen also raus.

Die Website soll möglichst performant sein und maximale SEO-Möglichkeiten bieten.

Das Design des Frontends soll komplett individuell von mir gestaltet werden können. Ich möchte dafür TailwindCSS oder Bootstrap verwenden.

- Wordpress + WooCommerce (sehr altbacken und ich hasse PHP :D)
- Headless Wordpress + Svelte / Astro (Vorteile wie bessere Performance & komplett separate Admin-Seite?)
- Magento + Next.js + React
- Payload + Next.js + React
- Strapi + Svelte / Astro

Was würdet ihr vorschlagen?

Ich habe 2004 mit Frameworks in JavaScript angefangen und viele, viele Jahre mit unterschiedlichen Framework gearbeitet. Seite ca. 5 Jahren arbeite ich bevorzugt ohne Frameworks oder vermeide diese so gut es möglich ist.

Meine Frage an die Community, nutzt ihr JavaScript-Frameworks und wenn ja, welche Frameworks und in welchen Umfang?

Ich freue mich auf euren Antworten und bin gespannt wieviel von euch Frameworks in welchen Umfang ihr nutzt.

Hi,

bei einem OpenSource Projekt welches eine api (in diesem Fall die OpenAI api) verwendet wie kann man am besten das ganze mit Authentifizierung regeln?

Nicht falsch verstanden, es geht hier nicht darum wie Login und so funktionieren soll, sondern eher wie ich den Zugang zu der api handhaben soll.

Eine Möglichkeit wäre, ein Abo Modell einzurichten mit mit z.b. Stripe zu machen.

Andere Möglichkeiten wäre dass jeder seinen eigenen api key hinterlegen müsste. Dies wäre aber meines Erachtens nicht grade die sichere Lösung, da ja der Nutzer mir vertrauen muss dass ich den key nicht missbrauche.

jedoch passt ja Abo-Bezahlung nicht so richtig mit OpenSource zusammen oder täusche ich mich da.

würde gerne eure Meinung wissen

Ich halte nichts davon meine Skills in Prozenten anzugeben, man kann nicht sagen ich kann 90% PHP oder 100% NextJS, das hat man vor 10 Jahren so gemacht und ich will keine 20 Kacheln einbauen.

Ich hätte eine Idee die mir gefällt aber leider habe ich keine Erfahrung mit ThreeJS und weiß nicht wie schwer umsetzbar das wäre mit React(next). Von 3D Modellierung auch keine Ahnung.
Ich wollte dass so machen das ich ein 360grad spinbares "Stack"/Stapel hätte wo die Stapel realistisch aufeinander Fallen sobald es im Sichtbereich wäre.

Kann mir jemand helfen wie ich da vorgehen sollte oder vielleicht eine andere Schöne Möglichkeit einem Kunden zu sagen das man mit X Framework erfahrung hat ?

Ein Video dafür erstellen lassen und controls ausschalten wäre einfach aber halt nicht interaktiv und nichts besonderes

Also ich kann JavaScript jetzt gut. Bin dabei Node.js zu lernen. Danach React/React Native.

Ihr entscheidet. Welche Sprache soll ich danach lernen? Python oder C#?

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!

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

SEO ist kein Punkt, wenn ich ehrlich bin. Heutzutage können auch Crawler normales React crawlen.

Als Zweites kommt das Server Side Rendering doch nur beim ersten Aufruf der Seite wirklich etwas bringt.

Danach ist es stinknormales React, das nicht mehr im Server für mich ausgeführt wurde und als HTML geschickt wird.

Natürlich sind 0.5-1 Sekunden wichtig, um den Nutzer ein gutes Gefühl zu geben und alles.

Aber warum sollte man sich den Stress mit NextJS antun? So wichtig wie mir diese 0.5 Sekunden auch sind. Man kann auch an anderen Ecken leichter optimieren und komprimieren.

React ist eine leichtgewichtige Bibliothek für ein bisschen Rendering und Next ein richtiges Framework.

Vielleicht ist da noch der Vorteil, das Leute ohne JavaScript wenigstens irgendwas sehen, aber wenn ich ehrlich bin, können einem Menschen mit JavaScript aus egal sein. Das sind fast alle Aluhutträger und die will man nicht in irgendeiner Art ansprechen als Kunde.

Auch keine Menschen die noch Internet Explorer und veraltete Smartphones nutzen. Da nehme ich lieber Rücksicht auf Sehbehinderte.

Was sagt ihr? Macht es noch Sinn, NextJS zu lernen? Warum nutzt ihr das?

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch. 

wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick. 

oder wie würdet ihr da vorgehen ? 

engagiert man da einen Anwalt ? Mach ich das und sollte mit 200€ extra rechnen für diese Implementierung oder der Kunde macht das alleine ?

Aber wie kennt der Anwalt sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ? 

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch.
wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick.

oder wie würdet ihr da vorgehen ?
engagiert man da einen Anwalt ?
Aber wie kennt der sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ?

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

Angenommen, Ihr Sohn oder Ihre Tochter im Alter von 12, 13, 14, 15 Jahren käme eines Tages mit einer Tätowierung auf dem Arm nach Hause, wie würden Sie reagieren?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

Hallo,

ich neu als Werkstudent als softwareentwickler bei einer großfirma und dies ist auch mein erster it beruf.

Ich bin gerade bisschen an verzweifeln. der Code war extrem, höllisch kompliziert.

die syntax vom code habe ich soweit verstanden. die semantik und logik dahinter fand ich für mich sehr schwer nachzuvollziehen und hab sehr sehr wenig verstanden. wenn ich die aufgabe hätte ein neues Feature einzubauen, wüsste ich jetzt nicht wo ich im code dies implementieren soll, weil der source code selber sehr groß ist.

hat jemadn die selben erfahrungen schon gemacht und kann mir tipps geben :) ?

Danke im voraus.

ich hab eine lange zeit nichts anderes als javascript gemacht darunter ist auch Typescript und react und vieles mehr und klar man kann noch mehr lernen. Php kann ich ausreichend fürs backend.

aber immer auf den Browser beschränkt zu sein und websites macht auf Dauer keinen spass. Ich will auch in der lage sein desktop programme zu schreiben.
electron js kann das aber ist auch nicht das beste was man nutzen kann und sobalds aufwendiger wird hat man Probleme und riesige Dateien. Man lernt auch nichts neues dadurch das ist nichts für mich.

c# c++ c java oder rust hatte ich im kopf.

(python syntax gefällt mir auch nicht , mir geht es auch ums lernen. Nicht nur mit pip install irgendwas nutzen von jemand anderes. Am ende hast du keine ahnung von der programmierung)

aber wie weiss ich welches der oben genannten Sprachen eher was für mich ist.

Java ist Typescript sehr ähnlich, läuft überall und ich könnte da schnell zurechtkommen aber dafür ist es deutlich langsamer als C++ und nicht so mächtig.

Mit c++ lernst du auch viel und wird oft in Unis oder Schulen gelehrt, hätte damit einen vorteil wenn ich es schon gut kann.
Rust hat einen kleinen hype und viele meinen es wird in zukunft wichtiger werden = mehr jobs.

c# ist soweit ich weiss
nur für windows Anwendungen gut, mit den anderen sprachen könnte man auch in zukunft was für linux machen wenn man lust drauf hat.

ich seh da keinen grossartigen vorteil zu java oder c++ in der schnelligkeit.

Hallo

Ich bin mod auf einem sehr großem discord server und wir haben probleme herauszufinden wer als erstes bei einer Nachricht mit z.b dem n wort reagiert hat, um ihn zu bestrafen.

Wir sind ein staff team von 200 leuten aber manchmal geht es einfach zu schnell.

Deswegen: gibt es villeicht einen bot der reactions logt und man trotz unzähligen Nachrichten (82k / day) den Überblick behalten kann?

Also z.b nach dem Nachrichten link suchen und dann die reactions durchsuchen, und den user finden der als erstes reagiert hat?

Moin, ich frage mich zurzeit, macht es noch Sinn, eine Website selbst zu programmieren? Also zum Beispiel wenn man eine Restaurant Website oder eine Unternehmenswebsite entwickelt. Also mit zum Beispiel React und so. Oder auch React und ein Headless CMS? Weil viele verwenden ja oft Baukasten Systeme oder Templates. Ist man als Webentwickler noch gut, wenn man selbst programmiert?

Also ich hab mein Ionos VServer Xs jetzt eingerichtet, plesk ging nicht da zu wenig speicher aber hab dann mithilfe von chat gpt einen apache webserver installiert und unter /var/www/html kann ich jetzt meine dateien ablegen und mit ServerIp aufrufen. Alles klappt wie gewünscht, ich hab nodejs + npm installiert.

Ein Express Js Projekt hochgeladen

unzwar app.js :

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

Wenn ich node app.js eingebe wird es normal ausgeführt und ist unter serverip:3000 erreichbar.

Das Problem ist nun, sobald ich Putty Ssh verbindung schliesse läuft es nichtmehr.

Wie mache ich so einen autorun ?
als ich mit chat gpt den webserver installiert habe hatte er mir auch einen autostart befehl für apache gegeben. Immer wenn es neustartet oder so.
genau sowas brauch ich wahrscheinlich auch für meine node js anwendungen.

(Ist Ubuntu)

Hallo.

Ich versuche react in laravel zu benutzen. Ich installiere react in laravel. Jetzt kann ich laravel und react starten und beides geht.

Ich kann aber react Komponenten nicht in den blade Dateien benutzen.

Ich habe alles versucht was im Internet steht, aus irgendeinem Grund findet er die js datei beim ausliefern des laravel server nicht.

Ich bin am verzweifeln und für jede Hilfe dankbar.

Ich kann gut mit JavaScript umgehen und es nutzen. Welches Gerüst würdet ihr mir empfehlen? React, jQuery, ...?

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.

Hallo Zusammen, Ich habe einmal eine Datenbank aufgesetzt.
Das speichern der Daten auf die MongoDB klappt ohne Probleme aber die Daten abzurufen eben nicht klassisch 404 error.

das sind die Daten die gespeichert werden sollen was auch klappt.

Hier sollen die Daten aus der Datenbank abgespeichert werden.
Weiter unten die komplette Datenbank.

ich habe echt keine Ahnung woran es liegen kann.
Lieben Dank im Voraus :)

Es gibt soweit ich weiß drei Möglichkeiten.

Als normale Funktion exportieren:

export const test = ()=> {
  return (
    <div>Test</div>
  )
}

Als Arrow-Funktion default exportieren:

export function test() {
  return (
    <div>Test</div>
  )
} 

oder so am Ende von der Datei mit default, wenn man nichts anderes mehr exportieren will.

function test() {
  return (
    <div>Test</div>
  )
}
  
export default test;

Mit default und ohne default unterscheidet sich dann ja auch die Import-Art.

Bei den ersten beiden:

import { test } from ""…

Beim letzten kann man es nennen wie man will, aber nur diese Funktion

import TestComponent from ""

Welche von den drei ist am effizientesten?

Ich habe irgendwie gehört, das import { } mehr Speicher verbraucht, aber weiß nicht mehr, warum.

Kann ich guten Gewissens alles mit Arrow-Funktionen machen oder je nach Datei unterscheiden? Es ist nicht schön, wenn es gemischt wird.

Ich habe das Problem, dass sich um die Italien-Karte herum ein Abstand befindet und ich weiß nicht, wie ich den entfernen kann.

Code:

const geoUrl = "https://raw.githubusercontent.com/deldersveld/topojson/master/countries/italy/italy-regions.json"


  const MapChart = () => {
    return (
      <ComposableMap projectionConfig={{ center: [11, 39], scale: 1800 }}>
        <Geographies geography={geoUrl}>
          {({ geographies }) =>
            geographies.map((geo) => (
              <Geography key={geo.rsmKey} geography={geo} className='geography'/>
            ))
          }
        </Geographies>
      </ComposableMap>
    )
  }

Und CSS:

.geography {
  fill: #f0f0f0;
  stroke: #fff;
  stroke-width: 1;
  outline: none;
}

.geography:hover {
  fill: #979797;
}

Noch zwei Bilder:

Im unteren Bild sieht man den Abstand. Beim oberen Bild sieht man den Code der erstellt wird. In der unteren Zeile befindet sich die Karte. In der oberen Zeile ist so eine Art "Box" durch die der Abstand ensteht.

Gibt es dafür CSS Einstellungen oder was kann ich machen um den Abstand zu entfernen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

1. Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
2. Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

Hallo zusammen!

Ich wollte mal euch befragen, wie ihr eine Website wie eBay Kleinanzeigen bauen würdet.

Welches Backend, welches Framework etc würdet ihr nehmen? Ich bin da noch recht frisch drin und habe nicht so eine gute Übersicht.

Bin gespannt auf euren Input!

Liebe Grüße

Am besten sehr günstig gebraucht, weiss aber nicht welches modell da noch ein paar jahre hält für meine zwecke. Muss nicht gross sein, muss nicht viel speicher haben. Soll einfach normal xcode zum laufen bringen, nicht allzu laggy. Ich habe 2 monitore und einen guten windows pc als "main pc".

Ich bin webentwickler also kann react etc. Und ein wenig react native und würde gerne ios apps für mich selber entwickeln oder bisschen was veröffentliche was bei anderen mit werbung vollgestopft ist.

Ob ich mich weiter auf react native fokussiere oder eventuell gleich mit swift anfange müsste ich noch ausprobieren.

Aufjedenfall ist es deutlich einfacher als was zu mieten oder umständliche umwege auf windows zu gehen.

Ich hab so an einen macbook air aus 2017 18 gedacht.

Wie gesagt als spielerei für mich als programmierer. Nicht hauptberuflich zum ios entwickler sein.

Die dinger kosten soweit ich gesehen habe 300-500.

Das wäre noch im bezahlbaren rahmen.

Ich will kein m2 macbook pro für 1500€

Das ist zu teuer für den anfang

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

Hallo,

es geht darum, dass ich ein Projekt habe in dem Java, Spring boot, ReactJS, CSS, JS und RestAPI mit inbegriffen sind. Mein Problem liegt lediglich darin, dass die html beim laden der Seite: localhost:8080/login.html den inhalt der html datei anzeigt aber die css datei garnicht übernimmt. Die Pfade zu den einzelnen Dateien stimmen ebenfalls, da sie verlinkt sind, doch das stylen über css funktioniert nicht

login.html: https://codefile.io/f/uD0jP33Wef
style.css: https://codefile.io/f/AGN6ENmt6t
script.js: https://codefile.io/f/unKOx5NUi6

Wäre echt top, wenn mir jemand dabei behilflich sein könnte.

Ich habe meine React-Website mit Vite erstellt und habe die Option React-SSR genommen, damit sie auf dem Server gerendert wird. Bis jetzt funktioniert alles, der Code wird im HTML-Seitenquelltext angezeigt. Aber zwei Dinge funktionieren noch nicht so gut. Die API-Daten werden noch nicht auf dem Server gerendert und ich habe es bereits gemäß der Dokumentation getan, aber es funktioniert nicht. Und die styled-components werden auch nicht auf dem Server gerendert, was eine Verzögerung von 1-2 Sekunden beim Aktualisieren verursacht.

Ich habe eine React Webseite und bekomme die Daten per API von Strapi. Ich habe meine Webseite mit Google Page Speed analysiert und bekomme die Meldung: Verwendet veraltete APIs. Wie kann ich dies ändern?

Naja, eigentlich alles schon erklärt...
Was zieht ihr vor?
Mir geht es besonders um Tutorials... also Youtube Tutorials die einen durch das erstellen einer App reiten...

1.Html

2.Css

Wie sollte man weiter machen?

Hey,

Ich bin gerade dabei einen ChatGPT Clone zu bauen mit der OpenAI API und Firebase.

Ich bin schon sehr weit und bin nun auf folgenden Fehler gestossen:

Konsolen Fehler:

Code:

Und hier das .env.local file (Daten wurden abgeändert):

Das ganze wird so formatiert.

FIREBASE_SERVICE_ACCOUNT_KEY: { "type": "service_account", "project_id": "schoolai-507ad", "private_key_id": "3c70e9a04d32754c3293a3f5ef6d7a60f658736f", "private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC2E0UsBa76NTfg\n13qszo72aetudodSsfn+unASH+L8UInufhd5lj57Wx9CGAFAlFancU/IjL7a4sjw\ntuRsuieFEcjxk1WXKr5Mc+3EhvYkrIHM3SjfN8QLHJuQoIsdWRaPIZe4CE7bcMeE\nRtPL68miADHyl+qG/4v1gHY0RNb0sssr2qSQrLfGQCFQ0kJxbL1/pNdCIA6VA7UH\naiuRtYjKB55/g40trZSzGLNYAngIvySRcG+eh7MBn/wXPDEGYK2X/rqcHvGQUT5u\nHIH9EXnwASxKAp4KkeQvDiZwLFWgXQkXbCBxM13F8rbb3mdvOuOBdwGTBTg8pRLB\nzI5jBzDzAgMBAEAH5gAbL8fubL6Wz2Iv+unywJeI/DVUngnlRfs0nhN/tJK\n3ONsV2DGvsj1B5b6wKX801lKKtahV4H6tCpIQMWcje6kG6chNvXnx4RmQa/ZjkuQ\nymel6/XVQshYBiSVfyYyT+vYuq3AHSU8gDs+o8H5B3PPw7AFYON1QV\n3Qf9jvh0UMfRv8/eJ29d/AMoLN3U2KNV4LyLPMUXlXPsedKeARRhGKJdGh\npazYc7X9uxUWbUfa0jm2Ma9oTympjkR+CML+XaXDYQKBgQD5smfPnKaMfPSssrvW\nQrUkoKva52M1+9jmk3BxYtE484kP8HUt86nLA7PNlyQYRI9RD0s47M3Kknp9/SRr\nywYSp5LGdec1JK8IBlU77DuWABj4k9TxY3riwbo6dEr81VKTEdD5mjoFiSOFwmeu\nteQnvfzImFDUQBw6VlWzEVG+3QKBgQC6q+Eeywp7oWvlgABorEJpn4nyxw+ouzIY\natfop3KfIc9W6YIrf/eRjdGsSp1kxxtE2c7kPFnvbhAYRLz1yD3CNoqnsy8ko0ce\nobZ+RPvBcqEBq+cAT25rTrINl67QqI7uKJPmccwzBkSq4MYMsJeloDvGp0cmIGqs\nW/QKN/PqDwKBgQDVhVP0WzaoqCnqjCTIAd845RRQatGR1j0SXz4mF6RmGQs50BvE\nIbsuWYol4nsBLY+Id5WRph4Mfdm1ZwUAEGqvBREkGKqP7UCnkhLM3SPPD2JLHs9X\nZAQvaA5B8jQ1pI2qKfAToWjAVxdDSIy0/+GMgpBpUKa9+dypni5GpCbNGQKBgE/m\nylF372DD039Eruge875qP43fjuBWYDb7ZLd9FR7wReOZx9H+0GVJIvpwZbaBUzbB\nVEF1Y7mMju8UXR2HPIgo+GiX1hIEoaiG56pctLY07p3ciuAjH8xmvuf6iSVfQO7I\nB6aYByPABxxtYdiEriSC1ZNOfrHfJknogijtkkYZAoGAfYU6DSNY6qxXchvOId2b\nwYud8S7heM/urKfKHzralzLy2wNPbNfumr9dXlndC4ka6RjWs7Cp7PHECUMfvR/4\n9y2rN8D06vp7ybdb8bSKXKPB7hDd3KF/+zHNj8ZF8lx7zQkXE1dM13ZWlIGgNc+Y\n7ZGxj+wkdxUiQ0udp4ujwqM=\n-----END PRIVATE KEY-----\n", "client_email": "firebase-adminsdk-ykt71@schoolai-507ad.iam.gserviceaccount.com", "client_id": "116557904645978769027", "auth_uri": "https://accounts.google.com/o/oauth2/auth", "token_uri": "https://oauth2.googleapis.com/token", "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs", "client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-ykt71%40schola-50ad.iam.gserviceaccount.com" }

Bräuchte dringend hilfe bei einem Wordpress projekt unzwar wollte ich diese Elementor Cards nutzen die sich beim hovern seitlich drehen aber das problem ist das da nur icons gehen bzw. die bilder super winzig zu sehen sind.

Gibt es irgendeine alternative oder Plugin ?

Also auf der Vorderseite dann zum Beispiel für eine Fitness Studio Seite :

Headline EMS Training, Kraft Training oder Personal Training.

Auf der Rückseite irgendeine Description 3,4 sätze : "EMS training bietet viele vorteile ... impulse usw. Wenig Anstrengung viel erfolg".

"Personal training ist sehr gut ... mehr betreuung ..."

Sowas halt.

Keine verlinkung auf eine unterseite oder "Post Card".

Ich könnte es selbst machen mit html und css aber da ist das problem das es für laien nicht so gut bearbeitbar ist und auch mehr arbeit wäre.

Hab Elementor Pro Version falls das eine rolle spielt. Sowas mit Shortcode wär auch ok.

Hatte mir vorgestellt 8 leistungen

Jeweils 2x 4 rows und eine row soll unter "responsive" versteckbar oder mit meinem custom css da es auf mobil zu anstrengend wäre wenn es auf 1er column wechselt.

Wäre sehr nett wenn mir jemand dabei helfen könnte.

ist jetzt weit hergeholt aber, ich wollte neben Java (was ich in der Schule Lerne und auch weiter Lernen will) mich was mit HTML, CSS und JS beschäftigen, da ich es überall sehe bspl Youtube, instagram etc und ich Interesse bekommen habe. Jedoch gibt es einige Frameworks aber welche soll ich denn Lernen? Gibt halt react etc aber kenn mich da nicht so aus..

wie gesagt, es ist weit hergeholt weil ich noch die basics lernen muss aber das ist jetzt grob meine Interesse :)

Was würdet ihr wählen und warum?

Ich lerne gerade das Javascript Framework Vue.js und hab die zwei Konzepte Emits und Props gelernt, weiß nur nicht ob ich das richtig verstanden hab.

Hab das so verstanden das Props, Informationen sind die vom Parent Component zum Child Component übergeben werden und das Emits Informationen vom Child Component zum Parent Component übergeben.

Sozusagen ist Emit das gegenstück zum Prop ?

Ich habe mir überlegt ein Kurs für Web Entwicklung zu kaufen da ich glaube dass es mit leichter fallen wird alles zusammengefasst zu haben usw.

Würdet ihr mir diesen Kurs empfehlen oder sollte ich lieber mit Videos usw. lernen

https://www.udemy.com/course/der-komplette-webentwickler-2/

Hallo,

villeicht nicht der beste ord um das zu fragen, aber wie könnte man ein

Foating Window(Fenster das über alle anwendungen ist, auch wen sie minimiert ist)
machen?

Hey,
ich möchte, dass wenn man auf ein Plus klickt(touchable opacity) ein Textfield erscheint, indem der Nutzer seine Zahl eingeben kann. Welche möglichkeiten habe ich ?

Ich möchte dieses Beispiel hier in meine Next.js (React) App übernehmen:

https://codesandbox.io/s/knhlr?file=/src/index.tsx:0-691

Dazu mein Next.js (React) Code, der eine weiße Seite wiedergibt und in der console schreibt: "window is not defined"

"use client";

import ReactGlobe from "react-globe";

import markers from "./markers";
import markerRenderer from "./markerRenderer";

const options = {
    markerRenderer,
};

export default function App() {
    return (
        <div className="App">
            <ReactGlobe
                height="100vh"
                globeTexture="https://raw.githubusercontent.com/chrisrzhou/react-globe/main/textures/globe_dark.jpg"
                markers={markers}
                width="100vw"
                options={options}
            />
        </div>
    );
}

Hallo,

ich hatte mal früher kleine Anwendungen mit VB.NET für Windows-Systeme entwickelt und möchte jetzt mit React anfangen. Ich würde mich komplett als Anfänger bezeichnen und muss deshalb Fragen stellen.

Als Projekt habe ich mir folgendes vorgestellt:

Es gibt ein Kanal auf YouTube und es werden Fragen von Leuten vorgelesen und sie werden im Video beantwortet.

Ich möchte eine Webseite erstellen mit all diese Fragen und zu jeder Frage ein "Button", wenn man ihn anklickt ist unten oder irgendwo an der Seite ein Video-Player von YouTube und das Video wird abgespielt ab dem Zeitpunkt wo die Frage im Video vorgelesen wird.

Ich habe mir alle Fragen bereits aufgeschrieben und hätte alle Links zu den Fragen im Video.

Da es mehrere Videos gibt, möchte ich eine Suchfunktion integrieren, aber ich weiß nicht, ob ich für jedes Video (Teil1, Teil2,...) eine neue Seite im React erstellen soll und wie ich dann die Suchfunktion so programmiere, dass alle Seiten durchgesucht werden. Ich habe im Internet gesucht und viele benutzen .JSON für Suchfunktion, aber ich denke, dass bei mir mit .JSON nicht funktionieren wird.

Es sind über 80+ YouTube-Videos mit jeweils ca. 15-30 Fragen.

Ich möchte alles selber machen/lernen und möchte auch nicht, dass jemand mir alles vorprogrammiert.. Es wäre mir sehr hilfreich mir die richtige Richtung zu zeigen, kurz und grob erklären, mit welchen Komponenten ich arbeiten soll usw.

Hier ein Beispiel wie es ausschauen soll ungefähr:

Das design ist nicht so wichtig wie die Funktion und Struktur der Programmierung.

Vielen Dank schon mal!

Mit Next.js 13 bzw. React 18 gibt es nun Server Components.

https://nextjs.org/blog/next-13#server-components

Bedeutet es, dass wir bei Next.js getServerSideProps/getStaticProps nicht mehr brauchen

und was Techstack ihr. Front end backend fullstack ?

zb

1. Angular Typescript node js mongo bootstrap oder sowas.
2. React js java scss
3. Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

Ich versuche, ein soziales Netzwerk zu codieren und möchte eine Funktion zum Hochladen von Profilbildern implementieren. Ich möchte eine einfache Dateiauswahl erstellen, um die Datei im Ordner /public/profile-pictures in meinem Projekt zu speichern. Ich habe einen Client und einen Server, damit ich Axios-Anfragen von meinem Client an meinen Server senden kann. Mein Server befindet sich im Ordner /server. (Die obersten Ebenen sind also meine /src-, /server-, /public- und meine /node-modules-Ordner).

Ich habe eine funktionale Komponente wie diese:

function Edit(props) {
  return (
    <body>
      <Helmet>
        <meta charSet="utf-8" />
        <title>{props.username} | Edit account</title>
      </Helmet>
      <Header />
      <main>
        <input type="file" id="file" name="file "></input>
        <button onClick={/**some function */}></button>
      </main>
    </body>
  );
}

export default Edit;

Jetzt ist meine Frage, wie ich die Datei aus der Dateiauswahl nehmen und in den Ordner /public/profile-pictures speichern kann.

Danke für die Hilfe. :D

Angular, React und Vue sind ja alle für das Design da, oder? Man kann das doch ja auch in JavaScript alles machen anstatt diese Frameworks. Ich verstehe auch nicht wirklich warum man es verwendet?

Kann es jemand mir erklären denn ich will es verstehen weil, es mir nicht wirklich Sinn macht die zu verwenden.

Danke schon in Vorraus

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

Die meisten Playlisten auf Youtube gehen nur 10 videos wovon 3 über die installation gehen

2 videos gehen über jsx

2 über props , components

2 über state und 1 über deployment

Dann hören die auf.

Ist ja alles Toll aber jetzt weiss ich nichtmal was ich nach dem absoluten Basics lernen soll.

So einen roten faden.

Dann könnte ich immerhin Irgendwelche Dokumentationen lesen

Nach 10 videos und ein wenig herumspielen hab ich sicher nicht react gemeistert.

ich hab auch keine 100 euro für einen Udemy kurs rumliegen.

Hallo,

in einer Methode nutze ich eine for() Schleife. Beim letzten Durchlauf ändere ich mit this.setState(obj: {key: 'value'}) einen Wert. this.state.obj ist zu Beginn leer.

Danach soll eine Methode aufgerufen werden, die den aktuellen Wert von this.state.obj benötigt. Hierbei kommt es aber zum Problem, weil this.state.obj immer noch leer ist.

Wie kann ich die Methode erst ausführen, wenn sicher ist, dass der Wert von this.state.obj aktualisiert wurde oder die Methode zuvor fertig abgeschlossen ist?

Gruß ebody

Ich sehe bei manchen die Endung für JSX anstatt .'js'

aber ändert das überhaupt was ? Oder ist das nur Schönheit.

2. Frage)

Kann ich irgendwie konfigurieren was genau mit

npx create-react-app 

alles erstellt werden soll ?

Denn App.js App.css und App.test.js Stören mich und sie zu löschen ist auch aufwendig. Lieber eine Leere Seite von anfang an statt dem drehenden React Logo.

ich hätte gerne schon unterordner unter 'src' wie zb img, audio, style,components,video usw.

Ich habe mich eine Zeit lang mit Angular beschäftigt, bin dann vor circa zwei Jahren auf Vue (Nuxt) umgestiegen. Ich bin im Großen und Ganzen zufrieden, jedoch nutzt Vue zum Teil ältere Paketquellen. Auch der TS-Support ist jetzt nicht der Beste, warum React bei mir gerade wieder etwas mehr in den Fokus rückt.

Die Job- und somit Verdienstmöglichkeiten sind bei Angular und React auch besser, als es bei Vue der Fall zu sein scheint. Letzteres war mir schon zu Beginn klar, was mich aber nicht abgeschreckt hat, mich doch intensiver mit Vue zu befassen. Die Umfrage hier ist für mich eher nebensächlich. Viel mehr interessieren mich eure Pros und Contras, die entweder für oder gegen eines dieser Frameworks sprechen.

• Welches Framework verwendest du und warum?
• Wieso hast du dich oder habt ihr euch für eben jenes Framework entschieden?

Was Props sind weiss ich aber State will ich nicht so ganz verstehen.

Die Dokumentation von React ist sowieso komisch.
Habe gehört das es ähnlichkeiten hat.

Props würde ich so benutzen in der index.js

import App from irgendwas…
<App name="Max"/>
Und in der App.js
const App = (props)=>{
<h1> {name.props} </h1>} 
export default …

kann man das gleiche jetzt auch mit state machen oder wie kann ich mir das vorstelle. ?

Ich habe jetzt mit

 npm run build

einen Ordner namens "build", wenn ich den über den FTP Zugang hochlade und die URL aufrufe erscheint nur eine Leere Weiße Seite.

Jedoch wenn ich es über andere Anbieter Deploye die das für mich übernehmen dann funktioniert alles einwandfrei.

Wie genau kriege ich das auch hin ?
Nutze All Inkl.

Hi,

ich bin vor kurzem in React eingestiegen. Ich will verschiedene "Bereiche" in meiner React App mit "Unterseiten" bzw. verschiedenen Components.

Mit React-Router habe ich eine Art Menü gebastelt, dass mir neue Components ins Virtual DOM injected. Aber kann ich die Menüoptionen dann auch irgendwie entfernen oder ausblenden?

Ich hab drüber nachgedacht, das Menü dann nach dem anklicken der gewünschten Option einfach auf "display: none" zu stellen, aber da gibt es doch sicher bessere Lösungen?
Danke schon mal im Voraus!

Ich soll eine PPP (Power Point Präsentation) über das Programmieren machen, diese soll 10 Minuten lang sein. Das Problem ist, dass sich niemand mit dem Programmieren auskennt. Ich glaube, 2 Leute haben schon mal mit Scratch gearbeitet, aber das war's auch schon. Ich könnte zwar bis ins Detail erzählen, was ich gemacht habe, aber die meisten würden das nicht verstehen. Hat jemand eine Idee, wie ich die 10 bis 20 Minuten füllen könnte? Meine bisherige Idee wäre es, ein wenig über Git und Aufgaben des Developers zu erzählen. Ich habe eine Webseite in React & MobX gebaut.

Mein Aktueller Ansatz:

Habe nur mal zum testen angular probiert um zu sehen was/wie ein framework funktioniert/ist aber mir war klar das es zu anspruchsvoll ist, richtiges typescript kann ich auch garnicht.

Am interesanntesten klingt react weil ich auch gerne native apps bauen würde. Das ist aber angeblich nur ein bisschen einfacher.

Am einfachsten soll vue js oder jquery sein ?

Würd es sinn machen jquery noch zu lernen ?

Ich hab ein wenig auf youtube deutschland nach vue js geguckt und dort findet man höchstens eine richtige playlist.

Jquery ist schon etwas älter da hätte man viel viel mehr videos/artikel zur auswahl.

auch wenn mein englisch nicht schlecht ist, es macht es schwieriger.

Wenn ich dann eine zeit jquery gelernt habe könnte ich es auch mit react versuchen.

oder macht das keinen sinn ?

hab gehört das viele firmen jquery benutzen, hätte ich dann bessere chancen auf einen job als mit vue ?
ihr müsst nicht alle Fragen beantworten aber wäre nett 😂

Ich suche eins das nicht nur über 300 seiten die Grundlagen erklärt, also ich hab schon etwas erfahrung mit JavaScript, ich brauch jetzt nicht variablen lernen aber auch keins das zu tief in die Materie eintaucht sodass ich da garnicht mitkomme.

Sollte „mittel“ sein und nicht 80€ kosten.

vielleicht so 20€ Und ein gutes buch sein.

Hey,

Ich habe mir dieses Video für mySQL mit React angeschaut:

https://www.youtube.com/watch?v=W-sZo6Gtx_E&t=145s

(siehe 00:50)

Der Typ im Video benutzt dabei einmal einen Client und einen Server ordner. Gibt es dafür einen bestimmten Grund? Oder ist das einfach präferenz sache? Es wäre ja mühsam auf einem Webserver die beiden zu hosten.

Hallo, ich programmiere gerade eine React.js-Anwendung. Ich möchte das Icon ändern, also habe ich das Standard-Icon gelöscht und das Neue in den public Ordner eingefügt. Wenn ich die Anwendung starte, ändert sich das Icon nicht, es ist immer noch das Standard-Icon. Danke für jede Hilfe.

die genannten frameworks sind ja alle samt populär. welches würdet ihr für den einsatz zur erstellung einer web-applikation mit viel business logik (mitarbeiterportal), aber auch gleichzeitig für den einsatz auf nach aussen sichtbaren websites ohne komplexe logik empfehlen. und warum?

So wie ich das verstanden habe wird bei einer Single-Page-Applikation der komplette Webseiteninhalt an den Client gesendet (korrigiert mich da bitte). Macht es daher Sinn zu sagen, dass bei sehr großen Webseiten auf SPA-Frameworks wie React verzichtet werden und man die Webseite lieber "klassisch" mit verschachtelten HTML-Dokumenten bauen sollte, um Reaktionszeiten zu reduzieren und bestimmte Inhalte eben nur bei Bedarf abzurufen?

Moin,

ich habe eine Table in React JSX. Und möchte dort mit einem Button im Table die Reihe auswählen. Nicht mit reihe anklicken oder checkbox, sondern einem Button.

Hab schon selber einiges versucht aber bin eindeutig zu doof.

Wenn mir da einer Helfen kann, wäre das Super!.

Wiegesagt es ist nicht pures HTML sondern React JSX.

Hallöchen,
ich hab herausgefunden wie man eine Python Datei von NodeJS aus starten kann.
Lokal, mit "node startconvert.js", würde das funktionieren. "spawn" exisitert jedoch bei einer WebApp nicht in dem Sinne und erkennt es nicht als Funktion. Gibt es irgendwie eine ähnliche Möglichkeit zu sagen, führe "die Datei" mit "dem Argument" aus?

Hier der Code mit dem es funktioniert hat.

NodeJS (startconvert.js)
const formdata = "Forumlardaten";
const spawn = require('child_process').spawn;
const process = spawn('python', ['runconvert.py', formdata]);
process.stdout.on('data', data => {
    console.log(data.toString());
});
_______
Python (runconvert.py)
import sys
f = open("file.txt", "w")
f.write("Hier die " + sys.argv[1])
f.close()

Ich probiere zur Zeit ein ReactJs Tutorial und frage mich gerade wie man es hinbekommt mit dem Aufruf von verschiedenen Urls verschiedene html Seiten zu laden wo dann auch so wie jetzt in der index.html die Seite mit React Componenten aufgebaut wird.

Zur Zeit wird immer die index.html geladen wenn man nach localhost plus port im Browser surft und diese index.html ist ja mit React Componenten aufgebaut, ich will jetzt aber beispielweise fuer alle verschiedenen Funktionen von React eine eigene Beispielseite bauen, z.b. ich erstelle zwei html Seiten mit Namen "functinalcomponent.html" und "classcomponent.html" dann will ich ein Link zu diesen beiden Seiten platzieren und wenn man den link klickt soll anstelle von index.html die jeweilige HTML Seite geladen werden mit React Compnenten die nur speziell fuer diese HTML Seite erstellt sind, wie macht man das oder geht das nicht?

Soweit ich das bis jetyt verstanden habe wird die index.html mit der app.js Datei gerendert und den Inhalt der index.html baut man in der app.js Datei mit Componenten auf, logisch betrachtet wuerde ich dann jetzt gerne fuer alle anderen HTML Seiten eine eigene app.js Datei erstellen damit die dann auch mit den zugehorigen React Componenten aufgebaut wird.

Guten Abend,

ich mach eine kleine Function in JS und React und hab ein Fehler den ich nicht verstehe:

In dem Codestück funktioniert es aber der ist nicht so wie ich es brauche. Hier findet er aber die Funktion, bei dem unteren der was die Command handleClick funktion betrifft. Findet er sie nicht

    let itemList = this.props.items.map(item => {
      console.log(item.id);
      return (
        <FoodCategoryItem
          preis={item.price}
          label={item.title}
          text={item.desc}
          key={item.id}
          Command={() => { this.handleClick(item.id) }}
          source={item.img} />


      )
    })

und mit diesem gibt es fehler das die handeclick function undefined ist

    let itemList = this.props.items.filter(function (item) {
      return item.menuid === 'menuid_salat_2222';
    }).map(function ({ id, title, desc, price, img }) {
      
      console.log((id))


      return (
        <FoodCategoryItem
          preis={price}
          label={title}
          text={desc}
          key={id}
          Command={() => { this.handleClick(id) }}
          source={img} />
      )
    });

Also die Items sollen gefiltert werden funktioniert auch aber dann funktioniert der Command mit handleclick nicht mehr

diese Fehlermeldung kommt dann:

TypeError: Cannot read property 'handleClick' of undefined

Hallo,

Ich habe anscheinend einen Artikel bestellt der unter Markenrecht fällt.

Heute habe ich einen Brief bekommen, dass ich bis in 8 Tagen 75€ an den Niederländischen Zoll zahlen soll und eine Deklaration ausfüllen soll, wo drinne steht, dass ich erlaube, dass der Gegenstand vernichtet wird, außerdem Angaben zum Verkäufer.

Ich wollte hier nur fragen, ob die Sachen dann „gegessen“ ist, nachdem ich bezahlt habe?

Oder ob trotzdem ein Verfahren etc gestartet wird ?

Hallo!

Obwohl ich schon seit einigen Jahren recht sicher in Programmiersprachen wie Java und C# bin, hab ich mich jetzt an ein Webprojekt gewagt. Ich benutze React, doch brauche natürlich auch CSS.

Jetzt habe ich folgendes Problem. Ich will hier den Titel einfach um 1em nach unten verschieben. Wie schaffe ich das? Ich habe es einfach mit

margin-top: 1em; 

versucht, aber dadurch wird aus irgendeinem Grund das ganze

<div className='home'> 

nach unten verschoben. Wieso?

Unten findet ihr Bilder, zum einen wie es ohne margin aussieht, dann wie es mit margin aussieht. Hier findet ihr den Code:

HTML:

<div className='home'>
    <h1>Willkommen!</h1>

</div>

CSS:

.home{
    background: #375398;
    height: 100vh;
    width: auto;
    margin-left: 250px;
}

h1{
    font-size: 3rem;
    color: white;
    margin-left: 1em;
    /*margin-top: 1em*/
    }

Hallo! Ich habe eine neue React App gestartet und habe gerade angefangen zu coden, doch als ich das erste mal gespeichert habe, hat Visual Studio Code angefangen, die JS Files falsch zu formatieren.

Die Datei an sich ist übrigens eine beinahe unformatierte Datei die automatisch generiert wurde.

So will ich es formatiert haben:

function App() {
    return (
    <div className = "App" >
            <h1>yo</h1>
    </div >);
 }

Aber so wird es autoformatiert:

function App() {
    return ( <
        div className = "App" >
        <
        h1 > yo < /h1> < /
        div >
    );
}

Hallo,

in React (NextJS) habe ich eine einfache "if-else if" Anweisung. Eigentlich sollte ja die "else if" Anweisung falls die if Anweisung "true" ist garnicht ausgeführt werden. Aber egal wie ich die Bedingungen umschreibe, es werden immer beide Anweisungen ausgeführt... Kann mir hierbei jemand weiterhelfen?

Hier ist der Code der Komponente:

und das sind die dazugehörigen console.logs:

MFG

Hab von React einen Brief bekommen, muss 55€ bezahlen. Weil ich vor 3 monaten von wish airpods bestellt habe. Hab bei Zoll angerufen, die meinten da wird nichts kommen, muss nichts bezahlen. Auf dem brief steht keine nummer. Ist das eine verarsche?

Video Tutorials beanspruchen viel Zeit. Deshalb bräuchte ich Webseiten oder PDF Docs für die oben genannten Programmier- und Skriptsprachen. Wichtig wäre, dass sie marktorientiert sind, also genau die Dinge zeigen, die man im realen IT Markt anwendet.

Python und JavaScript werden ja immer beliebter. Aber wofür werden sie hauptsächlich benutzt?

Ich habe gehört, JavaScript sei für sowohl Frontend und als auch Backend Development geeignet. Damit kann man ja auch Webseiten und mobile Apps entwickeln. Auch mit Python Django lassen sich Webseiten entwickeln.

Früher dachte ich, dass man für Web Development auf jeden Fall PHP lernen sollte. Macht es heute noch Sinn, PHP zu lernen?

Und warum lernt man Java, Kotlin oder Swift, wenn man schon mit React.js für die beiden OS (Android und Ios) Apps entwickeln kann?

Hallo,

ich habe mir vor längerer zeit einen Balenciaga Pullover im internet bestellt, auf einer privaten Seite. ich wusste allerdings nicht, dass es sich hierbei, um ein Imitat handelt. der Pullover kam an und es war alles gut. heute allerdings 1 1/2 Monate später erhielt ich einen Brief vom React B.V in Amsterdam, dass es sich bei dem Pullover um eine Fälschung handelt und er nun verrichtet werden soll. die kosten betragen dafür 85 euro und ich muss einen Brief mit meinen Daten zurück senden, entweder per post oder per email. der Brief kam allerdings auch auf englisch was das übersetzen ein wenig schwierig machte. meine frage handelt es sic überhaupt um einen seriösen Brief, da ich es komisch finde, dass dieser Brief aus Amsterdam kommt und es mit zollvernichtungskosten in Zusammenhang steht.

Hello,

meine Frage ist, ob sich JQuery 2019 noch Lohnt, oder ob man lieber React (zB.) verwenden soll.

Ich wäre über jede hlfreiche Antwort sehr Dankbar. LG :)