プログラミングを学習するための26のGithubオープンソース

今日の記事では、ウェブサイトの設計と開発のために、githubで完全に無料のプログラミング学習ウェブサイトをいくつか紹介します。

#30 Seconds Of Code
これは、プロジェクトにコードを実装するプロセスで発生する一般的な問題を解決するのに役立つコードスニペットを集約する場所です。 Reactjs、Nodejs、Git、CSS、Python、特にJavascriptアルゴリズム、実装されたJavaScript ES6、一般的なデータ構造のチュートリアル、JSで使用される例などの一般的な言語をサポートします...
![30 Seconds Of Code](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/30secondsofcode%20%281%29.jpeg)
[30 Seconds Of Code](https://www.30secondsofcode.org/collections)

#Airbnb JavaScript Style Guide
これは、実際の例を通じてJavaScriptコードを記述するための最良の方法をまとめたgithubページです。
![Airbnb JavaScript Style Guide](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Airbnb%20JavaScript%20Style%20Guide%20%281%29.png)
[Airbnb JavaScript Style Guide](https://github.com/dangkyokhoang/javascript-style-guide)

#You might not need jQuery
これは、純粋なJavascriptでJqueryの主な機能を使用するのに役立つWebサイトです。
![You might not need jQuery](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/You%20might%20not%20need%20jQuery%20%281%29.jpeg)
[You might not need jQuery](https://youmightnotneedjquery.com/)

#Spellbook of Modern Web Dev
これは、Web開発者に役立つ学習リソース（記事、本など）のコレクションです。
![Spellbook of Modern Web Dev](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Spellbook%20of%20Modern%20Web%20Dev%20%281%29.png)
[Spellbook of Modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)

#33 JavaScript Concepts
プログラマーがJavascriptの概念を習得するのに役立つ詳細な記事の要約。
![33 JavaScript Concepts](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/33%20JavaScript%20Concepts%20%281%29.png)
[33 JavaScript Concepts](https://github.com/nguyentranchung/33-js-concepts)

#Project Guidelines
これは、Webサイト開発プロジェクトを開始する際のチュートリアルと必需品のgithubページです。
![Project Guidelines](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Project%20Guidelines%20%281%29.png)
[Project Guidelines](https://github.com/elsewhencode/project-guidelines)

#Web Developer Road Map
Web開発者ロードマップは、開発者開発パスに関する完全なロードマップを提供します。 プログラミングを学ぶための各段階の詳細情報を提供し、毎年更新されます。 さらに、フロントエンド、バックエンド、DevOps、Androidなどのさまざまな業界の詳細なロードマップを提供します...
![Web Developer Road Map](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Web%20Developer%20Road%20Map%20%281%29.jpeg)
[Web Developer Road Map](https://roadmap.sh/)

#Front-end Developer Interview Questions
フロントエンドの面接プロセスでよくある質問を収集する場所。 （自分で答えを見つける必要があります。）
![Front-end Developer Interview Questions](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Front-end%20Developer%20Interview%20Questions%20%281%29.jpeg)
[Front-end Developer Interview Questions](https://h5bp.org/Front-end-Developer-Interview-Questions/)

#Clean Code Javascripts
これは、Javascriptプログラミング言語を使用する過程で作成者のコーディング経験を統合します。 理解しやすく、簡単に再利用でき、コードの効率を高めるコードの記述方法を学ぶのに役立ちます...
![Clean Code Javascript](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Clean%20Code%20Javascript.png)
[Clean Code Javascript](https://github.com/ryanmcdermott/clean-code-javascript)

#DevDocs
DevDocsは、Javascript、HTML、CSS、PHP、React、Vueなどの今日の人気のあるプログラミング言語のほぼ完全なドキュメントのコレクションです。
![DevDocs](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/DevDocs%20%281%29.png)
[DevDocs](https://devdocs.io/)

#Every Programmer Should Know
プログラマーが知っておくべき技術的知識を統合する場所。
![Every Programmer Should Know](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Every%20Programmer%20Should%20Know%20%281%29.png)
[Every Programmer Should Know](https://github.com/mtdvio/every-programmer-should-know)

#Tech Interview Handbook
Tech Interview Handbookは、履歴書の書き方、自己紹介、インタビューでのよくある質問、プログラミングでよく使われるアルゴリズムやテクニックなど、開発者向けのインタビュー体験をまとめたWebサイトです。 
![Tech Interview Handbook](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Tech%20Interview%20Handbook.png)
[Tech Interview Handbook](https://techinterviewhandbook.org/)

#Grab Front End Guide
このページは、フロントエンドの初心者が、Grabのエンジニアリングチームの実際の処理経験を通じて、基本的な概念と、Webプロジェクトに使用するツールとライブラリを理解するのに役立ちます。
![Grab Front End Guide](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Grab%20Front%20End%20Guide%20%281%29.jpeg)
[Grab Front End Guide](https://github.com/grab/front-end-guide)

#Learn Git Branching
チュートリアルと視覚的な例を通じてGitを学ぶのに役立つ場所。
![Learn Git Branching](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Learn%20Git%20Branching%20%281%29.jpeg)
[Learn Git Branching](https://learngitbranching.js.org/)

#Vanilla Web Projects
20以上の完全に無料のプロジェクトを通じて、Webサイト開発で純粋なJavaScriptコードを練習するのに役立つ場所。
![Vanilla Web Projects](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Vanilla%20Web%20Projects%20%20%281%29.jpeg)
[Vanilla Web Projects](https://github.com/bradtraversy/vanillawebprojects)

#Free Programming Books
私の意見では、これは今日のプログラマー向けの無料のコースとプログラミングの本のほとんどすべてを集めたWebサイトです。 ここで私が最も気に入っているのは、適切なドキュメントを簡単に選択できるように、多くの異なる言語に分割されていることです。 ドキュメントを読むだけでなく、ポップキャスト、ビデオ、コーディングプログラムなどの他の形式も提供します...
![Free Programming Books](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Free%20Programming%20Books.png)
[Free Programming Books](https://ebookfoundation.github.io/free-programming-books/)

#Modern JavaScript Cheatsheet
このページは、プロジェクトの構築で頻繁に発生する問題を解決するのに役立つJavaScriptのチートシートです。
![Modern JavaScript Cheatsheet](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Modern%20JavaScript%20Cheatsheet%20%281%29.png)
[Modern JavaScript Cheatsheet](https://mbeaudru.github.io/modern-js-cheatsheet/)

#The Front-End Checklist
フロントエンドチェックリストは、Webサイトが本番環境に移行する前に必要なすべての要素のリストです。
![The Front-End Checklist](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/The%20Front-End%20Checklist.png)
[The Front-End Checklist](https://frontendchecklist.io/)

#Front-End Performance Checklist
フロントエンドパフォーマンスチェックリストは、Webサイトの読み込みをより速く、より最適化するのに役立つ知識と例のコレクションです。
![Front-End Performance Checklist](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Front-End%20Performance%20Checklist%20%281%29.jpeg)
[Front-End Performance Checklist](https://github.com/thedaviddias/Front-End-Performance-Checklist)

#Awesome
Awesomeは、今日の人気のあるプログラミング言語とトピックに関する本、ツール、ライブラリなどのほぼ完全なコレクションです。
![Awesome](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Awesome%20%281%29.jpeg)
[Awesome](https://github.com/sindresorhus/awesome)

#Design Resources For Developers
開発者向けのデザインリソースは、色、フォント、無料テンプレート、CSSフレームワークの選択など、Webサイト開発の過程でプログラマー向けのデザインツールのコレクションです。
![Design Resources For Developers](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Design%20Resources%20For%20Developers%20%281%29.jpeg)
[Design Resources For Developers](https://github.com/bradtraversy/design-resources-for-developers)

#System Design Primer
これは、大規模なシステム向けに設計、最適化、および簡単に拡張する方法を学ぶのに役立つチュートリアルgithubページです。
![System Design Primer](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/System%20Design%20Primer%20%281%29.jpeg)
[System Design Primer](https://github.com/donnemartin/system-design-primer)

#JavaScript Algorithms And Data Structures
JavaScriptのアルゴリズムとデータ構造には、一般的なアルゴリズムとデータ構造の実際の例の完全なコレクションがあります。
![JavaScript Algorithms And Data Structures](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/JavaScript%20Algorithms%20V%C3%A0%20Data%20Structures.png)
[JavaScript Algorithms And Data Structures](https://github.com/trekhleb/javascript-algorithms)

#CSS Protips
CSS Protipsは、ウェブサイトのデザインでCSSを最適化するのに役立つ知識の統合を専門とする場所です。
![CSS Protips](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/CSS%20Protips%20%281%29.jpeg)
[CSS Protips](https://github.com/AllThingsSmitty/css-protips#css-protips-)

#Awesome Web Development Resources
Awesome Web Development Resourcesは、開発者向けの無料のプログラミングリソースのアグリゲーターです。
![Awesome Web Development Resources](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Awesome%20Web%20Development%20Resources%20%281%29.jpeg)
[Awesome Web Development Resources](https://github.com/markodenic/web-development-resources)

#JavaScript Questions
このWebサイトでは、Javascriptプログラミング言語の基本的なものから高度なものまでの質問を集めています。 私がそれについて最も好きなのは、それが各質問に対する答えと詳細な指示を持っているということです。 また、多くの異なる言語に翻訳されています。
![JavaScript Questions](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/JavaScript%20Questions.png)
[JavaScript Questions](https://github.com/lydiahallie/javascript-questions)

#Summary
この記事が、Web開発と設計のためのプログラミングを学ぶための無料の場所を提供することを願っています。 ご不明な点がございましたら、メールにてお問い合わせください。 できるだけ早くご連絡いたします。

If you want read more article please go to [https://en.niemvuilaptrinh.com/](https://en.niemvuilaptrinh.com/)

<a href="https://www.buymeacoffee.com/nhat" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>