コーディングを学ぶ

世界最大の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テンプレート

テンプレートを閲覧する

セクションする方法

HTML、CSS、JavaScriptのコードスニペット

たとえば、スライドショーを作成する方法は次のとおりです。

やり方を学ぶ