Wie findet ihr dieses Tutorial, um Webdevelopment zu lernen?

(27) Build & Launch an Enterprise-Level Food Ordering Platform: React Node.js MongoDB Auth Stripe & More! - YouTube

Erreicht man danach Industrielevel?

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Technik, JavaScript, Programmiersprache

22.07.2024, 04:56

Dieses Tutorial zeigt dir anhand eines Fallbeispiels, wie man eine Webanwendung mit React und Stripe bauen kann.

Es vermittelt dir aber nur Informationen zu einzelnen, spezifischen Werkzeugen, die für die dort angepeilten Funktionalitäten gerade benötigt werden. Ein solides Grundlagenwissen zu JavaScript/Node.js/React/Stripe/o.ä. baust du dir in diesem Verlauf wohl nicht auf. Eine tatsächliche Projektplanung sehe ich ebenso nicht.

Du müsstest dir im Anschluss zu diesem Tutorial die ehrliche Frage stellen, ob du mit diesem Wissen nun auch eigenständig größere Erweiterungen/Verbesserungen vornehmen sowie völlig andere Projekte auf mindestens demselben Komplexitätsniveau umsetzen könntest. Diese Art an Flexibilität würde ich für einen Industrielevel erwarten.

Dieses Tutorial sehe ich dahingehend nur als ein Puzzleteil von vielen.

Alexandraseha22

Beitragsersteller

22.07.2024, 07:04

Vielen Dank fuer diese gute Info!

Lamanini

21.07.2024, 21:58

Also das Ding ist halt, dass „Industrielevel“ total schwammig ist.

Wenn du das selbst kannst, was da gezeigt wird, weil du ein solches Verständnis für Code hast, dann findest du sicher einen Job. Damit kannst du Software bauen.

Aber das wirklich schwierige an Softwareentwicklung fand ich noch nie das Coden im Endeffekt.

Woher ich das weiß:Berufserfahrung – Softwareentwicklerin

Alexandraseha22

Beitragsersteller

21.07.2024, 22:15

Tutorial ist 17 Stunden. Denkst du man kann das innerhalb einer Woche lernen? diese 17 stunden nachmachen.

Lamanini

21.07.2024, 22:19

@Alexandraseha22

Nein. Niemals. Du musst wissen warum er was macht, und wie du es abwandelst, nicht nur das da auswendig lernen. Das wird schon Zeit dauern. Aber damit kannst du lernen.

Kristall08

21.07.2024, 22:04

Er will damit ein Studium/ eine Ausbildung ersetzen.

Lamanini

21.07.2024, 22:05

@Kristall08

Wenn er das kann, dann macht eine Ausbildung oder ein Studium vielleicht auch für ihn keinen Sinn. Klar, die Scheine zu haben ist gut, aber als Quereinsteiger kann man mit diesem Wissen mitarbeiten.

Alexandraseha22

Beitragsersteller

21.07.2024, 22:07

@Lamanini

Kluge Dame!

Kristall08

21.07.2024, 22:20

@Lamanini

Wenn er das kann,

Kann er ja eben nicht.

Sonst müsste er ja nicht solche Tutorials schauen und fragen, ob das reicht.

Ähnliche Beiträge

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

Hetzner NodeJS / Laravel + Inertia Hosting?

Hallo hallo,

ich hätte da eine Frage bezüglich des Anbieters Hetzner, uns zwar, ob deren Webhosting Pakete geeignet sind, um eine Laravel App mit Inertia (also node-js) zu hosten, oder, ob dafür nur deren vServer funktionieren.

Fallen euch andere Provider ein, die günstig für Einsteiger sind?

Danke für eure Antworten

...zum Beitrag

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

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>

...zum Beitrag

Braucht man SSH um Node JS apps zu Deployen?

Meine index.js :

const app = require("express")();
const http = require("http").Server(app);
const io = require("socket.io")(http);

http.listen(3000,()=>{
    console.log("working")
})
app.get('/index.html', (req, res) => {
    res.send('<h1>Hello world</h1>');
  });

Lokal funktioniert das, wenn ich localhost:3000/index.html

aufrufe erscheint ein Hello World,

aber wenn ich das ganze über FTP hochlade und url/index.html aufrufe :

Leere Html Seite und Konsole Error :

index.js:1 Uncaught ReferenceError: require is not defined

Also hat der Server garkein Node JS.

SSH hab ich aber garnicht, um dann mit irgendwelchen Ubuntu Commands das zu installieren, sudo apt install nodejs ...

Sry wenn es eine Dumme Frage ist aber ich hab bis jetzt nur Serverseitig Php gemacht und das ist sehr simple.

Man benutzt Fetch oder Ajax und im php skript echo "hello world"; und das wars.

Wollte mich an Node JS Ranwagen, das ganze ist aber viel komplexer.

(Bin bei All inkl)

...zum Beitrag

Ist beim IONOS Webhosting eine NodeJS-Installation möglich?

Ist es mit dem "Webhosting Plus"-Paket möglich, NodeJS zu installieren?

Ich habe mich mit putty über SSH mit dem Server verbunden, aber weiß nicht genau, was die nächsten Schritte sind.

Bash-Kommandozeile und anscheinend Debian steht da. Falls man mehr Infos braucht, stellt Nachfragen.

Es ist ein Standard-Website-Hosting-Paket, wie bei allen Anbietern All-Inkl, Strato.

SSH wahrscheinlich ohne Admin-Rechte, paar Domains inklusive, PHP vorinstalliert, usw..

Gibt es nicht sowas wie

wget -- nodejs@latest

oder so?

...zum Beitrag

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zum Beitrag

React Fullstack mit welchem Backend?

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.

...zum Beitrag

Wo speichere ich meine Node.js ENV Variablen?

Lokal habe ich eine .env Datei, in der Zugänge für meine Datenbank gespeichert sind.

in der .gitignore ist die .env, so dass sie nicht bei Github liegt.

Jetzt habe ich aber einen Ubuntu VPS mit Nginx, um so meine Webseite zu hosten. Wo speichere ich jetzt die Variablen sicher, oder packe ich sie einfach in den Code, weil Server Code eh keiner lesen kann?

...zum Beitrag

Zweitsprachige Webseite mit JS?

Ist es besser eine extra Seite für die zweite Sprache meiner Website zu machen also seite.com und seite.com/de, oder wäre es besser, die Texte direkt mit Js zu machen. Also wenn einer mit der Browsersprache Deutsch die Webseite betritt, soll Js es ermitteln und dementsprechend den Text einblenden ohne eine zweite Seite. Was wäre besser

...zum Beitrag

Daten senden mit fetch?

Hallo,

ich will mit der Fetch API Daten senden und abrufen. Aber wen ich dies tue, kommt ein Fehler:

POST http://127.0.0.1:5500/api net::ERR_ABORTED 405 (Method Not Allowed)

Ich weiß gar nicht, wie ich diesen Fehler beheben soll. Ich habe dazu auch nichts hilfreiches bis jetzt gefunden.

Mein Ziel ist es, Daten mit Javascript an einen Server (für den Anfang an localhost) zu senden und diese dann von einem weiteren localhost-Server abrufen.

Das ist meine Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section id="control-center">
        <button id="get-btn">Get Data</button>
        <button id="post-btn" onclick="test()">Post Data</button>
        <script>
            function test(){
                const data = {"name": "somename"}
                const options = {
                    method: "POST",
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify(data)
                }
                fetch('/api', options)
            }
        </script>
    </section>
</body>
</html>

Und das ist meine app.js:

const express = require('express')
const app = express()
app.listen(3000, () => console.log('3000'))
app.use(express.static('public'))

app.post('/api', (req, res) => {
    console.log(req)
})

Wenn jemand eine bessere Methode hat, Daten an einen Server zu senden, dann würde ich diese auch mal gerne probieren.

...zum Beitrag

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zum Beitrag

Welche Sicherheitsvorkehrugen bei der Webentwicklung (z. B. beim Login)?

HI. Wie kann man sich am besten vor Hacker-Angriffen bzw. allgemein Hacking von Konten in der Webentwicklung (nutze da Vue,js. Socket.io, Node,js etc.) schützen? Also mit einem Token ist klar etc. Aber welche gibt es noch? Danke für eure Antworten :)

...zum Beitrag

Kann man mit JavaScript den Text einer Website anzeigen lassen?

Hallo, ich würde mir gern Blog- und Zeitungsartikel speichern und mit JavaScript später anzeigen lassen.

Das heißt, ich würde gern erreichen, dass der Code dafür sorgt, dass ein beliebiger Link ausgelesen und der Inhalt der Seite des Links ausgespielt wird.

Ist das möglich und wenn ja mit welcher Funktion?

Vielen Dank im Voraus!

...zum Beitrag

Was soll ich machen mit node.js und Package.json?

Ist directadmin

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen