コーディングを学ぶ

世界最大のWeb開発者サイトがあります。


どこから始めればよいかわからない?

HTML

Webページを構築するための言語

HTMLを学ぶ
ビデオチュートリアル新着
HTMLリファレンス

HTMLの例:

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS

Webページをスタイリングするための言語

CSSを学ぶ
CSSリファレンス

CSSの例:

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

JavaScript

Webページをプログラミングするための言語

JavaScriptを学ぶ
JavaScriptリファレンス

JavaScriptの例:

<button onclick="myFunction()">Click Me!</button>

<script>
function myFunction() {
  let x = document.getElementById("demo");
  x.style.fontSize = "25px";
  x.style.color = "red";
}
</script>

PYTHON

人気のプログラミング言語

Pythonを学ぶ
Pythonリファレンス

Pythonの例:

if 5 > 2:
  print("Five is greater than two!")

SQL

データベースにアクセスするための言語

SQLを学ぶ
SQLリファレンス

SQLの例:

SELECT * FROM Customers
WHERE Country='Mexico';

PHP

Webサーバープログラミング言語
PHPを学ぶ

jQuery

Webページを開発するためのJSライブラリ
jQueryを学ぶ

Java

プログラミング言語
Javaを学ぶ

C ++

プログラミング言語
C ++を学ぶ

W3.CSS

より高速で応答性の高いWebページのためのCSSフレームワーク
W3.CSSを学ぶ

ブートストラップ

より良いウェブページをデザインするためのCSSフレームワーク
ブートストラップを学ぶ

コードエディタ

オンラインコードエディタを使用すると、コードを編集してブラウザで結果を表示できます



フロントエンドコードエディタ



W3Schoolsスペース

W3SchoolsSpacesを使用して独自のWebサイトを構築します。


無料で始めましょう

カラーピッカー

W3Schoolsの有名なカラーピッカー

カラーピッカー

コードゲーム

リンクスが松ぼっくりを集めるのを手伝ってください!

コードゲーム

ゲームします

演習とクイズ

あなたのスキルをテストしてください!


Webテンプレート

無料のレスポンシブHTMLテンプレートのセレクションを閲覧する

W3.CSSテンプレート

テンプレートを閲覧する

セクションする方法

Code snippets for HTML, CSS and JavaScript

For example, how to create a slideshow:

LEARN HOW TO