プログラミング未経験者がドットインストールで最初に見るべき動画はHTMLとCSS入門

f:id:daikiyano:20181014143605p:plain
今回、ITやプログラミングに興味がある学生とこれからプログラミング学習を始めよう!と意気込んでいる方を対象に
ドットインストールで最初に見るべき動画を紹介したいと思います。

1、プログラミング初心者におすすめの学習サイトは?

初心者の方がプログラミングを学習する方法はいくつかあります。

  • 書籍を購入する。
  • プログラミングスクールに通う。
  • オンライン学習サイトを利用する。

今回は、費用がかからず挫折しにくい「オンライン学習サイトを利用する」を前提に話を進めていきます。

今、世の中にはたくさんのオンライン学習サイトがありますが、その中でも代表的なのが以下の二つです。

  • progate
  1. ドットインストール

この二つに関しては既に過去の記事でもご紹介してありますので、よければご覧になってください。
どちらのサイトも無料で利用することが出来ます。全てのカリキュラムを受講するには有料会員になる必要がありますが、
月額980円なので費用対効果は非常に高いと思います。 お金に余裕のない高校生や大学生の方にはおすすめの学習サイトです。

prog-8.com

プログラミング初心者がドットインストールで最初に見るべき動画はこの4つ!

ドットインストールは動画を通してプログラミング学習をすることができるサイトです。一つの動画は3分以内に収まっているので、
要点だけを抑えて効率的に学習をすることができるサイトです。

www.for-engineer.life

現在ドットインストールは362 レッスンを 5,412 本3分動画 が存在しています。
どれも興味のある動画ばかりですが、さすがの私でも全ての動画を見ることは出来ません笑
初心者の方はこれだけのレッスン動画があると何から手をつけて良いか分からない方が多いかと思います。
ドットインストールを通して効率的にプログラミング学習をすることができますが、プログラミング初心者が間違った手順で動画を視聴して学習してしまうと逆に
非効率になってしまうかもしれません。

それを防ぐためにプログラミング初心者が見るべき動画を四つご紹介したいと思います。
これが必ずしも正しい訳ではなく、学習の目的や現在のスキルによっても変わってきますので、参考程度にしていただければと思います。

1,「HTML/CSSの学習環境を整えよう」

https://dotinstall.com/lessons/basic_pcsetup_win

プログラミング学習を始める前にまずはHTMLとCSSの基礎知識が身につけることをおすすめします。が、その前にHTML・CSS学習をするにはテキストエディタが必要になってきます。テキストエディタにはteraPadやサクラエディタ、Sublime Text、atomなどがありますが、今後本格的にプログラミング学習をしたいと考えている方はAtomをおすすめします。私はもともとSublime Textを使用していたのですが、今年の夏にAtomにテキストエディタを変更しました。
Atomはgithubが2013年に開発したテキストエディタです。atomにはオープンソースの仕組みを取り入れているため、Githubの社員や優秀な世界中のエンジニアの方が開発に参加しています。なので、将来性あるテキストエディタではないのかなと思います。
sublimeよりちょっと重いけどね〜。

atomの動画サイトは英語ですが、ドットインストールの動画を見ていただければ丁寧にインストールする方法が解説されています。
動画はmac版とwindoes版があるので安心してください。

atom.io

2,「HTML入門」

https://dotinstall.com/lessons/basic_html_v4

テキストエディタの準備が整ったら次に見るべき動画はHTMLです。ブラウザに表示されるwebページはほとんどがHTMLで作られており、この記事もHTMLによって作られています。特にweb アプリケーションを作りたい!と考えている方はHTMLの知識は必須ですので最初に学習しておくと良いと思います。
プログラミング学習をする予定がない方でもwebマーケティングやSEO対策などの業務をする方であればHTMLの知識が必要になります。
覚えることも少ないので、HTMLがどんなものか簡単に知っておくと良いでしょう。

3,「CSS入門 」

https://dotinstall.com/lessons/basic_css_v4

HTML学習に付随して見て欲しい動画がCSS入門です。
CSSはWebページの見た目を整える言語です。優れたwebサイトができたとしてもページがレイアウトしなければ、無味乾燥なサイトになってしまいます。
CSSは学習していくと奥が深いですが、最初のうちは基本的な知識があれば十分だと思います。私もCSSの基礎的な部分しか学習していませんしね。
HTMLとCSSの学習を一通り終えたらどこかのHPのトップページを真似して作成してみるのをおすすめします。学んだ知識をアウトプットできますし、完成すればHTMLとCSSを利用した立派な成果物にもなります。私も学習を始めた当初はfacebookのトップページを真似しながら作成していました。

f:id:daikiyano:20181014141039p:plain

4,「ローカル開発環境の構築」

https://dotinstall.com/lessons/basic_localdev_win_v2

HTMLとCSSの学習が終了したらいよいよプログラミング学習です。しかしその前にローカル開発環境の構築をしなければなりません。この開発環境の構築がプログラミング初心者にとって最初の関門で、私も挫折した経験があります。ドットインストールではmac版とwindoes版それぞれで丁寧に開発環境の構築手順を解説されています。この動画ではバーチャルボックスとvagrantの利用するまでの手順が紹介されています。この二つを利用すれば、簡単に自身のPCの中に仮想サーバーを構築することができ、プログラミング学習の環境が整います。もし、開発環境を構築する前にプログラミングがやりたい!という方であればprogate若しくはcloud9の利用をおすすめします。

www.for-engineer.life

www.for-engineer.life

いかがでしたか?ドットインストールを使えば簡単にプログラミング学習が始められます。
是非、利用して見てください〜!

最新情報をチェックしよう!
>文系エンジニア大学生の技術ブログ

文系エンジニア大学生の技術ブログ

社会が多様化していく中、大学生の学生生活も多様であるべきと考えています。主にエンジニア向けにITやプログラミングなどの技術系と大学生向けに休学、留学、海外生活、トビタテ留学、長期インターンに関する記事を書いています。