初心者から学べる無料プログラミング学習サイト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を学ぶことができます。



  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
RELATED POSTS
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
  • 【Webデザイン】Webサイト制作に役立つブックマークレット
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • 料金表のページをまとめたギャラリーサイト「Pricing Pages」
  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア