dev jot

Dev-Jot（默認版本）-https：//dev-jot.netlify.app

Dev-Jot是用於在線開發人員教程的筆記應用程序。該項目是MVP，是為了幫助有抱負的前端開發人員作為TheFrontendCoach支持系統的一部分而創建的。

該應用程序有兩個版本：

1. 默認版，香草版本：https：//dev-jot.netlify.app
2. React版本：https：//dev-jot-react.netlify.app

請加入我們的Discord Community Discord.gg/ymsd9sgz4f

項目目的

對於那些自私的人來說，很容易發現自己被困在“教程 - 土地”或“教程 - 赫爾”中。對於許多新手編碼人員來說，很難彌合您從教程中學到的知識與獲得成為可就業開發人員所需的技能之間的差距。

您的最終目標是盡可能親密地複制您在實際開發工作中所做的事情。為開源做出貢獻是做到這一點的絕佳方法。做出開源貢獻將要求您接觸到一些重要的概念，實踐和可轉讓技巧：

• 版本控制
• 處理門票和問題
• 與其他開發人員合作
• 創建拉力請求
• 體驗代碼審核過程
• 建立當地開發環境
• 為預先存在的代碼庫貢獻代碼

一般的想法

該項目是通往開源世界的友好切入點。做出第一個開源貢獻可能是一個令人生畏的前景，推遲了許多有抱負的開發商。

該項目的主要目標是創建一個熱情而友好的環境，以促進學習，感到安全犯錯，並在與其他開發人員合作時獲得反饋和指導。

該項目的方向將由貢獻者領導。有添加各種功能的空間，還可以通過不同的技術來重建應用程序。

當前狀態

這是一個無用的CRUD應用程序。課程註釋目前存儲在瀏覽器的本地存儲中。該應用程序的目的是使那些正在自學的人為所有教程和課程筆記創建一個簡單，乾淨的商店。

該應用程序有兩個版本。主要的默認版本位於app-main目錄中。該應用程序的默認版本純粹是HTML，CSS和Vanilla JavaScript，因此有學習機會可以讓貢獻者與基本面合作。

第二版是使用React構建的，位於app-react目錄中。這為希望與前端框架合作以使他們的手變得骯髒的貢獻者提供了機會。

在做出貢獻之前，我強烈建議您使用現場版本，實際上將其用於一些基本筆記。什麼糟透了？什麼可以改善？您發現任何錯誤嗎？

項目的方向將由貢獻者決定。如果您對新功能有一些很酷的想法，那麼很棒！在此之前創建討論的問題？

項目設置

在本地啟動和運行默認項目的最簡單，最快的方法是克隆回購：

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

確保您在app-main目錄中

 cd app-main

現在使用NPM安裝軟件包

npm i

由於默認項目版本使用JavaScript模塊，因此，如果您嘗試使用JavaScript訪問本地文件系統上的文件，則可能會遇到CORS錯誤。我建議將VS代碼用作您的IDE，也建議您安裝VS代碼實時服務器擴展名。

實時項目是從/app-main/public提供的，因此您也需要在此處指向實時服務器。為此：

1. 通過單擊COG圖標並選擇“擴展設置”，訪問VS代碼中的實時擴展設置

2. 單擊“在設置中編輯”

3. 將根部設置為： "liveServer.settings.root": "/app-main/public"

現在，您可以通過右鍵單擊index.html並選擇“使用Live Server打開”來使用實時服務器擴展程序運行項目。

如果不確定，請查看文檔。

代碼

HTML，CSS和JavaScript目前居住在/app-main/public Directory中。主要JavaScript位於index.js中。

貢獻

請查看貢獻貢獻的信息，以獲取有關如何貢獻的更多信息。