Dev-Jotは、オンライン開発者のチュートリアル向けのメモを取るアプリです。このプロジェクトはMVPであり、TheFrontendCoachサポートシステムの一部としてフロントエンド開発者を意欲的に支援するために作成されています。
アプリには2つのバージョンがあります。
Discord Community Discord.gg/ymsd9sgz4fに参加してください
自己教師の人にとっては、「チュートリアルランド」または「チュートリアルヘル」に巻き込まれていることに気付くのは本当に簡単です。多くの初心者のコーダーにとって、チュートリアルから学んでいることと、雇用可能な開発者になるために必要なスキルを習得することとの間のギャップを埋めることは困難です。
あなたの究極の目標は、実際の開発の仕事で実際にできることを、できるだけ密接に複製することです。オープンソースに貢献することは、これを行う素晴らしい方法です。オープンソースの貢献をするには、いくつかの重要な概念、実践、および移転可能なスキルにさらされる必要があります。
このプロジェクトは、オープンソースの世界への友好的なエントリポイントとして機能します。あなたの最初のオープンソースの貢献をすることは、多くの意欲的な開発者を先送りにする困難な見通しになる可能性があります。
このプロジェクトの主な目標は、学習を促進し、間違いを犯しても安全だと感じ、他の開発者と協力しながらフィードバックとガイダンスを受け取るために、歓迎的で友好的な環境を作り出すことです。
プロジェクトの方向は、貢献する人々によって導かれます。多種多様な機能を追加し、さまざまなテクノロジーでアプリを再構築する範囲があります。
これは、rudsのアプリケーションではありません。レッスンノートは現在、ブラウザのローカルストレージに保存されています。このアプリの目的は、自己教師の人が、すべてのチュートリアルとレッスンノートのためにシンプルできれいなストアを作成できるようにすることです。
アプリには2つのバージョンがあります。メインのデフォルトバージョンは、 app-mainディレクトリ内にあります。このアプリのデフォルトバージョンは、純粋にHTML、CSS、およびVanilla JavaScriptであるため、貢献者がファンダメンタルズと協力する学習機会があります。
2番目のバージョンは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から提供されるため、ここでもライブサーバーをポイントする必要があります。これを行うには:


"liveServer.settings.root": "/app-main/public"これで、右クリックしてindex.html使用して「ライブサーバーで開く」を選択することにより、ライブサーバー拡張機能を使用してプロジェクトを実行できます。
確信が持てない場合は、ドキュメントをご覧ください。
HTML、CSS、およびJavaScriptは現在/app-main/publicディレクトリ内に住んでいます。メインJavaScriptはindex.js内にあります。
貢献方法に関する詳細については、converting.mdをご覧ください。