「学ぶのに最適な場所はどこですか？」の直後おそらく、コードに取り掛かる人々からよく聞かれる質問は、「どのWeb開発の本を学ぶべきか」です。 さて、これはその質問に対する答えだと考えてください。フロントエンド開発に取り掛かるのに最適なだけでなく、無料で入手できる本のリストを作成しました。
CSSに関する本
これは私たちがたむろする場所の大部分です。なぜなら、これはサイトだからです。 主に CSSについて！
CSSの魔法 アダム・シュワルツ
- 完璧なもの： CSSジャーニーの次のステップ
- 学習レベル： 中級
- 必要なもの： CSSの基本的な理解
アダムシュワルツ ボックスモデル、レイアウト、テーブル、色、タイポグラフィ、トランジションなど、この本のXNUMXつのCSSの概念について説明します。 これらは、経験豊富なCSS担当者を困惑させるものでさえあり、これらの概念のいくつかは混乱を招く可能性があります。 アダムは、それぞれをわかりやすく説明するために多大な努力を払ってきました。
この本は複雑なCSSの概念に関する優れた入門書であるだけでなく、本全体で言及されている各CSSプロパティがクリック可能であるため、いつでもクリックしてそれぞれがどのように適用されるかを確認できます。 各章についてもっと知りたい場合は、さらに読むための多くの実例と推奨事項があります。
色に関する章は、色をアクセシブルに使用するためのベストプラクティスに入るだけでなく、AdamがCSSを使用して組織のブランディングをサポートする場合など、非常に実用的なアプリケーションがあるため、非常に興味深いと思いました。
弾力性のあるWebデザイン ジェレミー・キース
- 完璧なもの： コードを書くための戦略の開発
- 学習レベル： 中級
- 必要なもの： CSSの基本的な理解
紹介から直接：
より良いウェブサイトを構築するのに役立つコードはここにはありません。 しかし、あなたはアイデアとアプローチを見つけるでしょう。 アイデアはコードよりも回復力があります。 私は、ウェブデザインの歴史からの最も回復力のあるアイデアを、将来のウェブサイトを構築するためのアプローチに組み合わせようとしました。
Jeremyが得意とするのは、コードを書くための計画、概要、アプローチなどのソフトスキルを説明することです。 したがって、本全体にコードスニペットをドロップするのではなく、プログレッシブエンハンスメント、使用するツールの決定、将来に適したコードの作成の課題など、コード戦略の詳細がわかります。
そして、ジェレミーのナレーションコンテンツを聞く喜びがなかった人のために（彼が Web履歴シリーズ）、ダウンロード可能なオーディオファイルがあります。
CSS Web開発の開始：初心者から専門家まで サイモン・コリソン
- 完璧なもの： CSSの基礎
- 学習レベル： 全くの初心者
- 必要なもの： 時間とモチベーションに他なりません
2006年に作成される可能性がありますが、SimonのWeb標準とアクセシビリティに関する報道は時代を超えており、今日では関連性があります。 彼は、相互運用性と、見過ごされがちな初期の計画段階を含むWebアプリケーションを構築するためのアプローチについて理解しています。
この本は、さらに16の章に分かれている1つの大きな部分で構成されています。 パートXNUMXでは、テキスト、リンク、リスト、背景、画像、表、フォームの操作など、CSSのトピックについて説明します。 細部までこだわることもありません。
パート2は、レイアウト、使いやすさとレイアウト操作に光を当てる、そして便利なケーススタディについてです。 章は、ある章が次の章に自然に流れるように配置されています。 各章には、その章でカバーされているすべての重要な概念を強調する最後のセクションも含まれています。
実際、この本は初心者の開発者にCSSの確かな背景を提供し、より高度な概念を徐々に習得するのに役立ちます。 それはあなたのCSSの旅をより簡単にします。
HTMLとCSSに関する本
CSSとHTMLは一緒に教えられることがよくあります。これは、コードの最初の行を記述していて、XNUMXつの言語が互いにどのように相互作用するかを知りたい場合に特に役立ちます。
HTMLとCSSのコーディングを学ぶ シェイ・ハウ
- 完璧なもの： フロントエンドの旅を始める
- 学習レベル： 初心者
- 必要なもの： 事前の経験はまったくありません
シェイはこの本を 初心者がHTMLとCSSを学ぶのを助けることに専念するシンプルで包括的なガイド。
彼は、フロントエンドの設計と開発の一般的な要素に焦点を当てることによってこれを行います。 カバーされているレッスンのいくつかは、ボックスモデル、ポジショニング、タイポグラフィ、背景とグラデーション、リスト、メディア、フォーム、およびテーブルです。 最初の章*最初のWebページの構築では、Shayは、要素、属性、HTMLドキュメント構造の設定、コード検証、セレクター、CSSリセットなどの一般的なWebサイトのコンテンツを分析しました。 この本は、コードサンプルを使用して多くの重要な概念に対処するために表面を超えたため、非常に有益であると思います。
このすばらしい本の重要な点の12つは、ShayがXNUMXのレッスンを通じて完全なプロジェクトをゼロから構築し、各レッスンの最後に、そのWebサイトの現在の状態への要約とリンクを提供したことです（レッスンのすべての段階で）とソースコードをフォローします。
あなたが実践することによって学ぶ学習者であるならば、あなたはこの資料が非常に有用であるとわかるでしょう、そしてあなたが完了するまでに、あなたは複数ページの機能的なウェブサイトを開発するでしょう。
コースの高度な続編も同じリンクから無料で入手できます。
HTMLとCSS：7日間で基礎を学ぶ マイケル・ナップ
- 完璧なもの： フロントエンドの旅を始める
- 学習レベル： 初心者
- 必要なもの： 事前の経験はまったくありません
HTMLとCSSについて知っておくべきことを2017日間ですべて学ぶことができるでしょうか。 おそらくそうではないかもしれませんが、それがマイケル・ナップによるこのXNUMX年の本が基本にまっすぐに焦点を当てている理由です。 Michaelは、HTMLとCSSの構造、ロジック、およびプレゼンテーションを開始する前に、簡単な歴史のレッスンを掘り下げます。 あなたは、基本的なウェブページをまとめることにかなり自信を持っているはずのポイントに加えて、本がSEOと分析に触れる途中でいくつかの追加機能に至るまで、すべてをスピードアップするつもりです。
この本は、フォローしたい場合にコンピュータで実行できる簡単なプログラムで構成されています。
電子ブックバージョンはAppleBooksで無料で入手できますが、すでにサブスクリプションを持っている場合はKindleバージョンもあります。
Greatest CSSTricksVol。 1 クリス・コイエ
- 完璧なもの： CSSができることに驚嘆する
- 学習レベル： 中級
- 必要：CSSの経験
CSS-TricksにもCSSに関する本があることをご存知ですか？ これをこのリストから除外するのはばかげています。なぜなら、得られるのは、ChrisCoyier以外の誰もが説明している古典的なCSSトリックのコレクションだからです。 実際、クリスは、彼の机を横切ったたくさんのトリックから、このサイトを運営している彼の何年にもわたる（多くの！）年から、本でカバーされているすべての例を厳選しました。
それぞれのトリックは特定の問題点を解決します。 たとえば、最初の 「ピンを下にスクロールする」トリックどのように overflow-anchor CSSプロパティを使用して、Slackなどのツールと同じチャットのようなインターフェイスを作成できます。このインターフェイスでは、新しいアイテムが追加されるとページがスクロールしているように画面が下部に固定されます。
プロセスに関する本
コードは同じくらいです の 私たちはコードを書き、実際に書いたコードについて他の人とプロジェクトで協力します。 以下の本は、計画やプロジェクト管理から他の人とのコミュニケーションやコラボレーションに至るまで、すべての出発点として最適です。
コラボレーション：デジタルプロジェクトの周りに人々を集める エレン・デ・フリース
- 完璧なもの： より良い共同作業者になる
- 学習レベル： 無し
- 必要なもの： 他の人とうまく働くことへのオープンマインド！
エレンは、この本の中で私たち全員が対処しなければならないこと、つまり他の人とのコラボレーションについて話します。 そして、それは小さなことではありません。この本はXNUMXつの部分に分かれており、他の人とうまく連携できるようにするために非常に深く掘り下げています。
- 地面を準備し、コラボレーションのための適切な条件を作成する方法を知っています。
- コラボレーションの初期段階でグループ文化を育みます。
- 健全なコラボレーションプロセスを維持します。
- コラボレーションのメリットを享受します。
コンテンツストラテジストとして、エレンは誰もがコラボレーションプロジェクトに参加したり、コラボレーションを最大限に活用したりするのに役立つ適切な経験を持っています。
最新のWebデザインプロセス webflowによる
- 完璧なもの： シニアデザイナー、プロジェクトマネージャー
- 学習レベル： 無し
- 必要なもの： CSSの基本的な理解
この無料の電子ブックは、今日のブランドのWebデザインのワークフローを定義するのに役立つXNUMXつのステップのデザインプロセスを備えています。
それは以下を含む：
- 目標を設定する
- スコープの定義
- サイトマップとワイヤーフレーム
- コンテンツの操作
- 視覚要素の処理
- テスト
- 発送
新しいデザインプロジェクトを開始する人、またはデザインプロジェクトの途中にいる人は誰でも、本全体を通して貴重な洞察を見つけるでしょう。 そして、最も注目に値するのは、これが、コンセプトから完成までのプロジェクト全体を通して手に持っているかのように感じられる方法で書かれていることです。
Web向けのデザイン マーク・ボールトン
- 完璧なもの： クライアントとの連携を学ぶ
- 学習レベル： 初心者
- 必要：デザインへの真の関心
多くの組織が異なる方法で設計に取り組んでいるようです。 しかし、著者のMark Boultonは、徹底的な設計ワークフローを次のように文書化しています。 Web向けのデザイン それは多くの課題をわかりやすく説明し、あなたが知る必要があるすべてをカバーします。
この本のユニークな点は、それが本当に仕事についてであるということです。 確かに、タイポグラフィ、色、レイアウトなどのデザインのベストプラクティスに関する非常に貴重な情報がたくさんありますが、この本から実際に取り上げるのは の これらは設計ワークフローに適合します。 調査方法、アイデアを実装するために必要なテクノロジー、そして最終的には他の人やクライアントと協力する方法を学びます。デザインリーダー、プロジェクトマネージャー、フリーランサー、またはプロジェクトの提供プロセスに関与する人を含む人々にとって完璧な飼料です。 。
Gitでバージョン管理を学ぶ タワー
- 完璧なもの： Gitをマスターする
- 学習レベル： すべてのレベルを歓迎します
- 必要：事前知識は一切ありません
この本では、人気の背後にあるチーム Gitのタワークライアント Gitを使用したバージョン管理システムの要点を学習者に紹介します。 チームで作業する開発者は、これが特に便利です。何千マイルも離れている場合でも、プロジェクトのさまざまな機能を構築するチームメンバーと効果的にコラボレーションするのに役立ちます。 とは言うものの、コマンドラインに恥ずかしがり屋で、そこで自信をつけたいと思っている人にとっては、それでも本当に素晴らしいことです。
また、この本はGitと対話するアプリケーションのメーカーによるものであるため、コマンドラインで直接作業するだけでなく、TowerをGUIとして使用することもできます。
したがって、コミット、ブランチ、マージ、プルリクエスト、フォーク作業、またはマージの競合の処理のいずれであっても、この本から多くのことを得ることができます。
JavaScriptに関する本
JavaScriptを学ぶことは常に流行しているようです。 実際には、 Jason Rodriguezは、2018年のJavaScript学習環境について書いています そして無料の本の素晴らしいリストを提供しました。 それ以来、あまり多くはありませんが、以下の本についての私の考えは次のとおりです。
雄弁なJavaScript MarijnHaverbeke著
- 完璧なもの： JavaScriptの記述が上手になる
- 学習レベル： 中級から熟練した開発者
- 必要なもの： 以前のJavaScriptの経験
雄弁なJavaScript 本当にその名に恥じない。 個人的には、これは私が今まで出会った中で最もよく書かれたJavaScriptの本のXNUMXつだと思います。 Marjinの文体は、特にプログラミングの概念を紹介し、読者を引き継ぐ方法に魅力的です。 彼の言葉では、本は単に約 コンピューターに指示し、コンピューターにあなたがしたいことをさせます。
この本は、21つのパートとXNUMXの章にまたがるJavaScriptの詳細です。 値、型、演算子、関数などの基本的なプログラミングの概念から、正規表現、モジュール、DOM、非同期プログラミングなどの高度な概念まで、たくさんのことを読みます。 彼はすべての章をやや哲学的な引用で始めて、読者が先にあるものに備える準備をしてから、トピックに直接飛び込みます。
さらに、新しく見つけたスキルを練習するのに役立つXNUMXつのプロジェクトがあります。
JavaScriptの約束を理解する ニコラス・C・ザカス
- 完璧なもの： JavaScriptのpromisesを使用して非同期プログラミングについてすべてを学びたい人。
- 学習レベル： 中級
- 必要なもの： 基本的なJavaScriptチョップ
JavaScriptのpromiseは、JavaScriptで非同期関数を処理するためのES2015仕様の一部として6年に導入されました。 MDNによると:
promiseは、非同期操作の最終的な完了または失敗を表すオブジェクトです。
この51ページの本で、ニコラスはXNUMXつの章、つまり、基本、約束の連鎖、および複数の約束の操作について、約束の概念を説明しています。 でも 私たちが提供している本へのリンク 無料のコミュニティバージョン、フルバージョンです（Amazonで入手可能）には、非同期関数と未処理の拒否の追跡に関するXNUMXつの章があります。 Nicholasは、いくつかの図と例を使用してPromisesの概念を簡略化しました。 使い方を学びます then(), catch(), finally() 複数の約束をつなぐ方法を理解します。 Nicholasは、拒否および決済ハンドラーの割り当てもカバーしています。 トピックの理解を深めるために、本を読んでおくとよいでしょう。
Nicholasは、JavaScriptについて15年以上執筆しているベテランのJavaScript本の著者です。 彼はこの本で彼の豊富な経験を生かします（彼が持っているのと同じように） ここCSS-Tricksでの彼の仕事).
JavaScriptを話す アクセル・ラウシュマイヤー著
- 完璧なもの： JavaScriptの最初からレベルアップ
- 学習レベル： 中級
- 必要：オブジェクト指向プログラミングの知識
この本は、30以上のトピックをカバーするXNUMXつの章で提示されます。 内訳は次のとおりです。
- 最初の章は、構文、変数の型、関数、および例外処理に関する優れた復習です。
- 第XNUMX章では、本の残りの部分でカバーされている機能のタイプの前置きとして、JavaScriptの歴史的展望を提供します。
- 第3章は、短くてきれいな例を含む多かれ少なかれ参考書として提示されています。
- 最後の章では、より優れたJavaScriptを記述し、ベストプラクティスに従うのに役立つヒント、ツール、およびライブラリの概要を説明します。
JavaScript忍者の秘密 ジョン・レシグとベア・ビボー
- 完璧なもの： クロスブラウザJavaScriptライブラリをゼロから作成する
- 学習レベル： 中級
- 必要：以前のプログラミング経験
実際には この本の新版、 だけど 2012年版は無料です。 いずれにせよ、ジョン・レシグから学ぶ良い機会です。 あなたが知っている、男 作成した jQuery。
ここで取り上げる手法には、クロージャ、関数、DOM、プロトタイプを使用したオブジェクト指向、およびクロスブラウザ戦略が含まれます。 素晴らしい特典のXNUMXつは、各章の後に、本を読み終えた後の参照に最適な簡単な要約が続くことです。
AddyOsmaniによるJavaScriptデザインパターンの学習
- 完璧なもの： より効率的なJavaScriptの書き方を学ぶ
- 学習レベル： 中級
- 必要：まともなレベルのJavaScriptエクスペリエンス
デザインパターンの概念は、アプリケーション開発で一般的に発生する問題に対する再利用可能なソリューションを指します。 この本では、Addy Osmaniが、ES6以降を使用した一般的なデザインパターンの実装と、保守性が主な目標である複雑なReactアプリで作業する場合に非常に便利なReact固有のデザインパターンについて説明します。
対象となるパターンには、シングルトン、プロキシ、プロバイダー、プロトタイプ、オブザーバーのパターンが含まれます。 場合によっては、Addyには、これらのパターンのいくつかを使用することの長所と短所、およびそれらがアプリケーションのパフォーマンスにどのように影響するかが含まれています。
あなたはJSを知らない カイル・シンプソン
- 完璧なもの： JavaScriptをマスターする
- 学習レベル： 初級
- 必要：以前のプログラミング経験がほとんどまたはまったくない
タイトルは少し挑発的かもしれませんが、カイルがここで暗示しているのは、JavaScriptの経験がまったくないことを前提に、彼がこの本を書いているということです。
カイルは、JavaScriptのレンズを通して見られるように、プログラミングの基本を経験することから始めます。 その後、彼は次の章で、スコープやクロージャなどのより高度な概念を紹介します。 this キーワード、オブジェクトプロトタイプ、 async、およびパフォーマンス。
ここには多くの優れた詳細と説明があり、カイルは超専門用語を避けて非常に理解しやすくしています。 あなたの学習を強化するために設計された多くの演習もあります。 この本は間違いなくJavaScriptに慣れるでしょう。 作品の中に本の第XNUMX版があります GitHubで追跡できます。
JavaScriptビギナーズハンドブック フラビオ・コープス
- 完璧なもの： 初心者向けリファレンス
- 学習レベル： 始めたばかり
- 必要なもの： 電子メールのサインアップ、おそらくいくつかの以前の経験
Flavioは、始めたばかりの人のために非常に便利なJavaScriptリファレンスをまとめました。 教科書というよりはクイックリファレンスガイドのようなものなので、始めたばかりの人は、これを長時間座っているものではなく、机の上に置いておくものと考えたいと思うかもしれません。
データサイエンスのためのJavaScript Gans、Hodges、Wilsonによる
- 完璧なもの： データの視覚化に入る
- 学習レベル： 中級から上級
- 必要なもの： JavaScriptのまともなハンドル
著者は、コールバック、Promise、継承、オブジェクト、クラスなど、最新のJavScriptのコア機能をカバーしています。 彼らはまた、を使用してテストを開始します モカ、React、およびデータの可視化。これらはすべて、コードとその記述方法をレベルアップしようとしている人に最適です。 この本は、他のいくつかの本ほど多くの概念を深く理解していませんが、データサイエンスに入ると本当に輝いています。
この本はData-Forgeを使用しています。 表形式のデータを操作するために設計されたJavaScriptライブラリ。 読者が議論の主題に遅れずについていくのを助けるために多くの演習があります。 最後の章には、すべてをまとめる絶頂プロジェクトも含まれています。
包み込む
フロントエンド Web 開発の最初の一歩を踏み出す人も、十数年取り組んでいる人も、その中間にいる人も、この書籍コレクションが役立つことを願っています。何か新しいことに初めて取り組むことがどれほど難しいか、そしてどこを見ればよいかわからない気持ちを私は知っています。また、停滞状態に陥り、レベルアップするために何かが必要になるときの気持ちもわかります。ここには、学習の旅のどの段階にいるかに関係なく、誰もが楽しめる何かがあるはずです。
そして、ねえ、オンラインで無料で手に入れることができる他の本があれば、コメントでそれらを共有してください！ 私たちはさらに大きなリストを作ることができるに違いない。
