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


  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
  • スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
RELATED POSTS
  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • 【jQuery】ページにマーカーを実装することができる「markerPen」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • Web制作に役立つChromeおすすめの拡張機能11選
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • 【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」