web dev resources

必要なWeb開発リソース

イスマイルホセイン
_{LinkedIn、Twitterでフォローしてください。}

---

これは、次のプロジェクトを構築するために必要な完全なWeb開発リソースです。ここには150以上のリソースが含まれています。プロジェクトでお気軽に探索して使用してください。

---

コンテンツ

• 開発者ロードマップ
• ドキュメントとチートシート
• 設計ツール
• Webはどのように機能しますか？
• HTMLおよびCSS
• フロントエンドの課題やスキル
• フォントとタイポグラフィ
• 色とツール
• 画像リソース
• イラスト
• アイコン
• ジェネレーター
• アクセシビリティ
• サイトアナライザー
• Windows用の端子
• オンラインIDE、編集者
• JavaScript
• node.js
• Python
• 反応します
• API
• 開発者ツール
• オンライン学習リソース
• 再開する
• その他
• 開発者のブログサイト
• YouTubeチャンネル

リソース

開発者ロードマップ

• フロントエンド - フロントエンド開発ロードマップ。
• バックエンド - バックエンド開発ロードマップ。
• React -React Development Roadmap。
• Andriod -Android開発ロードマップ。
• DevOps -DevOpsロードマップ。

ドキュメントとチートシート

• MDN Web Docs -MDN Web Docsサイトは、WebサイトとプログレッシブWebアプリの両方のHTML、CSS、APIなどのオープンWebテクノロジーに関する情報を提供します。
• DevDocs-開発者向けの高速、オフライン、無料のドキュメントブラウザ。 1つのWebアプリで100以上のドキュメントを検索します。
• Devhints-チートシートの控えめなコレクション。
• Flex -Malven- CSSフレックスレイアウト用の視覚的なチートシート。
• グリッド-Malven-CSSグリッドレイアウト用の視覚的なチートシート。
• CSSグリッドチートシート - 究極のCSSグリッドビジュアルガイド。
• Overapi-チートシートのコレクション。
• 素晴らしいチートシート - 人気のあるプログラミング言語、フレームワーク、開発ツールのための素晴らしいチートシート。
• Gitsheet-死んだシンプルなgitチートシート。
• HTML5 Doctor-これは、新機能またはHTML5で再定義された要素の素早い参照です。
• HTML5キャンバスチートシート-HTML5キャンバスチートシート。
• チートグラフィー - プログラミングチートシート。
• CSS 3、メディアクエリチートシート-CSS 3、メディアクエリチートシート。
• SEOチートシート - Web開発者のSEOチートシート。
• ブートストラップ5チートシート - テーマセレクションのブートストラップ5チートシート。

？設計ツール

• Figma -figmaは、チームが最初から最後までより良いデザインを作成、テスト、および出荷するのを支援します。
• Adobe XD-本物のように見えるデザインとストーリーを共有してください。ワイヤーフレーム、アニメーション、プロトタイプ、コラボレーションなど - すべてが1か所で、すべてです。
• スケッチ - フリーランサーから世界最大のチームに至るまで、100万人以上が使用するデザインプラットフォームで、作成、プロトタイプ、協力、そしてあなたのアイデアを実現します。
• 気まぐれな - 思考の速さで視覚的に通信する - 共同フローチャート、ワイヤーフレーム、スティッキーノート、マインドマップ。
• アンダー署名 - メーカー、開発者、デザイナー向けの無料のデザインツールとリソースのコレクション。
• Flyonui- Tailwind CSSのための最も簡単なコンポーネントライブラリ。

Webはどのように機能しますか？

• インターネットの仕組みビデオ - インターネットはどのように機能しますか？
• インターネットの仕組み簡単なビデオ - 簡単な説明、インターネットはどのように機能しますか？
• DNS- DNSの仕組み
• HTTPS- HTTPSの仕組みは？

？ HTMLおよびCSS

• FreeCodeCamp-ウェブ開発を学ぶための無料コース。
• インターネットは難しいです - 完全な初心者向けのフレンドリーなWeb開発チュートリアル。
• HTML＆CSSのコードを学ぶ - ガイドは、初心者から高度なスキルレベルまで、さまざまなWebデザインと開発のトピックをカバーしています。
• HTML要素-MDNによるHTML要素リファレンス。
• HTMLエンティティ-CSS -TricksによるHTMLエンティティリファレンス。
• HTML Shark -HTMLのWebサイト、エフェクト、要素をコーディングするためのスマートな動きと汚いトリック。
• CSS3プロパティ-MDNによるCSSリファレンス。
• CSSリファレンス - CSSへの無料の視覚ガイド。
• CSSレイアウト - CSSで作られた人気のあるレイアウトとパターンのコレクション。
• 最新のCSSソリューション - 問題に対する最新のCSSソリューションを調べるシリーズ。
• CSSダイナー - CSSセレクターを学び、練習するのに役立つ楽しいゲーム。
• FlexBox Froggy- CSS Flexの学習に役立つゲーム。
• CSSトリック-FlexBox- FlexBoxの完全なガイド。
• 例別のグリッド - CSSグリッドレイアウトを学習するために必要なすべて。
• グリッドガーデン - CSSグリッドを学習するためのゲーム。
• CSSトリック - グリッドの完全なガイド - CSSグリッドの包括的なガイド。グリッド親コンテナとグリッドチャイルド要素の両方のすべての設定に焦点を当てています。
• CSSグリッドを学ぶ - Jonathan SuhによるCSSグリッドレイアウトの理解と学習を支援する包括的なガイド。
• 使用できますか？デスクトップおよびモバイルWebブラウザーでのフロントエンドWebテクノロジーをサポートするために、最新のブラウザサポートテーブルをサポートします。
• CSS効果-CSSアニメーション。
• UIスニペット - さらに多くのCSSアニメーション。
• KeyFrames-ビジュアルタイムラインエディターを使用して、基本的または複雑なCSS @KeyFrameアニメーションを作成します。
• Animista -CSSアニメーションを使用する準備が整ったコレクションで再生します。
• BEM -BEM命名チートシート。
• Autoprefixer -Autoprefixerは、CSSを解析してベンダーのプレフィックスを追加するPostCSSプラグインです。
• CSS Formatter-オンラインCSSフォーマッタ、CSSビューティファイア。
• プレースホルダー - プレースホルダーの使用方法。 URLの後に画像サイズを指定するだけで、プレースホルダー画像が表示されます。
• DevProjects-無料のHTML/CSSプロジェクトでコーディングスキルを練習します。プロジェクトは初心者から高度なレベルまでさまざまです。
• HTMLチートシート-HTMLをマスターするのに役立つ完全なHTMLチートシート。
• CSSチートシート - この包括的なチートシートでCSSスキルをブラッシュアップします。
• HTMLおよびHTML5インタビューの質問 - インタビューを促進するためのHTMLインタビューの質問の完全なリスト。
• ReadyTools HTML構造ジェネレーター - 数秒でHTML構造を生成します。 BootstrapまたはYour Style/JavaScriptを使用してください。
• ReadyToolsコンポーネントジェネレーター - HTMLコンポーネントを簡単に生成します。
• ReadyTools生成されたボタン - ワンクリックで派手なボタンをコピーして、Webサイトで使用します。
• ReadyTools HTML MINIFIER -HTMLファイルを圧縮して、読み込み時間が短くなり、パフォーマンスが向上します。
• HTMLREV -HTMLREVは、Webサイトとランディングページに無料のHTMLテンプレートを提供します。

？フロントエンドの課題やスキル

• Codepen-オンラインコードエディターでJavaScript、CSS、およびHTMLを構築、共有、学習する
• フロントエンドメンター - 実際のプロジェクトを構築することにより、フロントエンドのスキルを向上させます。プロのデザインに取り組んでいる間、実際のHTML、CSS、およびJavaScriptの課題を解決します。
• 優れたコード - Adob​​e XDファイルとStyleGuidesを備えた数十のフロントエンドコーディングの課題を参照してください。
• Codier-フロントエンドコーディングの課題を探索して試みます。
• CSSBATTLE -CSSコードゴルフはこちらです！ CSSスキルを使用して、可能な限り少ないコードでターゲットを複製します。以下のターゲットを自由にチェックして、CSSスキルをテストしてください。

？フォントとタイポグラフィ

• Google Fonts-無料で使いやすいWebFontsの＃1リソース。
• Fonts Arena-無料のフォント、プレミアムフォントの無料の代替品、お知らせの記事を作成します。
• fontjoy -fontjoyは、デザイナーが最適なフォントの組み合わせを選択するのに役立ちます。完璧なペアリングのために、さまざまなフォントを混ぜて一致させます。
• fontpair -fontペアは、デザイナーがGoogleフォントを一緒にペアにするのに役立ちます。美しいGoogleフォントの組み合わせとペア。
• フォントプレイグラウンド - 可変フォントで再生します。
• フォントAnything-タイプAnythingは、プロジェクトのフォントの組み合わせを作成およびテストするための無料で素晴らしいタイポグラフィツールです。

？色とツール

• クーラー - あなたのデザインのために美しい色の組み合わせを生成または閲覧します。
• 0to255-色を明るくして暗くすることができるカラーツール。
• ColorBox-スーパーファーストを作成します。
• カラーXカラー - UISのアクセス可能なカラーシステムを作成するツール
• 色とフォント - ワンクリックでペーストをコピーする準備ができている色とタイポグラフィの組み合わせを見つけます。
• カラースペース - 素敵なカラーパレットを生成します。
• CSSグラデーション - 無料のCSSグラデーションジェネレーターツール。
• Uiradients-デザイナーと開発者向けの美しい色のグラデーションの厳選されたコレクション。
• ピクラー - 何でも色。
• 着色可能 - 背景色に基づいてフォントの色を選択します。
• 幸せな色合い - 文脈でキュレーションされた色。
• Branition Colors-ブランディングに最適な色のパレットの手でキュレーションされたコレクション。
• カラーピッカー - カラー名、16進、RGB、およびHSLコードを備えた無料のカラーピッカーを入手してください。
• カラーパレット - プロジェクト用の無料の分類されたカラーパレット。 HEXおよびRGBコードを取得します。
• カラーコントラストチェッカー - 色のコントラストを簡単にチェックして、デザインにアクセスしやすく視覚的に魅力的であることを確認してください。
• カラーグラデーションジェネレーター - 見事なカラーグラデーションを簡単に作成します。

？画像リソース

• Unsplash-無料の画像と写真。
• ペクセル - 無料のストック写真。
• Pixabay-無料の画像またはビデオ。
• Loading.io-プロジェクト用の無料スピナー。
• LotTiefiles -LotTiefilesは、Lottie向けに設計されたアニメーションのコレクションです。開発者を盗む時代はなくなりました。
• removeBG-画像の背景を削除します。
• 写真データを削除 - インターネットで共有する前に、写真から個人データを削除します。
• Befunky-Befunkyのオールインワンのオンラインクリエイティブプラットフォームには、写真を簡単に編集し、グラフィックデザインを作成し、写真のコラージュを作成するために必要なものがすべて揃っています。

？イラスト

• undraw-閲覧して、ニーズに合ったイラストを見つけて、クリックしてダウンロードします。
• 多くのピクセル - プロジェクトを強化するための無料のイラスト。ランディングページ、ブログ投稿、電子メールニュースレター、ソーシャルメディアグラフィックなど、コマーシャルまたは非営利の方法でそれらを使用します。
• DrawKit-次のプロジェクトに最適な、手描きベクトルイラストとアイコンリソース。
• Freepik-無料のグラフィックリソース。
• イラストfigma -5000を超えるベクトルイラスト内で使用できるイラスト。すべてのFigmaイラストはSVG＆PNG形式であり、フラット、裏地、抽象などのスタイルが含まれています。
• ベクトルイラスト - 5000を超えるベクトルイラストと70を超えるデザインスタイルを検索し、統合されたエディターを使用してデザインを調整します。

？アイコン

• Ionicons-オープンソースおよびMITライセンスアイコンパック。
• フォント素晴らしい - ベクターアイコンとソーシャルロゴ。
• マテリアルアイコン - マテリアルアイコンは、一般的なアクションやアイテムのための楽しい、美しく作られたシンボルです。デスクトップでダウンロードして、Android、iOS、およびWeb用のデジタル製品で使用します。
• icones-アイコンコレクション。
• ICONS8 -PNGとSVGで無料のアイコンをダウンロードします。
• Flaticon -SVG、PSD、PNG、EPS形式、またはアイコンフォントのフリーベクトルアイコン。
• タブラーアイコン - 完全にカスタマイズ可能な無料SVGアイコン。
• ICOFONT -2100以上の無料アイコンがあなたの創造的なデザインを盛り上げます。
• シンプルなアイコン-1463人気ブランド用の無料のSVGアイコン。
• 絵文字を入手 - ✂✂️コピーと？絵文字を貼り付けますか？
• Ikonate-カスタマイズ可能なアイコンパック。
• UseAnimations-無料のアニメーションアイコン。
• 3Dicons- 5000を超える3Dアイコンと4K解像度の文字のコレクション、各アイコンは5つのカラーパレット、フロント、パースペクティブビューで配信されます。
• Iconshock- +400アイコンセットに200万を超えるプロのアイコンを備えた最大のアイコンパックは、30を超えるデザインスタイルの材料、フラット、3D、リアル、iOSなどのデザインスタイルを備えています。

⚙ジェネレーター

• Lorem Ipsum -Lorem Ipsumジェネレーター。
• RealFavicongenerator -Faviconジェネレーター
• ファビコンメーカー - 無料のファビコンメーカー。
• メタタグ-Metaタグジェネレーター、プレビューWebページがGoogle、Facebook、Twitterなどでどのように見えるか！
• Clippy -CSSクリップパスメーカー。
• 私はRegexが嫌いです - 私はRegexが嫌いですRegexチートシートは、あなたがそれを理解するために一般的に使用される式を説明します。
• Regex101-オンラインRegexテスター。
• Pyrexp-オンラインビジュアルRegexテスター。
• Webコードツール-HTML5、CSS3、MicroData、JSON -LD、Twitterカード、オープングラフなどを生成します！
• カーボン - ソースの美しい画像を作成して共有します。
• CSSグリッドジェネレーター - Webレイアウトをすばやく設計し、HTMLおよびCSSコードを取得します。 CSSグリッドを視覚的に学習し、インタラクティブなCSSグリッドジェネレーターでWebレイアウトを構築します。
• CSSスクロールシャドウ - コントロール（？）を調整し、CSSスクロールシャドウの変更を確認します。
• CSSシャドウジェネレーター - 滑らかな影を作ります。
• Haikei-一意のSVG設計資産を生成します。
• 変換 - 変換|ポリグロットWebコンバーター。
• Perflink | JSベンチマーク-JavaScriptパフォーマンスベンチマークは、URLを介して共有できます。
• OptimizeImages-この無料ツールでオンラインで画像を最適化し、PNG、JPEG、SVG、AVIF、WebP、GIF形式の画像を圧縮および変換し、正しい実装のために画像HTMLタグを取得します。
• ReadyTools HTMLおよびCSSジェネレーター - ReadyToolsコードハブを使用してHTMLおよびCSSコードを簡単に作成します。生成されたボタンをコピーすることにより、ウェブサイトの外観を強化します。

？アクセシビリティ

• アクセシビリティブログ-Medium-よりアクセスしやすいWebを設計するための7つの実装ガイドライン。
• アクセシビリティブログ-DEV-サイトのアクセシビリティをレベルアップする13の方法。
• アクセシビリティチートシート - すべての人がWebサイト/WebAppにアクセスできるようにするためのユニバーサルデザインへの実用的なアプローチ。

？サイトアナライザー

• web.dev-あなたのウェブサイトがどれだけうまく機能するかを見てください。次に、ユーザーエクスペリエンスを向上させるためのヒントを取得します。
• Lighthouse Metrics -Lighthouse Metricsは、サイトのパフォーマンスに関する簡単な洞察を提供します。

？ Windows用の端子

• Windowsターミナル
• 流末端
• ハイパー
• cmder

オンラインIDE、編集者

• REPL.IT
• codeSandBox
• Codepen
• JSビン
• jsfiddle
• ゴーマイド
• インタビュービット
• codilink

⚡javascript

• FreeCodeCamp- JavaScriptをインタラクティブに学習するための最高の無料リソース。
• Codecademy -JavaScriptをインタラクティブに学ぶための無料コース。
• javascript.info-モダンなJavaScriptチュートリアル。
• javaScripture -javaScripture.comは、すべてのJavaScript APIのテストグラウンドと参照です。
• Eloquent JavaScript-これは、JavaScript、プログラミング、デジタルの不思議に関する本です。ここでオンラインで読むことができます。
• JavaScript30-30日間バニラJSコーディングチャレンジ。 30のチュートリアルで30日で30のものを構築します。
• JavaScriptの仕組み
• MDNによるJavaScriptリファレンス
• JavaScriptイベントリファレンス
• JavaScriptチュートリアル - オペレーター、ループ、関数、oopなど、JavaScriptの重要な概念を学びます。
• DOM操作リファレンス
• JavaScriptの設計パターン
• Regexone-シンプルでインタラクティブなエクササイズで正規表現を学びます。
• スカラー - トップオタクによってJavaScriptを学ぶための最高の無料リソース。
• JavaScriptチートシート - JavaScriptをマスターするのに役立つ完全なJavaScriptチートシート。
• JavaScriptインタビューの質問 - トップJavaScriptインタビューの質問の完全なリストで、インタビューを促進します。

⚡nodejs

• node.jsチュートリアル-Node.js Net Ninjaによるクラッシュコースチュートリアル。
• Mixuのノードブック-Node.jsの使用に関する本
• ノードJS -node.js元のドキュメント。
• 30日間のノード-30日間のノード、node.jsチュートリアルシリーズ。
• NodeBestPractices-ノードアプリを構築するためのベストプラクティスの巨大なリスト。大きなプロジェクトにとって重要です。
• ノードウェイ - node.jsのベストプラクティスの哲学全体が、実際に読むのが楽しいメンテナブルモジュール、スケーラブルなアプリケーション、およびコードを作成するために存在します。
• node.jsを知りません
• Awesome Nodejs -Delayful Node.jsパッケージとリソース。
• Express.jsセキュリティのヒント - アプリを保存および保護する方法。
• node.jsインタビューの質問 - トップnode.jsインタビューの質問の完全なリスト。

python

• Pythonプログラミングの学習 - このサイトには、Python 3プログラミング言語の材料とエクササイズが含まれています。
• Py4e-みんなのためのPython。
• Python 3 -Diveing Into Python 3とPython 3とPython 2との違いをカバーします。Pythonへのダイビングと比較して、約20％改訂され、80％の新しい材料です。本は完成しました。
• Codecademy -Pythonをインタラクティブに学ぶための無料コース。
• Programiz Pro-Python初心者向けのキュレーションの学習パスは、インタラクティブなクイズ、コーディングの課題、現実世界のプロジェクトを備えた構造化された詳細なコースを提供します。
• Programiz -Pythonプログラミングを学びます。
• Awesome Python-素晴らしいPythonフレームワーク、ライブラリ、ソフトウェア、リソースのキュレーションリスト。
• フラスコチュートリアル - ミゲル・グリンバーグによるフラスコメガチュートリアル。
• スケーラートピック - トップオタクごとにPythonを学ぶための無料リソース。
• Pythonインタビューの質問 - トップPythonインタビューの質問の完全なリスト。
• Pythonチートシート - Pythonをマスターするのに役立つ包括的なチートシート。
• Pythonチュートリアル - Pythonチュートリアル：初心者向けの包括的なガイド
• Python開発者スキル - 2024年に必要な20以上のPython開発者スキルでハイテクキャリアを向上させます。

⚡反応

• React-公式サイトのドキュメント、チュートリアル。
• Codecademy -Codecademyの無料反応コース。
• FreeCodecamp-無料のWeb開発リソース。
• Reactチュートリアル - Reactチュートリアル - 基礎、フック、コンテキストAPI、Reactルーター、カスタムフック、コーディング中毒者。
• React Beach Resort-中毒者をコーディングすることにより、React Beach Resortプロジェクト。
• Awesome React -Reactエコシステムに関する素晴らしいもののコレクション。
• Reactアイコン - React -Iconsで簡単にReactプロジェクトに人気のあるアイコンを含めます。
• React Interviewの質問 - トップの反応インタビューの質問の完全なリストで、インタビューを促進します。
• 100以上のReduxインタビューの質問と回答（2023） - React Reduxの質問と回答のコレクション。

？ API

• パブリックAPI-開発者向けの1000以上の無料パブリックおよびオープンレストAPIの集合リスト。
• JSONPlaceHolder-テストとプロトタイピングに偽のオンラインREST APIを無料で使用できます。
• OpenWeather- OpenWeatherMapのシンプルで高速で無料の天気APIは、現在の気象データ、1時間ごと、5日間、16日間の予測にアクセスできます。
• SWAPI -The Star Wars API。
• Quotes Rest API-彼らは、世界最大のデータベースであるデータベースに100万以上の引用があると言った。 Quotes APIは、データに簡単にアクセスする方法を提供します。
• Rapid API -Rapid API Containsは、Ducuntationとともに多くの無料APIを含む最大のAPIツールスイートの1つです。これは、APIの使用と作成に関するガイドとチュートリアルを含むRapid API Learnと呼ばれる専用セクションです。

？開発者ツール

• 郵便配達員 - 郵便配達員はAPI開発を容易にします。 APIを構築する各ステップを簡素化し、コラボレーションを合理化して、より良いAPIを作成できるようにします。
• 不眠症 - オープンソースの主要なAPIクライアント、およびGraphQLおよびRESTの共同API設計プラットフォーム。
• JSONサーバー - 30秒未満（真剣に）でゼロコーディングで完全な偽のREST APIを取得します。プロトタイプとモッキングのために迅速なバックエンドが必要なフロントエンド開発者のために<3で作成されました。
• JSONING-テストとプロトタイプのためにJSONオブジェクトからのREST APIをすぐにockします。
• NPMトレンド - どのNPMパッケージを使用する必要がありますか？ NPMパッケージのダウンロード統計を時間の経過とともに比較します。トレンドをスポットし、勝者を選んでください。
• Bundlephobia-バンドルにNPMパッケージを追加するコストを見つけます。

オンライン学習リソース

• FreeCodecamp-自宅でコードを学ぶ。プロジェクトを構築します。認定を獲得します。
• W3Schools-世界最大のWeb開発者サイト。チュートリアルの参照、例、演習、証明書。
• Codecademy-あなたが望む仕事に必要な技術的スキルを学びます。オンライン教育のリーダーとして、およびコーディングの学習として。
• Real Python -Pythonオンラインを学ぶ：あらゆるスキルレベル、Pythonの本とコース、Pythonニュース、コードの例、記事などの開発者向けのPythonチュートリアル。
• 今夜学習 - コアJava、C ++、DBMS、データ構造などのエンジニアリング科目を学ぶのに最適な場所、手書きの簡単なチュートリアル、テスト、ビデオチュートリアルを通じて。
• プログラム - Python、C/C ++、Java、およびその他の一般的なプログラミング言語でコードを学び、簡単にフォローしやすいチュートリアル、例、オンラインコンパイラ、参照を使用してください。
• Bold Coder-オンラインチュートリアル、例、インタビューの質問でJavaプログラミングを学ぶのに最適な場所。
• JavaScript情報 - 現代のJavaScriptチュートリアル。
• コマンドラインチュートリアル - 基本的なUNIXコマンドチュートリアル。
• GITをお試しください - Gitについて学び、実験するためのインタラクティブな一連の課題。
• スケーラーのトピック - プログラミングの仕組みを理解し、Python、Java、データ構造、C/C ++、その他の人気のあるプログラミング言語を簡単にフォローできるチュートリアルやサンプルプログラムを学習します。
• インタビュービット - インタビューの質問、練習の問題、コーディングの課題などを含む包括的なガイドを使用して、プログラミングスキルをレベルアップします。
• スケーラーブログ - 包括的なロードマップ記事でテクノロジーのキャリアをナビゲートし、初心者から進化し続けるハイテク業界の専門家レベルに技術志願者を導きます。
• PerfectBugreport.io-バグレポートに含めるための重要なアイテムの簡単なチェックリスト。

？再開する

• Resumegenius-インタビューを着陸させる唯一のオンライン履歴書ビルダー。数分でプロの履歴書を作成し、ダウンロードし、印刷します。
• resume.io-無料のオンライン履歴書メーカーを使用すると、数分で完璧な履歴書を作成できます。プロの履歴書を書いて、今日の仕事に応募するのがどれほど簡単かを見てください！
• 今すぐ履歴してください - 数分しかかかりません。オンライン履歴書メーカーは、使用するのにそれほど時間がかからないはずです。
• Canva -Canvaの無料履歴書ビルダーを使用すると、夢の仕事に応募するのは簡単で速いです。数百の無料から選択してください。
• Novoresume- 2020年に完璧な履歴書を作成し、無料の履歴書ビルダーを使用して夢の仕事を得てください。テンプレートを選択します。パーソナライズします。
• RX -Resume-履歴書を簡単に作成できます。
• オーバーリーフ - オーバーリーフは、ATSに優しい履歴書を作成するために使用できるラテックスエディターです。
• 履歴書の言葉遣い - 履歴書を使用して、履歴書がATSに優しいかどうかを確認できます。
• オープン履歴書 - オープン履歴書は、オープンソースの履歴書ビルダーとパーサーです。

？その他

• MailSac-使い捨てテスト電子メールの受信トレイサービス。
• Ethereal Email -Etherealは偽のSMTPサービスであり、主にNodemailerユーザーを対象としています（ただし、これらに限定されません）。
• HTTPステータスコード-HTTPステータスコードディレクトリ、定義、詳細、有用なコード参照を備えています。
• Dockerと一緒にプレイ - シンプルでインタラクティブで楽しい遊び場で、Dockerを学びます。
• Tiny Helpers- Web開発者向けの無料の単一目的のオンラインツールのコレクション。
• 開発者は無料です - これは、開発者向けの無料段階を持つソフトウェアやその他の製品のリストです。
• 開発リソース - 開発者の旅のためのすべてのものがあり、すべてがキュレーションされたリストに掲載されています。
• テーマセレクション - 高品質でモダンなデザイン、プロフェッショナルで使用できる無料の管理ダッシュボードテンプレート、HTMLテーマ、UIキットを使用して、アプリケーションをより速く作成します。
• TshirtDesigns-この無料のモックアップビルダーで独自のTシャツとアパレルモックアップを作成します。

？開発者のブログサイト

• 開発 - 建設的で包括的なソーシャルネットワーク。オープンソースと根本的に透明。
• Medium -Mediumは、読者がダイナミックな思考を見つけ、専門家や未発見の声があらゆるトピックに関する文章を共有できるオープンなプラットフォームです。
• ハッカーニュース - ハッカーニュースから最新のものを入手してください！
• ハッカー正午 - ハッカーの正午は、本物の技術専門家によって書かれた自由なストーリーや意見でテクノロジー業界を反映しています。
• FreeCodecamp News-無料のコードキャンプコミュニティニュース。
• Smashing Magazine -Smashing Magazine - Webデザイナーと開発者向け。
• Hashnode -Hashhnodeは、無料のコンテンツ作成プラットフォームとコミュニティであり、独自のドメインで記事を公開できます。

YouTubeチャンネル

• ネット忍者
• トラバーシーメディア
• freecodecamp.org
• コーディング中毒者
• 火災
• learncode.academy
• ウェス・ボス
• コード進化