popcode
1.0.0
PopCodeは、教室で使用するためのシンプルなHTML/CSS/JavaScript編集環境です。 JSBIN、JSFIDDLE、またはCODEPENによく似ていますが、コードにエラーが含まれている場合、特定の即時の人間に優しいフィードバックを提供することに焦点を当てています。
PopCodeは、2019〜2020学年度のCode Nation Intro to Web開発プログラムの公式編集環境です。
https://popcode.orgでポップコードを試すことができます。
検証システムは、このプロジェクトの主要なポイントです。ほとんどの構文チェッカー、リナー、およびスタイルエンフォーサーは、初心者ではなく経験豊富なコーダーを対象とした言語を使用してフィードバックを提供する傾向があります。したがって、学生のためにエラーメッセージの平易な英語への翻訳を提供することは、このプロジェクトの最優先の懸念です。
PopCodeは、スタイルの決定が任意である場合でも、学生にそれを行うための正しい方法を与え、学習プロセスを助けます。
PopCodeは、 Reactを使用してレンダリングビュー、 Reduxを使用してアプリケーション状態を管理し、コードエディターとしてACE 、 Webpack 、クライアント側のアプリケーションをパッケージ化し、 Babelをコンパイルしてレガシーブラウザーバージョンと互換性があります。
PopCodeは、SlowParse、HTMLLINT、HTMLインスペクター、CSS、PrettyCSS、Stylelint、Jshint、およびEsprimaを使用して、学生コードのミスを検出します。
PopCodeはすべてボランティアのプロジェクトであり、貢献を歓迎します。初めての貢献者に、Getting Start Guideから始めることをお勧めします。これにより、最初のプルリクエストを寄付するための各ステップの友好的で詳細な内訳が得られます。
関与したいが、方法について具体的なアイデアを持っていない場合は、最初の問題を確認し、レーベルを支援してください。あなたがすでに情熱を持っているアイデアを持っているなら、それのために行ってください。
PopCodeには、 nodeenvに建設されたバッテリーが含む開発環境が付属しています。 Pythonをインストールする必要があります。任意のバージョン2.7+は機能します。環境をセットアップするには、実行してください。
$ tools/setup.pyこれにより、プロジェクトルートのnodeenvディレクトリに孤立した環境にnodeとyarnがインストールされます。これらのツールのシステム全体のインストールは妨げられません。
セットアップが完了したら、開発サーバーを実行するには、実行してください。
$ tools/yarn.py startこれにより、http：// localhost：3000でサーバーが開始されます
ウォッチモードでテストを開始するには、実行してください。
$ tools/yarn.py autotest他の便利なツールについては、 package.jsonの"scripts"セクションを確認してください。
PopCodeには、 tools/setup.pyによって自動的に有効にされる堅牢なカスタム対コード構成が付属しています。 VSコードを使用する場合、次のことができます。
Show Recommended Extensionsコマンドを実行しますtaskをクイックオープンバーに入力して、実行するタスクをオートコンプリートすることにより、サーバーを起動し、テストを実行します。debugクイックオープンバーに入力することにより、開発環境またはJESTテストのいずれかをデバッグPopCodeは、Prettier、Eslint、StyleLintなどのツールを使用して、コードを自動的にフォーマットします。保存時に自動フォーマットにエディタープラグインを設定したことをお勧めします。または、フォーマットとAutofix Lintにコミットする前にtools/yarn.py lintfixを実行することもできます。 PopCodeの公式対コード統合（推奨拡張機能がインストールされた場合）は、これを箱から出します。
公式開発環境を使用してポップコードで作業する必要はありません。主に、マシンに適切なバージョンのノードと糸がインストールされている必要があります（現在のバージョンについては、 package.jsonの"engines"セクションをチェックしてください）。
ポップコードは、最新のテクノロジーとコードコンベンションを使用して、開発を可能な限り快適にするよう努めています。以下は、主要なツールに関するリンクへのリンクです。
ポップコードはMITライセンスの下に配布されます。すべてのsordidの詳細については、添付のライセンスファイルを参照してください。
これらの企業は、優れたサービスの有料ティアへのポップコードアクセスを無料で提供しています。
ご質問がある場合は、[email protected]にメールを送ってください。
＃DEVチャンネルを含む私たちのSlackチームをここに見つけることができます。
