ウェブ開発を学ぶ

欢迎来到MDN学习区. 本系列文章旨在为Web开发提供一个完整的初学者,其中包括您开始编写简单网站所需的一切.

在MDN的这一领域,您将从``初学者''到``中级''得到支持,而不是从``初学者''到``高级''的技能提升. 要找到自己的Web开发方式,请阅读MDN在该领域以及中级和高级网站之外的文章 . 有书籍和学习领域来获取必备知识.

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

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

読み始める場所

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

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

随机词汇表条目

Smoke Test (スモークテスト)
スモークテストは、ソフトウェアの中核機能の機能テストと単体テストから構成され、より詳細なテストの前に実施されます。

カバーするトピック

以下是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. 要将学习区域存储库复制到命令提示符/终端当前位置的名为" learning-area"的文件夹,请使用以下命令:
      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基金会创建的一系列教学(和学习)课程,涵盖了从Web素养和隐私等基础知识到JavaScript和Minecraft黑客等所有方面.
Edabit
数千のインタラクティブなJavaScriptチャレンジ。