2013/12/20
プログラミング初心者がプログラミングを学ぶのにベストな海外チュートリアルサイト11
日本でプログラミングを学ぶなら、ドットインストールが有名ですよね。
海外でもプログラミングを学ぶうえで役立つサイトというものがたくさんあるのをご存知でしょうか。
今回はそんなサイトをご紹介します。
プログラミングですから日本語に対応していなくても、なんとなくわかるかと思います。
また、動画で学習を進めるサイトもありますので、英語が苦手な方も、ぜひ覗いてみてくださいね。
Codecademy

JavaScript, HTML, CSS, PHP, Python, Ruby, APIを学ぶのに、最適なおすすめサイト。
ビギナーのためにステップ・バイ・ステップで始められます。
ブラウザ上で入力できて、しかも完全無料です。
Codecademy
Code School

Ruby, JavaScript, HTML/CSS, iOSを動画で学べます。
上記のCodecademyと似ていますが、Codecademyが無料なのに対して、Code Schoolは基礎的なコードは無料ですが、複雑なコードになると有料になります(月間25ドル)。
動画のクオリティが高いのも特長。
ブラウザ上でコード入力できます。
有料でもいいという方でしたら、オススメです。
Code School
Dash

ブラウザ上で使用し、HTML,CSS,JavaScriptを実際の仕事にありそうな課題を通じて学ぶサイト。
こちらもビギナーにおすすめです。
Dash
Code Racer

革新的なコンセプトでHTMLが学べるサイト。
「革新的」というのは、ゲームのプレーヤーとなって、他のプレーヤーとタイムを競ってコードを学べるから。
Code/Racer
Code Avengers

HTML/CSS, JavaScriptを、ゲームをしながら学べるサイト。
現在はHTML/CSSとJavaScriptだけですが、将来的には増える予定。
ブラウザ上でコード入力できます。
Code Avengers
Udemy

プログラミングを動画を通じて学べるサイト。
誰でも先生になって自分の講座をインターネット上に公開できるプラットフォームです。
プログラミング以外にもさまざまな講座が公開されています。
1回目の講座のみ無料で視聴できますが、先生によっては無料で学べる講座もあります。
Udemy
Khan Academy

JavaScriptを学べるコースがあります。
左にコードが表示されるので、コードを変更して結果を確認して学びます。
Khan Academy
MIT Opencourseware

マサチューセッツ工科大学MITが運営するプログラミングチュートリアルサイト。
MIT OpenCourseWare
Learn Street

JavaScript, Python, Rubyビギナーのためのサイト。
ただし、他のサイトが実践的なプログラミングをまなぶのに対して、Learn Streetは、テクニカルタームや概念を丁寧に解説しているのが特長のようです。
ブラウザ上でコード入力できます。
Learn Street
Mozilla Developer Network

Mozillaが提供するプログラミング学習サイト。
Mozilla Developer Network
typing.io

JavaScript, Ruby, C, C++, Java, PHP, Perl, Haskell, Scalaなどといった主要言語を、タイピングによってマスターしようというサイト。
実際に使用するプログラムを参考に、ブラウザ上でひたすらタイピングしていきます。
画面から目を離さず実践できるのが素晴らしいです!
間違えたら指摘が入りますよ。
プログラミングをマスターするには「習うより慣れろ」という格言があります。
本を見て画面を見てでは実践しにくいですが、こうしたサービスだと格段に実行しやすいですね。
無料版と有料版があります。
typing.io
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10
HTML5ビデオを利用したサイトも見かけるようになってきました。 今後はHTML5ビデオを利用する
-
-
レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」
レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ
-
-
今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄
戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が
-
-
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos
-
-
WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80
WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ
-
-
Sketch用の無料フリー素材1500+ 2015年04月
Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos
-
-
ベンダープレフィックスを自動で付けられるPrefixrがサービス終了!が後継者「Express Prefixr」現る
ベンダープレフィックスを簡単につけることができるWEBサービスPrefixr。 ところが、このPr
-
-
よくわかる 初心者のためのCSSアニメーションチュートリアル
初心者のためのCSSアニメーションチュートリアルです。 海外の有名ブログでわかりやすいチュートリア
-
-
コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」
イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利
-
-
アイコンはCSSで!フォントもSVGも使用しないCSSだけのアイコンセット「Icono」
CSSだけでつくられたアイコンセットのご紹介です。 近年のアイコンというと、アイコンフォントかSV
