files/ja/web_development/introduction_to_web_development/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

---
title: Introduction to Web development
slug: Web_Development/Introduction_to_Web_development
---
<p>Web開発の初歩</p>

<p>ここに示すリンクは、Web開発を始めたばかりの方であってもWebのすごさへの新しい領域に踏み込もうとしている方であっても手助けになるはずです。</p>

<div class="note"><strong>注:</strong> 本ページの推奨リソースは変更される可能性があります。</div>

<table class="mainpage-table">
 <tbody>
  <tr>
   <td>
    <p> </p>

    <h2 id="項目">項目</h2>

    <p> </p>

    <h3 id="HTML">HTML</h3>

    <ul>
     <li><a class="external" href="http://dev.opera.com/articles/view/12-the-basics-of-html/" title="http://dev.opera.com/articles/view/12-the-basics-of-html/">Hypertext Mark-up Langage (HTML</a>)の基本 - HTMLとはいったい何か?</li>
     <li><a class="external" href="http://reference.sitepoint.com/html/page-structure" title="http://reference.sitepoint.com/html/page-structure">webページの基本構造</a> - doctype とドキュメント'ツリー'</li>
     <li><a class="external" href="http://reference.sitepoint.com/html/elements" title="http://reference.sitepoint.com/html/elements">基本的なHTML要素</a>  - カテゴリ別に説明された、構造、ヘッダー、リスト、フォーム要素ほか</li>
     <li><a class="external" href="http://htmldog.com/guides/htmlbeginner/" title="http://htmldog.com/guides/htmlbeginner/">HTML初心者へのチュートリアル</a> - 上述の基礎を含めたチュートリアルと練習</li>
     <li><a class="external" href="/ja/HTML/Element" title="https://developer.mozilla.org/ja/HTML/Element">MDC HTML要素リファレンスガイド</a> - 詳細を含めGecko/FirefoxがサポートするHTML要素の包括的ガイド</li>
    </ul>

    <dl>
     <dt>はじめに </dt>
    </dl>

    <ul>
    </ul>

    <h3 id="CSS">CSS</h3>

    <ul>
     <li><a class="external" href="/ja/CSS/Getting_Started" title="https://developer.mozilla.org/ja/CSS/Getting_Started">初心者のためのCSSのMDCガイド</a> - 基本的な概念と基礎をカバーするCSSのまさに初心者用ガイド</li>
     <li><a class="external" href="/ja/CSS_Reference" title="https://developer.mozilla.org/ja/CSS_Reference">MDC CSSリファレンスガイド</a> - Gecko/Firefoxのレベルで詳細に記載したCSSの完全ガイド</li>
     <li><a class="external" href="http://www.w3.org/MarkUp/Guide/Style" title="http://www.w3.org/MarkUp/Guide/Style">CSSでスタイリングするためのW3Cの紹介</a> - 初心者がwebページをスタイリングするための分かりやすいガイド</li>
     <li><a class="external" href="/ja/Common_CSS_Questions" title="https://developer.mozilla.org/ja/Common_CSS_Questions">よくあるCSSの質問</a> - 初心者によくあるQ&amp;A</li>
    </ul>

    <ul>
     <li><a class="external" href="http://www.html.net/tutorials/css/" title="http://www.html.net/tutorials/css/">中級レベルのCSSの概念</a> - グループ分け、pseudo-classesほか</li>
    </ul>

    <dl>
     <dt>はじめに </dt>
     <dt>中級者向け</dt>
    </dl>

    <ul>
    </ul>

    <h3 id="JavaScript">JavaScript</h3>

    <ul>
     <li><a class="external" href="/ja/JavaScript/Getting_Started" title="https://developer.mozilla.org/ja/JavaScript/Getting_Started">初心者向けMDC Javascriptガイド</a> - Javascriptとは何か? どうやって役に立つのか?</li>
     <li><a class="external" href="/ja/JavaScript/Guide" title="https://developer.mozilla.org/ja/JavaScript/Guide">MDC JavaScriptリファレンスガイド</a> - 定期的にアップデートされる、初心者から上級者まですべてのレベルのための包括的ガイド</li>
     <li><a class="external" href="http://yuiblog.com/crockford/" title="http://yuiblog.com/crockford/">Crockford on JavaScript</a> - Javascript言語に関し徹底的に追求したビデオシリーズ</li>
    </ul>

    <ul>
     <li><a href="/ja/JavaScript/A_re-introduction_to_JavaScript" title="https://developer.mozilla.org/ja/a_re-introduction_to_javascript">Javascriptの再入門</a> - 中級者レベルの開発者向けJavascriptプログラミング言語の要約</li>
     <li><a class="external" href="http://eloquentjavascript.net/contents.html" title="http://eloquentjavascript.net/contents.html">雄弁なJavaScript </a>- 中級から上級向けJavascript技術の包括ガイド</li>
     <li><a class="external" href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/" title="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/">本質的なJavaScript設計パターン</a> - 本質的なJavascriptの設計パターンの紹介</li>
     <li><a class="external" href="/ja/Introduction_to_Object-Oriented_JavaScript" title="https://developer.mozilla.org/ja/Introduction_to_Object-Oriented_JavaScript">オブジェクト指向JavascriptのためのMDCの紹介</a> - Javascriptオブジェクトモデルについて学習する</li>
     <li><a class="external" href="http://dev.opera.com/articles/view/javascript-best-practices/" title="http://dev.opera.com/articles/view/javascript-best-practices/">Christian HeilmannのJavaScript最適学習</a> - Javascriptを書くときお決まりの(そんなにお決まりでないものも)最適な練習について学習する</li>
    </ul>

    <ul>
     <li><a class="external" href="http://ejohn.org/apps/learn/" title="http://ejohn.org/apps/learn/">上級者向けJavaScriptを学ぶ</a> - John Resigによる上級者向けJavaScriptガイド</li>
     <li><a class="external" href="http://uk.video.yahoo.com/watch/111585/1027823" title="http://uk.video.yahoo.com/watch/111585/1027823">Crockford on Advanced JavaScript</a> - 上級者向けJavascript概念に関する3部構成のビデオシリーズ</li>
    </ul>

    <dl>
     <dt>はじめに </dt>
     <dt>中級者向け</dt>
     <dt>上級者向け</dt>
    </dl>

    <ul>
    </ul>
   </td>
   <td>
    <h2 id="リソース">リソース</h2>

    <dl>
     <dt><a class="external" href="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur" title="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur">Opera's Web Standards Curriculum</a></dt>
     <dd>webデザイン、HTML、HTML5、CSS、Javascriptとそのアクセス法について。多くの分野を通じてweb開発の基礎を学習しようとしている初心者にとってここはよいスタートポイントになります。</dd>
     <dt><a class="external" href="http://reference.sitepoint.com/" title="http://reference.sitepoint.com/">SitePoint</a></dt>
     <dd>異なるブラウザーやブラウザーに関する既知のバグを通じてのサポートにも言及している、HTML、CSS、Javascriptを学習するために信頼できるサイト</dd>
     <dt><a class="external" href="http://htmldog.com/" title="http://htmldog.com/">HTMLDog</a></dt>
     <dd>初心者向け、HTMLとCSSに関する優秀で包括的なリファレンスサイト</dd>
     <dt><a class="external" href="http://code.google.com/edu/submissions/html-css-javascript/" title="http://code.google.com/edu/submissions/html-css-javascript/">Google's HTML, CSS, and Javascript from the Ground Up</a></dt>
     <dd>Googleのプロのweb開発者による易しいビデオチュートリアルがHTML、CSS、Javascriptの基本をカバーします</dd>
     <dt><a class="external" href="http://www.csstutorial.net/" title="http://www.csstutorial.net/">CSSTutorial.net Beginner Tutorials</a></dt>
     <dd>A broad range of useful text and video tutorials that cover the basics through to intermediate aspects of CSS.</dd>
     <dt><a class="external" href="http://www.tizag.com/cssT/" title="http://www.tizag.com/cssT/">Tizag CSS Tutorials</a></dt>
     <dd>An easy-to-follow reference for those wishing to learn CSS through short, concise tutorials.</dd>
     <dt><a class="external" href="http://jqfundamentals.com/book/book.html" title="http://jqfundamentals.com/book/book.html">jQuery Fundamentals</a></dt>
     <dd>An open-source reference book featuring detailed introductions to both JavaScript and jQuery Fundamentals for beginners.</dd>
     <dt><a class="external" href="http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-video-series/" title="http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-video-series/">JavaScript From Null: A Video Series</a></dt>
     <dd>A video series on JavaScript for absolute beginners looking for more 'visual'-based learning</dd>
    </dl>
   </td>
  </tr>
 </tbody>
</table>