free developer resources

無料のWeb開発者リソース

Web開発者を支援するための無料リソースのコレクション。

貢献を歓迎します！ ？

リソースを追加したい場合は、 contributing guidelinesをお読みください。

このリポジトリに出演します

お役に立てば、このリポジトリをお願いします！これにより、新しい人がこのリポジトリを見つけやすくなります。

目次

• アクセシビリティ
• API
• ブログ
• 本
• コミュニティ
• コース
• CSS
  • アニメーション
  • フレームワーク
  • ツール
• データベース
• デザイン
  • 色
  • フォント
  • 勾配
  • アイコン
  • イラスト
  • インスピレーション
  • パターン
  • 写真
• 開発者ツール
  • 全て
  • 認証
  • Chrome拡張機能
  • ドメイン名
  • ジェネレーター
  • ホスティング
  • 最適化
  • オンラインコードエディター
  • プロジェクト管理
  • 検証
• ニュースレター
• ポッドキャスト
• 練習する
• YouTube
  • 全て
  • バックエンド
  • ブロックチェーン
  • DevOps
  • フロントエンド
  • 携帯

---

アクセシビリティ

リソース	説明
アクセシビリティチートシート	あなたのウェブサイト/WebAppをすべての人がアクセスできるようにするためのユニバーサルデザインへの実用的なアプローチ
カラーコントラストアクセシビリティバリデーター	カラーコントラストアクセシビリティバリデーター
WAIチュートリアル	アクセスのための執筆、設計、開発のためのガイダンス

API

リソース	説明
JSONプレースホルダー	テストとプロトタイピングのための無料の偽のAPI。
トリビアデータベースを開きます	自由に使用できる、ユーザーが管理するトリビア質問データベース。 4,102検証済みの質問。
OpenWeather	迅速で使いやすい方法での天気データ
パブリックAPIリスト	ソフトウェアおよびWeb開発で使用するための無料のAPIの集合リスト。
スターウォーズAPI	あなたが今まで望んでいたすべてのスターウォーズデータ：惑星、宇宙船、車両、人、映画、種
彼らはAPIを引用して言った	彼らは、Quotes APIがそのQuotesプラットフォームへの完全な機能リッチAPIアクセスを提供すると言った。
OMDB API	OMDB APIは、映画情報を取得するためのRestful Webサービスであり、サイト上のすべてのコンテンツと画像がユーザーによって貢献および維持されています。
ランダムデータAPI	APIエンドポイントを使用して、開発とテストサイクルを高速化できるデータを取得します。すべての応答には、ID（整数）とUID（文字列）が付属しています。
休憩国	Restful APIを介して国に関する情報を入手してください。

ブログ

リソース	説明
カタリンピット	ソフトウェアエンジニアリング、開発者の健康、リソース、コンテンツの作成に関するすべて
Codepenブログ	発表、ヒントとトリック、新しい更新された機能、楽しいラウンドアップ、新しいポッドキャストエピソードなど。
CSSトリック	CSSトリックによってキュレーションされたブログ記事
dev.to	Devは、お互いを助けるために集まっているソフトウェア開発者のコ​​ミュニティです。ソフトウェア業界は、コラボレーションとネットワーク学習に依存しています。それが起こる場所を提供します。
フラビオ・コープ	Flavio Copesブログ
Netflix Techブログ	Netflix Techブログ
Pinterestエンジニアリング	Pinterestエンジニアリング。独創的なエンジニアは、最初の視覚ディスカバリーエンジン、3,000億のアイデアとカウントを構築します。
DigitalOceanコミュニティ	DigitalOceanのコミュニティは、幅広いトピックに関する数千のチュートリアル、ビデオ、および質問に対する回答を提供しています。
スマッシングマガジン	Smashing Magazine-記事、書籍、ワークショップ、会議、メンバーシップ、ジョブボード、ニュースレターなど
Spotifyエンジニアリング	音楽の背後にある魔法などについて読んでください。公式テクノロジーブログへようこそ。
実用的なエンジニア	ニュースレター、本、仕事、才能の集団

本

リソース	説明
Python（第2版）で退屈なものを自動化する	Pythonで退屈なものを自動化するには、Pythonを使用して数分で何時間もかかるプログラムを作成する方法を学びます。
Eloquent JavaScript（第3版）	これは、JavaScript、プログラミング、デジタルの不思議に関する本です。
function-light javascript	「functional-light javascript」は、JavaScriptに適用される際に、機能プログラミング（FP）のコア原理を探ります。しかし、この本を違うのは、すべての重い用語でownれずにこれらの原則にアプローチすることです。 「functional-lightプログラミング」（FLP）と呼ばれるFP基礎概念のサブセットを調べ、JavaScriptに適用します。
実用的なプログラマー：あなたの習得への旅（20周年記念版）	コード化のベストプラクティスでいっぱいになったが、20年後、ソフトウェアで成功したキャリアを構築するための本の1つです。
あなたはJSを知りません	これは、JavaScript言語のコアメカニズムに深く掘り下げている一連の本です。

コミュニティ

リソース	説明
コドコミュニティ	コーダーのためのスペース。

コース

リソース	説明
freecodecamp.org	無料でコードを学ぶ - プロジェクトの構築 - 認定を獲得します。
JavaScript 30	30日間のバニラJSコーディングチャレンジ
オーディンプロジェクト	情熱的なオープンソースコミュニティがサポートする無料のフルスタックカリキュラム。
Python Essentials 1（初心者）	このコースは、PCEP-認定エントリーレベルのPythonプログラマーおよびPCAP：Pythonプログラミング認定試験の認定アソシエイトに向けて準備する2コースシリーズの最初のコースです。
[udemy]（https://www.udemy.com）	udemy.comで学ぶか教えてください
テストオートメーション大学	テストオートメーションスーパースターになる - 無料！
edx	あなたの野望を促進します - 4000以上のコースを探索してください
スクリンバ	フロントエンドのキャリアパスは、やる気のある学生がブートキャンプのコストの割合で忙しい開発者になるのに役立ちます

CSS

CSSアニメーション

リソース	説明
アニスタ	オンデマンドCSSアニメーションライブラリ
キュービックベジエ	カーブのインポートとエクスポート
緩和	緩和は、適切な緩和機能を見つけるのに役立ちます
キーフレーム	キーフレームアニメーション

CSSフレームワーク

リソース	説明
ブートストラップ	ブートストラップで高速で応答性の高いサイトを構築します
Tailwindcss	HTMLを離れることなく、最新のWebサイトを迅速に構築します。
ブルマ	BULMA：機能する現代のCSSフレームワーク。
Zurb Foundation	世界で最も高度なレスポンシブフロントエンドフレームワーク。
実現します	材料設計に基づく最新のレスポンシブフロントエンドフレームワーク
TailWindComponents	Tailwind CSSを使用したコミュニティコンポーネントの無料リポジトリ
テールブロック	すぐに使用できる追い風CSSブロック
テールウィンドゥイ	Tailwind UIコンポーネント
Tailwindチートシート	Tailwind用のチートシート

CSSツール

リソース	説明
ボックスシャドウ	ボックスシャドウをカスタマイズします
CSS矢印をお願いします	矢印が横に伸びているカスタムボックスのCSSコードを作成およびエクスポートします。ツールチップ、フライアウトなどに最適です。
CSSグリッド	25のかなり良いビデオでwes bosでCSSグリッドを学ぶ
cssmastery	CSSマスタリースライドショープレゼンテーション
CSSボタンジェネレーター	CSSボタンジェネレーター
CSSクリップパスメーカー	CSSクリップパスメーカー
カスタムシェイプディバイダー	カスタムシェイプディバイダー
派手なボーダーラジウス	派手なボーダー半径を作成します
FlexBox	CSS Flexboxをマスターするのに役立つシンプルで無料の20ビデオコース！
GlassMorphism.com	ガラス効果パネルを作成します
houdini.how	コードペンの方法
Neumorphism.io	Soft-UI CSSコードを生成します

データベース

リソース	説明
動物相	クラウドAPIとして配信される分散ドキュメント関連データベース
ファイアーベース	FireBaseは、ユーザーが愛するアプリやゲームの構築とゲームの構築と成長に役立つアプリ開発プラットフォームです。 Googleに支援され、世界中の何百万人もの企業から信頼されています。
harperdb	データベース、API、およびディストリビューションロジックを1つのソリューションに組み合わせて、市場への速い時間、ゼロのグローバルレイテンシ、および総所有コストを削減します。
mongodb	業界初の開発者データプラットフォームにアプリケーションを構築します。 AIを搭載したイベント駆動型アプリから、エッジユースケースと検索、高速、およびスケールユーザーの需要を検索します。
サパバーズ	Supabaseは、オープンソースファイアベースの代替品です。
ElephantsQl	完全に構成および最適化されたPostgreSQLデータベースは、2分で準備ができています。

デザイン

オーディオ

リソース	説明
オーディオマイクロ	ロイヤリティフリーオーディオおよびサウンドエフェクト
zapsplat	ロイヤリティフリーの音楽トラックとサウンドエフェクト

色

リソース	説明
0to255	0to255は、任意の色に基づいて、色合いと色合いとも呼ばれる、明るい色と暗い色を簡単に見つけることができるカラーツールです。これにより、ボタンホバー状態、勾配、境界などに使用するのに最適です。
アドビカラーホイール	テーマを閲覧して検索します
Hail PixelによるColordot	ランダムなカラーパレットを選択してください
colormind.io	事前に生成されたカラーパレットの選択
colors.lol	過度に説明的なカラーパレット。
クーラー	超高速カラーパレットジェネレーター！
colorsandfonts	Web開発者とデジタルデザイナーのための色とタイポグラフィのインスピレーション
フラットユークロール	フラットUIカラー2には、さらに13のカラーパレットがあります。世界中の13人のデザイナーと協力して、次のプロジェクト、デザイン、プレゼンテーションのコピー /貼り付けのコマンドに280色の合計セットがあります。
huemint	機械学習を利用して、独自の配色を作成します。
mycolor.space	再び完璧なカラーパレットを見つけるのに時間を無駄にしないでください！
パレットン	選択した色からカラーパレットを作成します
私を熟練させてください	ウェブサイトからカラーパレットを入手してください

フォント

リソース	説明
colorandfonts	Web開発者とデジタルデザイナーのための色とタイポグラフィのインスピレーション
フォントフリッパー	タイポグラフィを画像に追加します
fontjoy	フォントペアリングはシンプルになりました
Googleフォント	Googleから入手可能なフォント
fontpair	次のデザインプロジェクトに使用する無料のフォントとフォントペアリング

勾配

リソース	説明
CSSグラデーション	あなたのウェブサイトの無料グラデーションの背景を作成します
uiradients	グラデーションを作成します

アイコン

リソース	説明
ブートストラップアイコン	2,000を超えるアイコンを備えた無料の高品質のオープンソースアイコンライブラリ。とにかくあなたが好きなものを含める - svgs、svgスプライト、またはウェブフォント
Flaticon	アクセス11.7m+ベクトルアイコンとステッカー
フェザー	単に美しいオープンソースアイコン
フォント素晴らしい	Font Awesomeは、何百万人ものデザイナー、開発者、コンテンツ作成者が使用するインターネットのアイコンライブラリとツールキットです。
HeroIcons	Steve SchogerによるMITライセンスのオープンソースアイコン
iconfinder	デザインプロジェクトのための数百万のグラフィック。独立したデザイナーによって作成されました。
マテリアルアイコン	マテリアルシンボルは、幅広いデザインバリアントを備えた単一のフォントファイルに3,062を超えるグリフを統合する最新のアイコンです。シンボルには、3つのスタイルと4つの調整可能な可変フォントスタイル（塗りつぶし、重量、グレード、光学サイズ）があります。
単純なアイコン	2734人気ブランド向けの無料のSVGアイコン
使用の使用	アプリやウェブサイトに即座に実装するためのLottie Frameworkのアニメーションアイコン。

イラスト

リソース	説明
404イラスト	404ページのロイヤリティフリーイラスト
コントロールイラスト	108のカスタマイズ可能なイラストのコンボセット
drawkit	手描きの2Dおよび3Dイラスト、アイコン、アニメーション。次のプロジェクトに最適です。
ロット	軽量でスケーラブルなアニメーション
ドゥードルを開けます	オープンソースのイラストの無料セット！
イラストをスマッシュします	カラフルでトレンディなキャラクターを備えた素晴らしいイラストコンストラクター
undrawイラスト	閲覧して、ニーズに合った画像を見つけて、ダウンロードしてクリックします。ブランドのアイデンティティに合わせて、フライのカラー画像生成を使用してください。

インスピレーション

リソース	説明
ああ	世界で最高のWebデザイナー、開発者、代理店の才能と努力を表彰する賞。
彼	職場でクリエイティブな世界を検索します
ドリブル	世界中の何百万人もの最高評価のデザイナーや代理店のコミュニティとつながります。

パターン

リソース	説明
ヒーローパターン	Webプロジェクトで使用できる繰り返し可能なSVG背景パターンのコレクション。
pattern.css	CSSのみのライブラリのみがあなたの空の背景を美しいパターンで埋めます。
Patternico	絵文字と色を使用して背景を作成します
微妙なパターン	背景パターン

写真

リソース	説明
Freepik	より速く、優れたデザインを作成します
ピクサベイ	見事なロイヤリティフリーの画像とロイヤリティフリーストック
ペクセル	最高の無料ストックフォト、クリエイターが共有するロイヤリティフリーの画像、ビデオ。
解釈	インターネットのビジュアルソース。どこでもクリエイターによって駆動されます。

開発者ツール

リソース	説明
ビジュアルスタジオコード	コード編集。再定義。無料。オープンソースの上に構築されています。どこでも走ります。
郵便配達員	APIテストクライアント
不眠症	APIテストクライアント
Wiremock Cloud	APIモッキングWebアプリ
フロントエンドチェックリスト	フロントエンドのチェックリストアプリケーションは、最新のWebサイトや細心の開発者に最適です！
ihateregex	正規表現チートシート
パステビン	スニペットを共有します
github	Githubは、1億人以上の開発者がソフトウェアの未来を組み合わせた場所です。
文法	あなたのユニークな声を維持しながら、すぐに明確で説得力のある文章を生成します。
スタックオーバーフロー	すべての開発者/データサイエンティスト/システム管理者/モバイル開発者/ゲーム開発者には、スタックオーバーフローを開くタブがあります

認証

リソース	説明
Auth0	誰でもではなく、すべての人のための安全なアクセス

Chrome拡張機能

リソース	説明
cssviewer	シンプルなCSSプロパティビューアー。
Colorzilla	高度なアイドロッパー、カラーピッカー、グラデーションジェネレーター、その他のカラフルなグッズ
gitpod	クリックしてリポジトリから開発者環境に移動します
JSON Viewer	あなたの目が今まで見た中で最も美しくカスタマイズ可能なJSON/JSONP蛍光ペン。
React Developer Tools	React Developer Toolsは、オープンソースReact JavaScriptライブラリ用のChrome DevTools拡張機能です。 Chrome開発者ツールのReactコンポーネント階層を検査することができます。
ワッパリーザー	Wappalyzerは、Webサイトが構築されているものを示すテクノロジープロファイラーです。
波の評価ツール	ブラウザ内のWebアクセシビリティを評価します。
Web障害シミュレーター	障害のある人がWebをどのように体験するかをシミュレートします
Webページのスペルチェック	任意のWebページにインスタントスペルチェック
WhatFont	Webページでフォントを識別する最も簡単な方法。

ドメイン名

リソース	説明
Namecheap	ドメイン名、ホスティング、電子メール、マーケティングツール、セキュリティ＆ワードプレス

ジェネレーター

リソース	説明
Django Secret Keyジェネレーター	Django Secret Keyジェネレーター
モカルー	データジェネレーター
JSONジェネレーター	データジェネレーター
ファビコンジェネレーター	ファビコンジェネレーター。
無料のファビコンメーカー	無料のファビコンメーカー
オンラインUUIDジェネレーター	オンラインUUIDジェネレーター
メタタグ	Meta Tags Toolkit-プレビュー、編集、生成
炭素	コードスニペット画像

ホスティング

リソース	説明
netlify	すべてを接続します - 何でも構築します
うねり	フロントエンド開発者向けの静的Webパブリッシング
ヴェルセル	開発者は素晴らしいものを構築して公開できるようにします。開発者とデザイナー向けの製品を構築しています。そして、1つになりたいと思っている人。
与える	すべてのコード、API、Cronジョブ、Webアプリ、データベースをホストする最速の方法...
キンスタ	SSL、100 GBの毎月の帯域幅、260以上のCloudFlare CDNの場所を備えた無料のカスタムドメインで最大100個の静的サイトを展開します。

最適化

リソース	説明
バーメ	バルクイメージのリジザー
削除します	コードミニファイア
Tinypng	画像圧縮
コンプレッサー	画像圧縮
測定	メトリック
灯台指標	メトリック

オンラインコードエディター

リソース	説明
Codepen	フロントエンドコードを構築、テスト、発見するのに最適な場所
jsfiddle	HTML、CSS、JSのオンラインコードエディター
ライブウェーブ	HTML、CSS、JSのオンラインコードエディター
REPL.IT	オンラインコードエディター
JSビン	HMTL、CSS、JSのオンラインコードエディター
codeSandBox	さまざまな言語のオンラインコードエディター

プロジェクト管理

リソース	説明
概念	概念は、より良い、より速い作業が起こる接続されたワークスペースです。今AIで
トレロ	Trelloは、すべてのタスク、チームメイト、ツールをまとめます
perfectbugreport.io	バグレポートに含めるための必須アイテムの簡単なチェックリスト。

検証

リソース	説明
使用できますか	ブラウザ互換性の検索
ECMAScript互換性テーブル	ECMAScript互換性テーブル

ニュースレター

リソース	説明
バイト	JavaScriptエコシステムに情報を提供することは、これほど面白くないことはかつてありませんでした。毎週月曜日と木曜日に無料で提供されます。
CSSトリックニュースレター	最も興味深いニュース、アイデア、新鮮なコンテンツ、考え、チームCSS-Tricksからの信じられないほど成熟したジョークを備えたメールニュースレター。これは、Web Devで最新情報を入手するためのチケットです。
CSSウィークリー	Zoran JamborがキュレーションしたCSS記事、チュートリアル、実験、ツールの毎週の電子メールラウンドアップ
JavaScript毎週	JavaScriptの記事、ニュース、クールなプロジェクトのニュースレター
フロントエンドフォーカス	最高のフロントエンドニュース、記事、チュートリアルの1回から1回のまとめ。 HTML、CSS、WebGL、キャンバス、ブラウザテックなど。
7.Dev	チュートリアルとコースでプログラムすることを学びます
フレックスボックスアドベンチャー	退屈なビデオ、チュートリアル、コースはもうありません。まったく新しい、楽しく、効果的で革新的な方法でフレックスボックスを学びましょう。フレックスボックスコーディングゲームをプレイすることによって！

ポッドキャスト

リソース	説明
開発者ティー	Jonathan Cutrellによるポッドキャストは、開発者が自分の目的を発見し、職場で優れていて、プラスの影響を与えることを可能にします。
フロントエンドハッピーアワー	Netflix、Twitch、Atlassianのソフトウェアエンジニアのパネルをフィーチャーしたソフトウェアエンジニアリングポッドキャストは、フロントエンド、JavaScript、およびキャリア開発について飲み物について話しています。
フルスタックラジオ	優れたソフトウェア製品の構築に関心のある開発者向けのポッドキャスト。 Adam Wathanがホスト。
JSパーティー	JSパーティー、JavaScriptとWebの毎週のお祝いへようこそ
てんとう虫ポッドキャスト	私たちはハイテク業界をデバッグしています。
Scrimbaポッドキャスト	コードの学習と最初のジュニア開発者の仕事を得る方法についての毎週のポッド
ソフトウェアエンジニアリングラジオ	プロのソフトウェア開発者向けのポッドキャスト
syntax.fm	おいしいものは、ウェブ開発者向けのポッドキャストを扱います

練習する

リソース	説明
フロントエンドメンター	実際のプロジェクトを構築することにより、フロントエンドのコーディングスキルを向上させます
Codewars	列車のコードの問題
30日間のバニラJSコーディングチャレンジ	30日間のバニラJSコーディングチャレンジ
sqlbolt	ブラウザでSQLをすばやく学習できるように設計された一連のインタラクティブなレッスンとエクササイズ。
icodethis	コーディングスキルを向上させるために構築できる毎日のプロジェクト！
SQL動物園	SQLZOOは、SQLクエリとデータベース管理に関するチュートリアルと演習を提供するインタラクティブなオンライン学習プラットフォームであり、ユーザーがSQLスキルを向上させるのに役立ちます。

YouTubeチャンネル

一般的なWeb開発の知識

リソース	説明
Ahmad awais	awaisで学ぶ
ベン・アワッド	React、React Native、GraphQL、TypeScript、Node.js、PostgreSQL、Python、およびすべてのコーディングに関するビデオ。
より良い開発	CSSビデオ
Claudio Bernasconi	開発者のスキルを向上させることにより、より良い（.NET）ソフトウェアエンジニアになります。開発者として目立つのは難しいです。自分ができる限り最高のバージョンにしてください。
Codedamn	主にプログラミングに関連するビデオ、そして時にはインターネットで生き残るためのシンプルなハッキングやトリック！
Coderone	Coderoneは、Web開発、ソフトウェアエンジニアリング、コーディングのための学習チャネルであり、1か所ですべての場所で、高品質のビデオ/筆記チュートリアルを使用して、深く掘り下げて新しいものを学ぶことができる学習プラットフォームと一緒にあります。
codestackr	Web開発に関するチュートリアルと、HTML、CSS、SASS、JavaScript、TypeScriptなどのコーディング言語が含まれています
コード進化	Web開発の最新の技術に関するチュートリアル！
AniaKubówのコード	何もないところからコーディングする方法を学びたいですか？どうやってお見せします！
コーディングガーデン	コーディングガーデンは、初心者からベテランまでのコーダーが一緒に学び、成長できるオープンでインタラクティブで魅力的なコミュニティです。
コーディング中毒者	Web開発に関するビデオコース
コドコミュニティ	短いビデオと長い形式のワークショップが組み合わされているので、より良い開発者になるのに役立つことを願っています。
コルビーフェヨック	私は他の人がウェブのツールで本当の問題を解決するために技術を邪魔にならないようにするのを助けます
デイブ・グレイ	HTML、CSS、JavaScript、React、node.jsなどに関する完全なコースを備えたWeb開発チュートリアル！
dcode	高品質のWeb開発チュートリアル。
デニスアイビー	当時のPython、Django、Javascriptの主な焦点で、フルスタックWeb開発について私が知っていることを共有しています。私は、個人的な経験を共有するとともに、これらの言語/フレームワーク/ライブラリのプロジェクトベースのチュートリアルを作成します。
開発	テクノロジーの世界でコーディング、デザイン、より創造的になる方法を学ぶためのあなたの頼りになるチャンネル！
ファラデーアカデミー	私は、仕事で取り組んでいること、現在勉強していること、または開発者としての生産性を向上させようとしていることに関連するトピックについてビデオを作成しています。私はこのチャンネルでできる限り興味深いまたは有用な知識を共有しようとしています
火災	高強度⚡コードチュートリアルとテクノロジーニュースは、アプリをより速く出荷するのに役立ちます。毎週、すべてのプログラマーが知っておくべきトピックをカバーする新しいビデオ。
freecodecamp.org	無料でコードすることを学びます
ハリー・ウルフ	毎週、JavaScriptの愛と喜びとWeb関連のすべてを共有するための新しいビデオを投稿します。
ジェームズ・パーキンス	next.js、TypeScriptなどについて学ぶ場合は、購読してください。
ジェームズQクイック	Web開発に関する毎週のビデオを公開しています！
JavaScriptマスタリー	プロジェクトベースのアプローチを備えたモダンなWeb開発をマスターします
ジョシュはコーディングを試みました	こんにちは。私はジョシュで、私の目標は、YouTubeでここでそれを共有することを楽しんでいることです。ここに来てよかったです！
ラマヴェーダ	すべての人のためのWeb開発チュートリアル。 JavaScript、React.js、node.jsを学び、Lamaを使用したHTML、CSS、Webデザインのインスピレーションを見つけてWeb開発者になります。
リー・ハリデー	JavaScriptとReactに関するチュートリアル。
Moshを使用したプログラミング	私は、企業が雇うのが大好きなプロのソフトウェアエンジニアを訓練しています。
エリックとのプログラム	私はチュートリアル、アドバイス、そして時々私がvlogをしています！
ティムとの技術	このチャネルからプログラミング、ソフトウェアエンジニアリング、機械学習、すべての技術を学びます。
ネット忍者	2,000を超える無料プログラミングチュートリアルで開発スキルを黒くベルト。
トラバーシーメディア	Traversy Mediaは、HTML、CSS、JavaScriptからReact、VueなどのフロントエンドフレームワークからNode.JS、Python、PHPなどのフロントエンドフレームワークまで、最新のWebテクノロジーのすべてに最適なオンラインWeb開発およびプログラミングチュートリアルを備えています。
Web開発は簡素化されました	Web Dev Simplifiedとは、Web開発のスキルとテクニックを効率的かつ実用的な方法で教えることです。 Web Development Web Dev Devの開始になったばかりの場合、Simplifiedには、ノースタックからフルスタック開発者に変換するために、最新かつ最も人気のあるテクノロジーを学習するために必要なすべてのツールがあります。

フロントエンドYT

リソース	説明
エイドリアン・トワログ	コーディングとチュートリアル - デザインとインスピレーション-UX＆UI
コーダーコーダー	初心者のWeb開発者向けの実用的なヒント。
DesignCourse	カスタムインタラクティブコースでUI/UXとCSSを学びます
ケビン・パウエル	あなたがウェブを作る方法を学び、あなたがそれにいる間にそれを良く見せるのを手伝います。
カラーコード	普通の人向けのコーディングチュートリアル！

キャリアYT

リソース	説明
クリス・ショーン	Web開発者になることに関するビデオ
コードストリー	あらゆる分野や世界中の専門家が彼らの物語を共有して、あなたを励まし、装備し、力を与え、インスピレーションを与えるチャンネルです。
ドリアンが発展します	さまざまなキャリアアドバイスビデオ
dthompsondev	ソフトウェア業界に侵入したい人のためにキャリアアドバイス
エディ・ジョーデ	オープンソースに関するビデオ
ForrestKnight	私の後ろに来る人々を助けるためにプログラミングとコンピューターサイエンスのコンテンツを作成することにより、私のバージョンのデジタルワールドを1つずつ構築する私の謙虚な試み。
ジョシュアフルク	企業の世界の生活と現実に関するビデオ
ランドール・カンナ	キャリアビデオ
Realtoughcandy	コーディングコースとプラットフォームレビュー - Web開発ニュース - フリーランスのアドバイスなど！

devops yt

リソース	説明
amigoscode	プレミアムプログラミングコース。
DevOpsディレクティブ	教育的で楽しいコンテンツを提供して、エンジニアがスキルを高め、継続的に進化するDevOpsとクラウドインフラストラクチャの状況に追いつくことができます。
Dangitschooldude	このチャネルは、分散バージョン制御システムGITを教えることに専念しています。
ナナとのTechWorld	人々がDevOpsのトピックを簡単に学ぶのを手伝ってくれますか？

モバイルYT

リソース	説明
フラッターが説明した	このチャネルは、フラッター開発のためのウィキペディアである必要があり、フラッターに関連するすべての質問に対して、ここで答えを見つけることができるはずです。
ウィリアム・キャンディヨン	ネイティブチュートリアルを反応します

ブロックチェーンYT

リソース	説明
EattheTheBlocks	EattheBlocksでは、あなたがWeb3の専門家になるのを手伝います。そうすれば、より多くのお金を稼ぎ、自由を獲得し、あなたが愛するプロジェクトに取り組むことができます。イーサリアム、堅牢性、スマートコントラクトセキュリティ、dapps、defi、nftsをカバーしています。

バックエンドYT

リソース	説明
カレブカレー	プログラミングは楽しくてシンプルになりました。楽しく、教育的で、フォローしやすい高品質のチュートリアル。
CodeBeauty	これらのビデオは、仕事に就き、試験を学び、楽しみのためにプログラムすることを学び、ソフトウェアエンジニアリングに関する質問に答えるのに役立つことを目的としています。
Pythonエンジニア	無料のPythonおよび機械学習チュートリアル！