トピックス

  1. HOME
  2. トピックス
  3. HTML/CSS
  4. おすすめのコーディング学習サイト5選【HTML5/CSS3】

おすすめのコーディング学習サイト5選【HTML5/CSS3】

WEBサイトのコーディング(HTML5/CSS3)を初めて学ぶ方向けに、基本無料のおすすめ学習サイトをご紹介します。

日本語で学習する

日本の企業・団体が提供する、日本語による学習WEBサービス。

Progate

サイト名 Progate
URL https://prog-8.com/
オススメ度 ★★★☆☆
学習レベル HTML/CSSさえ知らない、超初心者向け
無料でできること

HTMLとは?CSSとは?といった導入部分のみ

コメント 穴埋め形式で学習していくWEBアプリ。無料で学習できる範囲は限られており、ほぼ「HTML/CSSとは」という導入部分のみです。ただし、その解説が非常に分かりやすく、初心者にとってWEBコーディングの概念を理解するのにとても役立ちます。初めての学習に最適です。

ドットインストール

サイト名 ドットインストール
URL https://dotinstall.com/
オススメ度 ★★★★☆
学習レベル とりあえずHTMLタグとCSSを記述してみたい初級者向け
無料でできること

コーディングに必要な最低限の知識を一通り

コメント 講師の解説を聴きながらコードの模写をする動画学習サービス。穴埋めではなく、一通りの作業を学習者が全て行うため、コーディング自体の練習にも最適です。有料会員になるとより実務的・発展的な動画が閲覧できるようになります。

CODEPREP

サイト名 CODEPREP
URL https://codeprep.jp/
オススメ度 ★★★★☆
学習レベル 簡単なコーディングはできる中級者向け
無料でできること

超基礎~CSSやJavaScriptによる装飾まで幅広い範囲

コメント 穴埋め形式で学習していくWEBアプリ。個人的に解説が初心者にとっては分かりにくいので、初めて学習する方には向きません。しかし、無料で学習できる内容が非常に多岐に渡るため、ある程度基礎を学んだ方が復習 及び より発展的な内容を学ぶのに適したサービスです。より凝った見た目や動きを練習したい方向け。

英語で学習する

海外の企業・団体が提供する、英語による学習WEBサービス。
日本のサービスより無料でできる範囲が広く、また、内容も濃いので、英語アレルギーのない方におすすめ。

codecademy

 

サイト名 codecademy
URL https://www.codecademy.com/
オススメ度 ★★★★★
学習レベル 超初心者から中級者向け
無料でできること

HTML/CSSの概念~レスポンシブウェブデザインまでの解説&穴埋め問題全部

コメント 穴埋め形式で学習していくWEBアプリ。解説がていねいで画面も見やすく、超初心者から中級者まで幅広い学習レベル者におすすめできるサービスです。基本的に全コース無料で学習できます。有料会員との違いは、各単元の実習問題の有無のみです。

freeCodeCamp

 

サイト名 freeCodeCamp
URL https://www.freecodecamp.org/
オススメ度 ★★★☆☆
学習レベル 超初心者から中級者向け
無料でできること

HTML/CSSの概念~レスポンシブウェブデザイン、CSS Flexbox、CSS Gridまで超広範囲

コメント 穴埋め形式で学習していくWEBアプリ。寄付でなりたっている無料学習サービスです。解説と操作画面にやや不満がありますが、学習できる内容の多さは魅力的。

 

この記事をシェアする

おすすめ記事