ウェブ開発を学ぶ

欢迎来到MDN研究区. 在本系列文章中,Web开发的目标是为完整的初学者提供开始编写简单网站所需的一切.

MDN的这一领域将帮助您从初学者到中级技能,而不是从初学者到高级. 要进一步建立自己的Web开发方式,请阅读MDN和中级和高级网站这一领域中的更多文章 . 有书籍和学习领域,以获取必要的知识.

如果您是初学者,Web开发会很困难,我们将齐头并进,提供足够详细的信息,以帮助您安全正确地学习. 无论您是学习Web开发的学生(甚至是自学科目),还是正在寻找教材的老师,业余爱好者,还是想了解Web技术的工作原理. ,MDN将成为提供必要知识和技能的地方.

重要提示 :学习区内容会定期添加. 如果您对想要覆盖或缺少的主题有疑问,请参见下面的" 与我们联系"部分,以获取有关与我们联系的信息.

読み始める場所

  • 完全な初心者の方: ウェブ開発の完全な初心者から、ウェブ入門を一通り読むのをお勧めします。これを読めば、ウェブ開発を始めるのに必要な基本的な知識はすべて見つかるでしょう。
  • 特定の質問がある方: ウェブ開発について何か質問がある場合、よくある質問セクションに助けとなる情報があるかもしれません。
  • 基本の次の段階の方: すでにいくらかの知識があるなら、次のステップは HTMLCSS を詳しく学ぶことです。 HTML 入門のモジュールから始めて、 CSS 入門のモジュールに移動します。
  • 编写脚本:如果您熟悉HTML和CSS,或者主要对编码感兴趣,则可能要转向JavaScript或服务器端开发. 我们将从JavaScript的第一步开始 ,然后是服务器端的 第一步 .

メモ: 用語集にて、単語の定義が提供されています。

随机词汇表条目

HMAC
HMAC は、暗号的にメッセージを認証するために使用されるプロトコルです。

カバーするトピック

以下是MDN研究区域中涵盖的所有主题的列表.

ウェブ入門
完全なウェブ開発初心者用の実用的な入門を提供します。
HTML — ウェブの構造化
HTML是用于构造内容的各个部分并定义其含义和目的的语言. 本主题详细讲授HTML.
CSS — ウェブのスタイルづけ
CSS是一种用于样式设置和布局Web内容以及添加类似动画的行为的语言. 本主题全面介绍CSS.
JavaScript — 動的クライアントサイドスクリプティング
JavaScript是一种脚本语言,可为网页添加动态功能. 本主题为您提供了编写和理解JavaScript所需的所有基本知识.
アクセシビリティ — ウェブをすべての人が利用できるようにする
アクセシビリティはウェブコンテンツをなるべく多くの人に利用できるようにする実践であり、それは障がいや、端末や、ロケールや、その他の分化させる要素に関係なく利用できるようにします。このトピックでは知る必要のあるすべてが与えられます。
ウェブの性能 — ウェブサイトを高速かつレスポンシブにする
ウェブの性能は、ウェブアプリケーションのダウンロードを確実に高速化し、ダウンロードを帯域幅、画面の寸法、ネットワーク、端末の能力にかかわらず、ユーザーの操作をレスポンシブにする技術です。
ツールとテスト
このトピックは開発者が作業をやり易くするツール、例えばクロスブラウザーテストツールなどについてカバーします。
サーバサイドのウェブサイトプログラミング
即使您专注于客户端Web开发,了解服务器和服务器端代码的工作方式仍然很有用. 本主题提供服务器端行为的一般介绍,以及有关如何使用两个流行的框架Django(Python)和Express(node.js)来构建服务器端应用程序的详细教程.

コードサンプルを入手する

学習エリアにあるコードの例はすべて GitHub で利用可能です。それらすべてをあなたのコンピュータにコピーしたいのなら、最も簡単な方法は最新の master コードブランチのZIPをダウンロードすることです。

自動更新を可能にするより柔軟な方法でリポジトリをコピーしたい場合は、より複雑な指示に従うことになります。

  1. 您的机器上安装Git . 这是运行GitHub的基础版本控制系统软件.
  2. GitHub にサインアップします
  3. サインアップが済んだら、ユーザー名/パスワードで github.com にログインします。
  4. 在计算机上打开命令提示符 (Windows)或终端( LinuxmacOS ).
  5. 要将学习区域存储库复制到命令提示符/终端当前位置的名为学习区域的文件夹,请使用以下命令:
      git clone https://github.com/mdn/learning-area 
  6. 进入该目录后,即可找到文件(finder / explorer或cd命令 ).

learning-area使用对GitHub主版本进行的任何更改learning-area更新learning-area存储库,可以执行以下操作:

  1. コマンドプロンプト/ターミナルで、cd を使って learning-area ディレクトリの中に移動します。例えば、上位のディレクトリにいる場合は以下のようにします。
    cd learning-area
  2. 下記のコマンドでリポジトリを更新します。
    git pull

連絡方法

何か連絡を取りたいことがある場合、learning area discourse スレッドIRC チャンネル でメッセージを投稿するのがもっともよい方法です。サイトの間違いや新しい学習トピックスの要望、理解できない項目についてのヘルプ要請などなんでも歓迎です。

コンテンツの開発、改善の手助けに興味がある場合、協力するには?を覗いて、始めてください!あなたが初心者でも、先生でも、熟練のウェブ開発者でも、その他学習体験の改善に興味がある人でも、誰でも歓迎です。

関連情報

Mozilla developer newsletter
我々のウェブ開発者向けニュースレターで、あらゆる経験レベル向けのすばらしいリソースです。
Web demystified
ウェブの基礎を説明するすばらしい動画シリーズで、ウェブ開発の完全な初心者に向けたもの。製作者は Jérémie Patonnier
Codecademy
最初からプログラミング言語を学ぶためのすばらしいインタラクティブサイト
BitDegree
ゲーミフィケーションされた学習プロセスによる基本的なコーディング理論です。主に初心者向けです。
Code.org
基本的なコーディング理論と実践で、主に子供や完全な初心者を目的としたもの。
EXLskills 
技術スキルを学ぶための、メンターシップやプロジェクトベースの学習があるフリーでオープンなコースです。
freeCodeCamp.org
ウェブ開発を学習するチュートリアルやプロジェクトのあるインタラクティブなサイト。
Web literacy map
入门级网络素养和21世纪技能的框架,可以按类别访问主题.
Teaching activities
Mozilla基金会创建的教学(和学习)教科书系列,涵盖了从网络素养和隐私等基础知识到JavaScript和Minecraft hack的所有内容.
Edabit
数千のインタラクティブなJavaScriptチャレンジ。