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



  • スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
RELATED POSTS
  • 手書き風SVGアニメーションを簡単に実装できる「vivus.js」
  • ラフな手書き風デザインのWebコンポーネント「Wired Elements」
  • 背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
  • 【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン
  • 【jQuery】リアルな波紋を再現するプラグイン「jQuery Ripple」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア