
この記事の内容は?
CodeCamp(コードキャンプ)と合わせて見ておきたいドットインストールの動画
ぽんぽこです。知識0からCodeCamp(コードキャンプ)を受講して、プログラマーに転職することに成功しました!プログラミングって本当にすごいです!人生変わります。(詳細はこちらの自己紹介をご覧ください。)
私のようにプログラミングでなんとか人生を変えたいと思ってるかたはいらっしゃると思います。当サイトがそんな方の参考になれば大変うれしく思います!
今回はCodeCamp(コードキャンプ)を受講する際に合わせて見ておいた方が良いドットインストールの無料動画を紹介します。ポイントは「覚えようとして見ないこと!笑」です。プログラミング学習はCodeCamp(コードキャンプ)のカリキュラムに沿えば間違いないと思います。長くても1動画最長3分です。気楽に見れます。
ドットインストールの動画はサブだと思ってください。気楽に見れば良いと思います。頑張って100%覚えようとしたら疲れますので、ほんと肩の力を抜いて見ることをオススメします。
ドットインストールについてはこちらの記事もご覧ください。

他の人のコーディング風景が見れる
これって何気に初心者には貴重なんじゃないでしょうか。ドットインストールの動画は実際にエディタ上にプログラムを書き込んでいるところを見ることができます。
どのような意図でそのコードを書くのかという解説付きです。しょしんしゃにはこういったことも新鮮で、学ぶべきところが多いはずです。技術的な細かい内容はCodeCamp(コードキャンプ)で学べるため、ドットインストールではこのようなプログラミングの雰囲気を感じるのも力になると思います。
HTML5/CSS3コースを学ぶ人ならこの動画
まずはここから入るべきでしょう。HTML5/CSS3の雰囲気を感じてください。
最初から見たほうが流れがわかって良いと思いますが、気になるタイトルをピンポイントで見ても大丈夫です。

●HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
●CSS入門 (全23回)
http://dotinstall.com/lessons/basic_css_v3
JavaScriptコースを学ぶ人ならこの動画

●JavaScript入門 (全24回)
http://dotinstall.com/lessons/basic_javascript_v2
●jQuery入門 (全20回)
http://dotinstall.com/lessons/basic_jquery_v2
jQueryでミニゲーム(機能)を作る動画もオススメです。
難しそうだと思ってたけど意外に簡単に出来てしまうんだな!と感じられるはずです。
例えばこれなんか面白いと思います。
●jQueryで作るキャラ診断 (全7回)
http://dotinstall.com/lessons/shindan_js_v2
●jQueryで作るスライドショー (全8回)
http://dotinstall.com/lessons/slideshow_jquery
プログラミングの定番おみくじも見ておきましょうか。
●JavaScriptでおみくじを作ろう (全6回)
http://dotinstall.com/lessons/omikuji_js_v2
PHP/MySQLコースを学ぶ人ならこの動画
データベースの方は覚えようとすると疲れるので、流し見でも良いと思います。CodeCamp(コードキャンプ)の方でしっかり学んで覚えれば良いので。

●PHP入門 (全30回)
http://dotinstall.com/lessons/basic_php_v2
●PHPデータベース入門 (全13回)
http://dotinstall.com/lessons/basic_php_db
さくっと見れるこれも見ても面白いですね。
●PHPでビンゴシートを作ろう (全7回)
http://dotinstall.com/lessons/bingo_php_v2
Bootstrapコースを学ぶ人ならこの動画
こんなにサクサクWebサイトがつくれるんだ~!と感動するはずです。

●Bootstrap 3.0入門 (全18回)
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4
WordPressコースを学ぶ人ならこの動画

WordPressを知っておくとホントにWebサイト作るのが楽になります。何個もWebサイト作りたくなっちゃいます。
●WordPress入門 (全23回)
http://dotinstall.com/lessons/basic_wordpress
コーディングに慣れてきたらエディタの使い方の動画も良いかも

慣れてきたら、より使いやすいエディタでコーディングすると効率がアップします。無料のSublime Textは初心者にもとっつきやすいと思います。オススメです。
Sublime Text 2入門 (全14回)
http://dotinstall.com/lessons/basic_sublimetext
※最新バージョンは3ですが、基本的な使い方は2でも同じです。
終わりに・・・
いかがでしたでしょうか。ほんと気楽に見ていただけたらと思います。CodeCamp(コードキャンプ)のレッスンと併用することで、より学習効率がアップすると思います。


