大量のリソースを手元に持っておくのは常に良いことです。
コーダーとして、定型的なコードを何度も書くのではなく、機能とベスト プラクティスに焦点を当てる必要があります。無駄な労力を排除し、適切なツールの使用方法を学習したり、有用なリソースの使用方法を知ることに時間を投資したりすることで、時間を大幅に節約できます。
この記事では、WEB 開発スキルの向上に大いに役立つ、いくつかの GitHub ライブラリについて学びます。これらのライブラリは、より良いコードを書くのにも役立ちます。 。
Node.js のベスト プラクティス
このライブラリは、情報を提供するのに最適な場所ですNode 世界を理解して、それを使用する際のベスト プラクティスについて学びましょう。 40k スターと 133 人の寄稿者を擁するこのライブラリは、ほぼ毎日更新されます。
このライブラリは、Node.js Docker のベスト プラクティスを含む、上位の Node.js のベスト プラクティスを要約して整理しています。現在、80 を超えるベスト プラクティス、スタイル ガイド、構造に関する推奨事項が含まれています。
一般的なベスト プラクティスには次のようなものがあります。
- プロジェクトのより良い組織化
- エラー処理の実践
- コーディング スタイルの実践
- テストおよび全体的な品質演習
- 生産演習などを実施します。
クリックして倉庫にジャンプ
HTML5ボイラープレート
#HTML5 ボイラープレート は、高速、堅牢、適応性のある Web アプリケーションを構築するためのプロフェッショナルなフロントエンド テンプレートです。またはウェブサイト。
このプロジェクトは、長年にわたる開発の反復とコミュニティの知識の成果です。特定の開発哲学やフレームワークを強制するものではないため、希望どおりにコードを自由に構築できます。
次のような事前定義関数が含まれています:
Normalize.css- jQuery with CDN
- Apache Server Configs
- 便利な
- CSS
ヘルパー クラス
デフォルトのスタイル、パフォーマンスの最適化など-
使用する内容と使用方法に応じて、必要なファイルをコピーして貼り付けます。プロジェクトディレクトリに移動します。これにより、構成されたテンプレートが提供され、開発がスピードアップされます。
#クリックして倉庫にジャンプ
RealWorld
##マスター 1新しい枠組みの中核となる概念やイデオロギーは、決して否定的なものではありません。
概念を正しく理解していない場合は、ドキュメントを読み、サンプル コードを実行し、サンプル アプリケーションを逆アセンブルして元に戻し、
CLI
をローカルにインストールするなどの作業を行う必要があります。 .、経験値がかかりすぎてイライラします。
では、任意のフロントエンド (
React、Angular2 など) と任意のバックエンド (Node) を選択できます。 、 Django など) を統合し、アプリケーションの実際の例を確認します。 これらの実装はテクノロジー スタックに関連しているため、明らかに混合することはできませんが、同じ機能および UX 仕様に従います。
一般的な統合例:
Angular ngrx nx
ClojureScript のリフレーム- React / MobX
- Go Gin
- NestJS TypeORM/Prisma
-
- リポジトリには無限のサンプルがあります。探しに行ってください！
クリックして倉庫にジャンプ
あなたはまだ JS を知りません
##これは、
JavaScript 言語の中核的な仕組みを詳しく掘り下げる一連の書籍です。
本はすべて無料で、いつでもオンラインで読むことができます。 <blockquote>著者が推奨する読む順序は次のとおりです: </blockquote>
<ul>
<li>はじめに</li>
<li>スコープとクロージャ</li>
<li>オブジェクトとクラス (まだ開始していません)</li>
<li>型と文法 (まだ開始されていません)</li>
<li>同期と非同期 (まだ開始されていません)</li>
<li>ES.Next & Beyond (まだ開始されていません)</li>
</ul>
<p><a href="https://github.com/getify/You-Dont-Know-JS" rel="nofollow noreferrer" target="_blank">クリックすると倉庫にジャンプします</a></p>Airbnb JavaScript ガイド<h3 id="item-5"></h3>
<p><span class="img-wrap"><img referrerpolicy="no-referrer" src="/img/remote/1460000022826504" alt="" title=""><img src="https://img.php.cn/upload/image/643/959/697/159247376816727%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E8%80%85%E3%81%8C%E5%8F%8E%E9%9B%86%E3%81%99%E3%82%8B%E4%BE%A1%E5%80%A4%E3%81%AE%E3%81%82%E3%82%8B%20GitHub%20%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E5%85%B1%E6%9C%89%E3%81%99%E3%82%8B" title="159247376816727フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する" alt="フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する"></span>##これは </p>Airbnb<p>非常に正確でプロフェッショナルなスタイルガイドが提供されます。 <code>このガイドは、基本とコード スニペットを詳しく説明することで、
JavaScript
を基礎から理解するのに役立ちます。
アロー関数
- 変数の巻き上げ
- 構造の解除
- コメント
- パフォーマンス
- テスト
-
クリックしてウェアハウスにジャンプ
ストーリーブック
#Storybook
は、UI コンポーネントの開発環境です。コンポーネント ライブラリを参照したり、さまざまな状態を表示したりできます。各コンポーネントをローカルで開発およびテストします。
Storybook
app の外部で実行されるため、UI コンポーネントを独立して開発でき、コンポーネントの再利用性、テスト容易性、開発速度が向上します。アプリケーション固有の依存関係を心配することなく、迅速に構築できます。
Storybook
.クリックしてジャンプに慣れるための
CLI
といくつかのコード例が付属しています。倉庫への フロントエンド チェックリスト
##フロントエンド チェックリスト
は、網羅的 Web サイトまたは
HTML ページを使用する前に、配置またはテストする必要があるすべての要素のリスト。 これは、フロントエンド Web
に基づいて、パフォーマンス、セキュリティ、
SEO にさらに注意を払って開発されたウェアハウスです。
のすべての項目はほとんどのプロジェクトで必須ですが、一部の要素は省略できます。
含まれるもの:
ドキュメントまたは記事
オンライン ツール/テスト ツール- メディアまたはビデオ コンテンツ
-
-
クリックしてジャンプ
リポジトリに移動
インスピレーションとリソース
この投稿は、
Tech Sapien
と彼のすべての素晴らしい業績に触発されています。図書館内の写真も同じ場所から撮影したものです。
概要
利用可能なリソースは上記のライブラリだけではありません。素晴らしいプロジェクトがたくさんあると思います。これらは私が役立つと感じたリソースの一部であり、私はしばしば没頭しています。
これらのライブラリ ポイントに
Star
を付けることを忘れないでください。私たちにとってこのような有益なリソースを作成してくださったすべての素晴らしい貢献者に感謝します。
原文の英語アドレス: https ://dev.to/sayanide/best-github-repos-for-web-developers-9id
翻訳に間違いがある場合は、修正してください。訂正してください。助かります。
チュートリアルの推奨事項: 「
Git チュートリアル
」
以上がフロントエンド開発者が収集する価値のある GitHub ライブラリを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
