フロントエンド Web 開発者

この記事は翻訳が完了していません。 この記事の翻訳にご協力ください

フロントエンドWeb開発パスへようこそ!

このパスでは、フロントエンドWeb開発者になるために理解すべき全ての事を体系的なコースとして提供しています。 それぞれのセクションに取り組み、どんどん新しいスキルを習得(または、既存のスキルをより磨いて)して下さい。それぞれのセクションには、練習とテストがあり理解を確かめてから次のセクションに進んで下さい。

扱っているトピック

扱っているトピックとしては:

  • 基礎的なセットアップと学習の仕方
  • Web標準とベストプラクティス(例えば、アクセシビリティやブラウザ間の互換性など)
  • HTML:ウェブコンテンツに構造と意味を与える言語
  • CSS:ウェブページをデザインする言語
  • JavaScript:ウェブ上で動的な処理をするスクリプト言語
  • モダンなフロントエンド開発がよりしやすくなるツール

それそれのセクションに順番どおり取り組んでも良いですが、 内容が独立しているため、もしHTMLを既に知っているのであれば、一つ飛ばしてCSSのセクションに取り組んでも良いでしょう。

前提知識

このコースを始めるにあたり前提知識は必要ありません。必要なのはモダンなブラウザが動作するコンピュータ、インターネット接続 、学びたいという意欲だけです。

フロントエンドWeb開発が自分に適しているかわからなく、易しい説明が必要な場合はこの時間がかかる完全なコースを始める前に、Webサイト学習の最初のステップを読んでください。

学習につまずいたら

私たちは、フロントエンドWeb開発の学習が少しでもやさしくなるよう努力してきました。それでも、何か理解できないことあったり、コードが動かなかったりして、学習につまずくことがあるでしょう。

落ち着いて下さい。プロの開発者でも初心者でも、誰にだって学習でつまづくことはあります。学習とヘルプ(English) では情報を検索する際のヒントなど一連の有益な情報を提供しています。依然として学習につまずいているなら Discourse forum で気軽に質問して見て下さい。

さあ、始めましょう。幸運を!

学習パス

さあ、始めましょう

所要時間: 1–2 時間

前提知識

基本的なコンピュータリテラシー以外に必要ありあせん。

学習を進めるための条件

コースのこの部分には評価はありません。 ただし、スキップしないように注意してください。 コースの後半で演習を行う準備を整えておくことが重要です。

中心となるモジュール

HTML(意味付けと構造)

所要時間: 35–50 時間

前提知識

基本的なコンピュータリテラシーと基本的なWeb開発環境以外は何もありません。

学習を進めるための条件

それぞれのステップに関する知識をテストするように設計されています。 テストを完了すると、次のステップに進む準備ができているということです。

中心となるモジュール

CSS(スタイルとレイアウト)

所要時間: 90–120 時間

前提知識

CSSの学習を始める前にHTMLの基本的な知識を身につけておくことを推奨します。少なくともHTMLの紹介は読んでおきましょう。

学習を進めるための条件

それぞれのステップに関する知識をテストするように設計されています。 テストを完了すると、次のステップに進む準備ができているということです。

中心となるモジュール

補助教材

JavaScript(インタラクティビティ)

所要時間: 135–185 時間

前提知識

JavaScript を学習し始める前に基本的な HTML の知識を身に付けておくことをお勧めします。少なくとも HTML 入門 は最初に読んでおくべきでしょう。

学習を進めるための条件

それぞれのステップに関する知識をテストするように設計されています。 テストを完了すると、次のステップに進む準備ができているということです。

中心となるモジュール

Web フォーム(ユーザーのデータを扱う)

所要時間: 40–50 時間

前提知識

フォームを作るにはHTML、CSS、JavaScriptの知識が必要です。フォームの操作は複雑であるため、これは専用のトピックです。

学習を進めるための条件

それぞれのステップに関する知識をテストするように設計されています。 テストを完了すると、次のステップに進む準備ができているということです。

中心となるモジュール

すべての人のためにWebを作る

所要時間: 60–75 時間

前提知識

このセクションを実行する前に、HTML、CSS、およびJavaScriptを理解しておくことをお勧めします。 テクニックと最善慣行の多くは、複数のテクノロジーに触れています。

学習を進めるための条件

それぞれのステップに関する知識をテストするように設計されています。 テストを完了すると、次のステップに進む準備ができているということです。

中心となるモジュール

モダンなツール

所要時間: 55–90 時間

前提知識

説明したツールはこれらのテクノロジーの多くと連携して機能するため、このセクションを実行する前にHTML、CSS、およびJavaScriptを理解しておくことをお勧めします。

学習を進めるための条件

There are no specific assessment articles in this set of modules. The case study tutorials at the end of the second and third modules prepare you for grasping the essentials of modern tooling.

中心となるモジュール