dev jot

dev-jot (Standardversion)-https://dev-jot.netlify.app

Dev-Jot ist eine App-App-App für Online-Entwickler-Tutorials. Das Projekt ist ein MVP und wurde erstellt, um angehende Front-End-Entwickler im Rahmen des FRONTENDCOACH-Support-Systems zu helfen.

Es gibt zwei Versionen der App:

1. Standard, Vanilleversion: https://dev-jot.netlify.app
2. React Version: https://dev-jot-react.netlify.app

Bitte schließen Sie sich unserer Discord Community Discord.gg/ymsd9sgz4f an

Projektzweck

Für diejenigen, die sich selbst unterstreichen, ist es wirklich leicht, sich im 'Tutorial-Land' oder 'Tutorial-Hell' festzuhalten. Für viele Neulingscodierer ist es schwierig, die Lücke zwischen dem zu schließen, was Sie aus Tutorials lernen und die Fähigkeiten erwerben, die Sie benötigen , um ein engagierbarer Entwickler zu werden.

Ihr ultimatives Ziel ist es, das zu replizieren, was Sie tatsächlich in einem realen Entwicklungsjob tun würden, so genau wie möglich. Der Beitrag zu Open Source ist eine fantastische Möglichkeit, dies zu tun. Wenn Sie Open Source -Beiträge durchführen, müssen Sie einige wichtige Konzepte, Praktiken und übertragbare Fähigkeiten ausgesetzt sein:

• Versionskontrolle
• Arbeiten mit Tickets und Problemen
• Arbeiten mit anderen Entwicklern
• Erstellen von Pull -Anfragen
• Erleben eines Code -Überprüfungsprozesses
• Einrichtung einer lokalen Entwicklungsumgebung
• Code zu einer bereits bestehenden Codebasis beitragen

Die allgemeine Idee

Dieses Projekt fungiert als freundlicher Einstiegspunkt in die Open -Source -Welt. Wenn Sie Ihren ersten Open -Source -Beitrag leisten, kann dies eine entmutigende Aussicht sein, die viele aufstrebende Entwickler ausschüttet.

Das Hauptziel dieses Projekts ist es, eine einladende und freundliche Umgebung für das Lernen zu schaffen, sich sicher zu fühlen, um Fehler zu machen und während der Zusammenarbeit mit anderen Entwicklern Feedback und Anleitung zu erhalten.

Die Richtung des Projekts wird von denjenigen geleitet, die einen Beitrag leisten. Es gibt den Bereich, um eine Vielzahl von Funktionen hinzuzufügen und die App auch mit unterschiedlichen Technologien wieder aufzubauen.

Aktueller Zustand

Dies ist eine No-Thrills-CRUD-Anwendung. Unterrichtsnotizen werden derzeit im lokalen Speicher des Browsers gespeichert. Der Zweck der App ist es, denjenigen zu ermöglichen, die sich selbst unterstreichen, einen einfachen, sauberen Laden für all ihre Tutorial- und Unterrichtsnotizen zu erstellen.

Es gibt zwei Versionen der App. Die Hauptversion der Hauptversion befindet sich im app-main Verzeichnis. Diese Standardversion der App ist rein HTML-, CSS- und Vanille -JavaScript, sodass Lernmöglichkeiten für Mitwirkende mit den Fundamentaldaten Lernmöglichkeiten haben.

Die zweite Version wird mit React erstellt und befindet sich im app-react Verzeichnis. Dies bietet eine Möglichkeit für Mitwirkende, die mit einem Front-End-Rahmen arbeiten möchten, um die Hände schmutzig zu machen.

Bevor ich einen Beitrag leistete, empfehle ich Ihnen dringend, mit der Live-Version herumzuspielen und sie tatsächlich für ein grundlegendes Notizzucken zu verwenden. Was ist daran scheiße? Was könnte verbessert werden? Hast du irgendwelche Fehler entdeckt?

Die Richtung des Projekts wird von denjenigen bestimmt, die einen Beitrag leisten. Wenn Sie einige coole Ideen für neue Funktionen groß oder klein haben, dann großartig! Erstellen Sie einfach ein Problem zur Diskussion, bevor dies dies tun?

Projekteinrichtung

Der einfachste und schnellste Weg, um das Standardprojekt vor Ort einzustellen, besteht darin, das Repo zu klonen:

git clone https://github.com/jrobind/dev-jot.git

Stellen Sie sicher, dass Sie sich im app-main Verzeichnis befinden

 cd app-main

Installieren Sie nun Pakete mit NPM

npm i

Da die Standardprojektversion JavaScript -Module verwendet, können Sie mit JavaScript auf Dateien in Ihrem lokalen Dateisystem zugreifen. Ich würde empfehlen, VS -Code als IDE zu verwenden, und ich würde auch empfehlen, die Erweiterung des VS -Code -Live -Servers zu installieren .

Das Live-Projekt wird von /app-main/public serviert, sodass Sie auch hier den Live-Server verweisen müssen. Um dies zu tun:

1. Greifen Sie auf die Live -Erweiterungseinstellungen im VS -Code zu, indem Sie auf das COG -Symbol klicken und "Erweiterungseinstellungen" auswählen

2. Klicken Sie auf 'Bearbeiten in Settings.json' '

3. Setzen Sie das Root auf: "liveServer.settings.root": "/app-main/public"

Jetzt können Sie das Projekt mit der Live-Server-Erweiterung ausführen, indem Sie mit der rechten Maustaste index.html klicken und "mit Live-Server öffnen" auswählen.

Wenn Sie sich nicht sicher sind, schauen Sie sich bitte die Dokumentation an.

Der Code

HTML, CSS und JavaScript leben derzeit im Verzeichnis /app-main/public . Das Haupt -JavaScript befindet sich innerhalb von index.js .

Beitragen

Weitere Informationen zum Beitrag finden Sie unter beitragen.md.