Skip to content
This page has been auto-translated and may contain errors.View in English

はじめに

docs.scrimba.com
Juno

HTMLハンドブックへようこそ!私はJunoです。ここに来てくれて本当に嬉しいです。初めてのWebページを書くのを手伝うのが得意で、角括弧の壁がだんだん意味のあるものに変わっていく様子を見ることは何度見ても素敵です。

一番最初から始めましょう。Webページって本当は何なのか、そしてそれを1つ1つ小さく組み立てていきます。経験は必要ありません。

ここではどんなことでも質問するのは基本的すぎることはありません。自分のペースで進めてくださいね。一緒に到達しましょう!

Juno

HTMLハンドブックへようこそ。私はAceです。実践的なやり方が好きです。あなたはすでにコンピュータを使いこなしているので、実際にページを作るときのようなペースで実践的に進めていきます。

各章は概念を学んで、それを使ってみて、作ってみる。このループがWebサイト全体を作っています。あなたは良い仲間です。

Juno

HTMLハンドブックへようこそ。私はSolです。長い間Webページをリリースしてきました。これはHTMLがどのように動作するのか、単にどのタグがどのボックスを描画するのかだけではなく、知りたい人のためのドキュメントです。

トレードオフ、アクセシビリティの詳細、ほとんどのチュートリアルがスキップする部分を期待してください。HTMLはシンプルに見えますが、レンダリングされるマークアップと実際に使えるマークアップの間には本当の仕事があります。注意深く読んで、私も含めてすべてに疑問を持ってください。

このハンドブックはWeb開発を始める誰もが対象です。HTMLはWebの最初の言語です:ページに何があるのかを説明する素のテキスト。見出しや段落からリンク、ボタンまで。ページをスタイルしたり、対話的にする前に、それが何を含んでいるかを説明します。それが説明がHTMLです。このドキュメント全体を通して見る2つの用語についての簡潔な説明:ブラウザはあなたのHTMLを読んでページを描画するプログラムです(ChromeやSafariのような)。要素はページの1つのラベル付きした部分で、見出しや段落などです。ここのすべての概念は完全に書き出されており、深さ、例、そして簡潔な答えが必要なときはいつでも検索できるものが含まれています。

開始するために以前のコーディング経験は必要ありません。テキストをファイルに入力できれば、最初の章に必要なすべてを持っています。そしてその他すべては登場するときに紹介されます。HTMLはほぼすべてのWeb開発者が始める場所です。世界中のすべてのWebサイトは、どんなに複雑でも、その上に構築されているからです。

ハンドブックは下から上へ進みます。ページの構造を整える方法とテキストをマークアップする方法を学びます。リンクとメディアを追加する方法、セマンティクスで本当の意味を与える方法、訪問者からの入力を受け取るフォームを構築する方法、そして検索エンジンが理解しやすいアクセスできるページを実際にリリースする方法。各アイデアは単独ではシンプルで、それらは実際にリリースできるページに積み上がります。

ここでのアプローチは、タイプする対象だけではなく、各HTMLの部分が何をするのか、なぜするのかを説明することです。誰もが例からタグをコピーしてスクリーンに何かが現れるのを見ることができます。それとブラウザに、スクリーンリーダーに、そしてそれを編集する次の人にあなたのマークアップが何を意味するのかを理解することによるページを構築することの距離。その理解は単一のプロジェクトより長く続くものです。

JunoHTMLは長く続くために作られている HTMLについて素敵なことはここです:ほとんど変わりません。今日学ぶタグは、何年も前にプロサイトが作られていたのと同じもので、今後も何年も使われます。だから、ここで学ぶことは古くなりません。あなたは堅実な基盤の上に作っています。
JunoHTMLは長く続くために作られている HTMLは注目に値するほど安定しています。新しい要素はゆっくり追加され、古いものはほぼ壊れることはありません。Webは既存のページを壊さないことに基づいているからです。つまり、今それに入れた時間は引き続き支払い、そして今ここで学ぶことはあなたが後で拾い上げるすべてのフレームワークとツールに転送されます。
JunoHTMLは長く続くために作られている HTMLはあなたが扱う技術と同じくらい安定しています。後方互換性はほぼ神聖で、10年前に書かれたページはまだ正しくレンダリングされ、そして語彙の変更は氷河のペースで行われます。その安定性はまさに正しく学ぶことが報酬を与える理由です。基礎を正しく取得すれば、それらは保持され、次の年にどのフレームワークがその上に置かれても関係ありません。

ガイドに会う

このハンドブックは3人のガイドによってホストされており、あなたは誰があなたを案内するかを選びます。材料はすべての人に同じです。ガイドはそれが述べられているボイスを設定し、ページが適応するページで、各セクションがどのくらい深いのか。

  • Junoは初心者向けトラックを教えます:暖かくて忍耐強く、シンプルな類推、何も想定されていません。
  • Aceは中級トラックを教えます:実践的でビルドファースト、実際に何をするのかをまっすぐです。
  • Solは深いダイブを教えます:メカニズム、トレードオフ、そして他の誰もがスキップする本番の詳細。

任意のページの上部からピッカーでガイドを切り替えるか、右下の設定を開いてガイド、言語、またはフォントサイズを変更します。

設定ができたら、ハンドブックは本当に開始します。次の章HTMLとはでは、HTMLが本当は何なのか、そしてトラックの他のすべてが構築される小さなタグ、要素、属性の語彙をカバーします。

構築で学ぶことを好みますか?Scrimbaの無料HTMLおよびCSSコースは、5つのプロジェクトと75以上のインタラクティブチャレンジを通じて同じ基盤をカバーしています。