初心者から学べる無料プログラミング学習サイト8選

 
最近プログラミングの学習サイトが多く見受けられるようになりました。集中してやるか、毎日時間を決めるなど自分でルールを決めて取り組むか、いずれにしても時間を見つけて活用したいものです。





1

ドットインストール

様々な言語からWordPressまで3分動画でマスターする初心者向けプログラミング学習サイト。

2

paizaラーニング

様々な言語のプログラミングを1本3分の動画と練習問題で効率的に学べる学習サイト。ゲームイベントも多数あり楽しみならがプログラムを学習できます。

3

Progate

HTML・CSS・jQuery・Ruby・PHPなどのプログラミングをスライドや、書きながら学べる学習サイト。

4

Codecademy

HTML・CSS・JavaScript・PHP・Rubyなどのプログラミングをオンラインで書きながら学べる海外で有名な学習サイト。

5

コードスタジオ

4歳から始められる子供向けのプログラミング学習サイト。スターウォーズやアナと雪の女王などのカリキュラムも揃っており楽しくプログラムを学べます。


6

CodeMonkey

子供から大人まで楽しめるゲームで学べるプログラミング学習サイト。最初の30ステージまで無料で利用することができます。

7

CodeCombat

HTML・CSS・JavaScript・PythonなどのプログラミングをRPGゲームで学べる学習サイト。

8

CSS Diner

ゲーム感覚でCSSセレクタを学ぶことができる学習サイト。レベル32まで順を追ってCSSを学ぶことができます。


  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
RELATED POSTS
  • 【CSS】いろんなスタイルのボタンを簡単に実装できる「bttn.css」
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
PICKUP
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
RECENT POSTS
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • 様々なシーンのイラストを無料でダウンロードできる「ManyPixels Illustration Gallery」
  • Glyphy(絵文字)をコピペできるシンプルなツール「Glyphy」
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
INSPIRATION
  • 国内のWebデザイン

  • 海外のWebデザイン

  • LP・ランディングページ

  • レスポンシブWebデザイン