あなたが無料で読むことができる素晴らしいウェブ開発の本

学習プログラミングに関する一般的な質問の1つは、「以下にリストされている本は何がありますか？

目次

1. CSS関連の本
2. HTML＆CSS関連の本
3. 関連する本を処理します
4. JavaScript関連の本
5. 要約します

CSS関連の本

このセクションには多くのコンテンツがあります。このウェブサイトは主にCSSに焦点を当てているためです！

Adam Schwartzによる「CSS Magic」

• 群衆に適しています： CSSスキルをさらに向上させたい読者
• 学習レベル：中級
• 前提条件： CSSの基本的な知識があります

Adam Schwartzは、ボックスモデリング、レイアウト、表、色、タイポグラフィ、トランジションなど、この本の6つのCSSコンセプトをカバーしています。経験豊富なCSS開発者でさえ、これらの概念のいくつかに混乱する可能性があり、Adamは各概念を説明するために最善を尽くしました。

複雑なCSSの概念の初心者ガイドであることに加えて、本に記載されているすべてのCSS属性がクリック可能であることも気に入っているため、いつでもクリックして各属性の適用方法を確認できます。各章についてもっと知りたい場合は、本でさらに読むための多くの例と提案があります。

色に関する章は非常に興味深いものであることがわかりました。なぜなら、それは色のアクセス可能な使用のためにベストプラクティスに分かれているだけでなく、Adamが組織をサポートするためにCSSを使用するブランドに飛び込むときなど、その非常に実用性のためです。

ダイレクトリンク####ジェレミーキース「Resilient Webデザイン」

• 群衆に適しています：コード戦略の書き方を学びたい読者
• 学習レベル：中級
• 前提条件： CSSの基本的な知識があります

紹介からの抜粋：

より良いウェブサイトを構築するのに役立つコードはここにありません。しかし、あなたはアイデアと方法を見つけるでしょう。アイデアはコードよりも長持ちします。 Webデザインの歴史の中で最も永続的なアイデアを組み合わせて、将来のWebサイトを構築する方法を形成しようとしています。

ジェレミーが非常にうまくやっていることの1つは、計画、概要、コードの書き方などのソフトスキルを説明することです。したがって、本にコードスニペットを追加する代わりに、プログレッシブエンハンスメント、使用するツールを決定するという課題、将来指向のコードの作成など、コード戦略の詳細を見つけることができます。

ジェレミーが物事を語っているのを聞いたことがない人（彼がWeb Historyシリーズでやったことなど）は、オーディオファイルをダウンロードできます。

直接リンク#### Simon Collison by Simon Collison、「CSS Web開発の初心者：初心者から専門家まで」

• 人々に適しています： CSS初心者
• 学習レベル：絶対初心者
• 前提条件：時間と動機のみが必要です

この本は2006年に書かれたかもしれませんが、サイモンのWeb標準とアクセシビリティに関する説明は時代を超越しており、時代に対応しています。彼は、相互運用性の理解と、しばしば見落とされがちな早期計画段階を含むWebアプリケーションを構築する方法を提供します。

この本は2つの部分に分かれており、さらに16の章に分かれています。最初のセクションでは、テキスト、リンク、リスト、背景、画像、フォーム、フォームの処理などのCSSトピックについて説明します。また、詳細を避けません。

2番目の部分は、レイアウト、ユーザビリティとレイアウト操作を照らし、便利なケーススタディについてです。章の配置方法により、1つの章が自然に次の章に流れ込みます。各章には、この章で説明されているすべての重要な概念に焦点を当てた要約セクションも含まれています。

実際、この本は初心者の開発者に堅実なCSSの背景知識を提供し、より高度な概念を段階的に学ぶのに役立ちます。 CSS学習の旅を簡単にします。

直接リンク### HTML＆CSS関連の本

CSSとHTMLはしばしば一緒に教えられます。これは、コードの最初の行を書いて、2つの言語がどのように相互作用するかを知りたい場合に特に役立ちます。

Shay Howeによる「Code HTML＆CSSを学ぶ」

• 群衆に適している：フロントエンドの学習の旅を始める読者
• 学習レベル：初心者
• 前提条件：経験はありません

Shayはこの本を「初心者がHTMLとCSSを学ぶのを支援するためのシンプルで包括的なガイド」と呼んでいます。彼は、フロントエンドの設計と開発の共通の要素に焦点を当てることでこれを行います。対象となるコースには、ボックスモデル、ポジショニング、タイポグラフィ、背景とグラデーション、リスト、メディア、フォーム、フォームが含まれます。第1章「最初のWebページの作成」では、Shayは、要素、プロパティ、HTMLドキュメント構造、コード検証、セレクター、CSSリセットなどの典型的なWebサイトのコンテンツを分析します。この本は、表面を越えて、あなたが従うことができるコード例で多くの重要な概念を解決するため、非常に有益であることがわかりました。

この本の注目すべき特徴は、Shayが12コースで完全なプロジェクトをゼロから構築し、各コースの終わりに、彼はサイトの現在のステータス（学習に従う場合、サイトと比較できる）と各ステージのソースコードへの概要とリンクを提供したことです。

練習を通じて学習する学習者である場合、これらの資料が非常に便利であり、研究を完了するまでにマルチページの機能Webサイトを開発しました。

コースの高度な続編も、同じリンクから無料で利用できます。

ダイレクトリンク####マイケルナップ「HTML＆CSS：基本をマスターする7日間」

• 群衆に適している：フロントエンドの学習の旅を始める読者
• 学習レベル：初心者
• 前提条件：経験はありません

7日間でHTMLとCSSについてすべてを学ぶことができないかもしれませんが、マイケルナップは2017年に基本に焦点を当てるために書いた理由です。マイケルは、HTMLとCSSの構造、論理、およびデモンストレーションを学び始める前に、簡単な歴史のレッスンに飛び込みます。この本にはSEOと分析が含まれるため、基本的なWebページを構築することに自信を持ち、途中でいくつかの追加の知識を学ぶ必要があります。

この本には、必要に応じてコンピューターで実行できる簡単なプログラムが含まれています。

電子書籍バージョンはApple Booksで無料で利用できますが、Kindleサブスクリプションがある場合は、Kindleバージョンも使用できます。

Apple Books Kindle #### Chris Coyier「The Best CSS Skills Volume 1」

• 群衆に適しています： CSSができることを知りたい読者
• 学習レベル：中級
• 前提条件：ある程度のCSSエクスペリエンスがあります

CSS-TricksにもCSSに関する本があることをご存知ですか？ Chris Coyier自身が説明した古典的なCSSのヒントのコレクションを手に入れるので、このリストからそれを取り出すのはばかげています。実際、クリスは、長年ウェブサイトを運営してから受け取った多くのヒントから、この本で取り上げられたすべての例を慎重に選択してきました。

各手法は、特定の問題点を解決します。たとえば、最初の「固定巻物から下へ」のトリックは、オーバーフローアンカーCSSプロパティを使用して、Slackのようなツールと同じチャットインターフェイスを作成する方法を示しています。ここでは、画面が下部にピン留めされており、新しいアイテムが追加されているため、ページがスクロールしているように感じます。

直接リンク###プロセス関連の本

コードは、コードを書く方法と同じくらい重要です。他の人と協力してプロジェクトを完了します。次の本は、計画とプロジェクト管理、コミュニケーション、および他の人との協力のための素晴らしい出発点です。

Ellen de Vriesのコラボレーション：デジタルプロジェクトを中心に人々を統一します

• 群衆に適している：より良い協力者になりたい読者
• 学習レベル：該当しません
• 前提条件：他の人とうまく協力することをいとわない！

この本では、エレンは私たち全員が対処しなければならないことについて語っています：他の人と協力しています。それは簡単ではありません - この本は4つの部分に分かれており、他の人とうまく働くことができる詳細なことを探求します。

• 仕事の準備方法を学び、コラボレーションに適した条件を作成します。
• コラボレーションの初期段階でチーム文化を開発します。
• 健全な共同プロセスを維持します。
• コラボレーションの結果を享受します。

コンテンツストラテジストとして、エレンは、誰もが共同プロジェクトに参加するか、コラボレーションを最大限に活用できるようにするための適切な経験を持っています。

ダイレクトリンク#### Webflow by「Modern Web Design Process」

• 人々に適しています：シニアデザイナー、プロジェクトマネージャー
• 学習レベル：該当しません
• 前提条件： CSSの特定の基本的な知識を持っています

この無料の電子書籍では、今日のWebデザインのプロセスを定義するのに役立つように設計された7段階の設計プロセスを紹介します。

これには次のものが含まれます。

• 目標を設定します
• スコープを定義します
• サイトマップとワイヤーフレーム
• コンテンツの処理
• 視覚要素を処理します
• テスト
• リリース

新しいデザインプロジェクトを開始したり、デザインプロジェクトに取り組んでいる読者は、この本で貴重な洞察を見つけるでしょう。最も顕著なのは、この本が書かれている方法は、誰かがコンセプトから完成までプロジェクト全体を案内しているように感じています。

ダイレクトリンク####マークボールトンの「ウェブデザイン」

• 群衆に適している：クライアントと仕事をすることを学びたい読者
• 学習レベル：初心者
• 前提条件：デザインへの真の関心

多くの組織は、さまざまな方法でデザインを処理しているようです。しかし、著者のMark Boultonは、多くの課題を削除し、知っておくべきすべてをカバーするWebデザインの徹底的な設計プロセスを文書化しました。

この本のユニークな点は、それが本当に仕事に焦点を当てていることです。もちろん、この本には、タイポグラフィ、色、レイアウトなど、デザインのベストプラクティスに関する多くの貴重な情報が含まれていますが、この本から本当に学んだのは、このコンテンツがデザインプロセスにどのように適合するかです。研究の方法、アイデアを実装する必要があるテクニック、そして最終的に他の人やクライアントと協力する方法を教えてくれます。これは、デザインディレクター、プロジェクトマネージャー、フリーランサー、またはプロジェクト配信プロセスに関与する人に最適な素材です。

ダイレクトリンク####タワー「GITを使用したバージョン制御を学習」

• 群衆に適している： gitを習得したい読者
• 学習レベル：すべてのレベルは大歓迎です
• 前提条件：準備の知識はありません

この本では、人気のあるGit Client Towerの背後にあるチームは、GITを使用してバージョン制御システムのコアを学習者に紹介します。チームに取り組んでいる開発者は、たとえ数千マイル離れていても、プロジェクトのさまざまな機能を構築するチームメンバーと効果的に協力するのに役立つため、これが特に便利だと思うでしょう。とはいえ、コマンドラインについて恥ずかしがり屋で、そこに自信を築きたい人にとっては、まだ素晴らしいことです。

この本はGITと対話するアプリケーションの製造業者によって書かれているため、コマンドラインで直接作業することに加えて、TowerをGUIとして使用して多くの経験を積むことができます。

したがって、コミット、ブランチ、マージ、プルリクエスト、フォークワーク、またはマージの競合への対処であろうと、この本から多くのことが得られます。

直接リンク### JavaScript関連の本

JavaScriptを学ぶことは常に非常に人気があるようです。実際、ジェイソン・ロドリゲスは2018年にJavaScript学習環境について書き、無料の本の素晴らしいリストを提供しました。それ以来、それほど新しいコンテンツはありませんでしたが、次の本についての私の考えがここにあります。

Marijn Haverbeke「Eloquent Javascript」

• 群衆に適しています： JavaScriptプログラミングスキルを向上させたい読者
• 学習レベル：中級者から経験豊富な開発者
• 前提条件： JavaScriptの経験があります

「Eloquent JavaScript」は、その名前に値するものです。個人的には、これは私が今まで見た中で最も書かれたJavaScriptの本の1つだと思います。 Marjinの執筆スタイルは魅力的です。特に、彼がプログラミングの概念を紹介し、読者を指導する方法を紹介します。彼自身の言葉で言えば、この本は「コンピューターを導き、あなたが彼らにやりたいことをさせてもらう」ことについてです。

この本は、3つの部分と21の章に分かれたJavaScriptを詳細に探索します。値、タイプ、演算子、機能などの基本的なプログラミングの概念、および正規表現、モジュール、DOM、非同期プログラミングなどの高度な概念について多くを読みます。彼は哲学的な紹介から各章を始め、今後のコンテンツのために読者を準備し、その後まっすぐに掘り下げます。

さらに、新たに習得したスキルを練習するのに役立つ3つのプログラムがあります。

直接リンク#####ニコラスC.ザカス「JavaScriptの約束の理解」

• 人々に適している： JavaScriptで約束を使用して非同期プログラミングを学びたい読者
• 学習レベル：中級
• 前提条件： JavaScriptの基本的な知識があります

JavaScriptの約束は、JavaScriptの非同期機能を処理するES6仕様の一部として2015年に導入されました。 MDNによると：

約束は、非同期操作の最終的な完了または障害を示すオブジェクトです。

この51ページの本では、ニコラスは3つの章で約束の概念を説明しています：基本、約束のチェーン、複数の約束の処理。私たちが提供する本のリンクは無料のコミュニティバージョンですが、フルバージョン（Amazonで利用可能）には、非同期機能と未処理の拒否追跡に関する2つの章があります。ニコラスは、いくつかのイラストと例で約束の概念を簡素化します。 Then（）、Catch（）、および最終的に（）の使用方法を学び、複数の約束をリンクする方法を学びます。ニコラスはまた、拒絶と決済ハンドラーの配分を紹介しています。この本を読むには、トピックの理解を強化する必要があるかもしれません。

ニコラスは、15年以上にわたってJavaScriptについて書いた経験豊富なJavaScriptの本の著者です。彼はこの本に豊富な経験を入れました（CSS-Tricksでの彼の作品のように）。

直接リンク##### Axel Rauschmayerの「Speaking Javascript」

• 群衆に適しています： JavaScriptを始めたい読者
• 学習レベル：中級
• 前提条件：オブジェクト指向のプログラミング知識

この本は4つの章に分かれており、30を超えるトピックをカバーしています。これがその内訳です：

1. 第1章は、構文、可変タイプ、関数、例外処理の良いレビューです。
2. 第2章では、JavaScriptの歴史的な視点を、本の残りの部分で取り上げた機能の前奏曲として説明します。
3. 第3章は、基本的に、短く明確な例を備えた参照帳です。
4. 最後の章では、より良いJavaScriptを作成し、ベストプラクティスをフォローするためのヒント、ツール、ライブラリの概要を説明します。

ダイレクトリンク####ジョンレジーグとベアビブーカルト「javascriptニンジャチート」

• 群衆に適しています：クロスブラウザーJavaScriptライブラリをゼロから作成したい読者
• 学習レベル：中級
• 前提条件：ある程度のプログラミングエクスペリエンスがあります

実際には本の新しいバージョンがありますが、2012バージョンは無料です。いずれにせよ、それはあなたが知っているジョン・レジグを学ぶ絶好の機会です。

ここで説明するテクノロジーには、閉鎖、関数、DOM、プロトタイプを使用したオブジェクト指向、およびクロスブラウザーポリシーが含まれます。素晴らしいプラスは、各章の後に短いレビューがあることです。これは、本を読んだ後のリファレンスとして完璧です。

直接リンク#### Addy Osmaniの「JavaScriptのデザインパターンを学ぶ」

• 群衆に適している：より効率的なJavaScriptを書くことを学びたい読者
• 学習レベル：中級
• 前提条件： JavaScriptである程度の経験があります

設計パターンの概念とは、アプリケーション開発における一般的な反復問題に対する再利用可能なソリューションを指します。この本では、Addy Osmaniは、ES6以降を使用した共通の設計パターンの実装と、その後の反応特異的設計パターンをカバーしています。これは、保守性が主要な目標である複雑な反応アプリケーションを扱う場合に非常に便利です。

カバーされているパターンには、シングルトン、プロキシ、プロバイダー、プロトタイプ、およびオブザーバーパターンが含まれます。場合によっては、Addyには、これらのパターンの一部を使用する長所と短所、およびそれらがアプリケーションのパフォーマンスにどのように影響するかが含まれています。

直接リンク#### Kyle Simpson「あなたはJSを知らない」

• 群衆に適している： JavaScriptを習得したい読者
• 学習レベル：初心者
• 前提条件：プログラミングの経験はほとんどありません

タイトルは少し挑発的かもしれませんが、ここでカイルが暗示しているのは、JavaScriptの経験がないと仮定して本を書いているということです。

Kyleは最初に、JavaScriptの観点からプログラミングの基本を紹介します。次に、その後の章で、彼は範囲や閉鎖、このキーワード、オブジェクトプロトタイプ、非同期、パフォーマンスなどのより高度な概念を導入し続けています。

ここには多くの優れた詳細と説明があり、カイルは超技術用語の使用を避けることで非常に簡単に理解できます。学習を強化するために設計された多くのエクササイズがあります。この本はきっとあなたにJavaScriptをすばやく把握するでしょう。本の第2版が開発されており、Githubで追跡できます。

ダイレクトリンク#### Flavio Copesの「JavaScript初心者のマニュアル」

• 群衆に適しています：初心者から参照される読者
• 学習レベル：始めたばかりです
• 前提条件：電子メール登録、おそらく以前の経験

Flavioは、学習し始めたばかりの人のために非常に便利なJavaScriptリファレンスを書きました。これは教科書というよりも簡単な参照ガイドなので、学び始めたばかりの人は、長い間読むのではなく、それを机の上に置くことを検討するかもしれません。

直接リンク##### Gans、Hodges and Wilson、データサイエンスのJavaScript

• 人々に適している：データの視覚化を学びたい読者
• 学習レベル：中級から高度
• 前提条件：ある程度のJavaScriptの知識があります

著者は、コールバック、約束、相続、オブジェクト、クラスなど、最新のJavaScriptのコア機能をカバーしています。また、Mocha、React、およびデータの視覚化を使用したテストもカバーしました。これらはすべて、コードの改善とその書き方を検討している人にとって素晴らしいものです。この本は、他のいくつかの本ほど多くの概念に至りませんが、データサイエンスに関しては本当に素晴らしいことです。

この本は、データを処理するためのJavaScriptライブラリを使用しています。読者がディスカッショントピックに追いつくのを助けるための多くの演習があります。最終章には、すべてをまとめる包括的なプロジェクトも含まれています。

直接リンク####サマリー

フロントエンドのWeb開発を開始したばかりであろうと、10年以上の経験があるか、その間にあるかどうかにかかわらず、これらの本が役立つことを願っています。私は、初めて新しいものに入ることがどれほど難しいか、そしてどこを見始めるかわからないという感覚を知っています。また、ボトルネックに到達し、自分の気持ちを改善するために何かが必要であることも知っています。学習プロセスの段階に関係なく、ここには常に何かが必要です。

また、オンラインで無料で入手できる他の本がある場合は、コメントで共有してください！もっとリストできると思います。

以上があなたが無料で読むことができる素晴らしいウェブ開発の本の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。