IT~情報と技術

オンラインのプログラミング学習「ドットインストール」を始めた。【初心者向け】

ブログを始めたらホームページの作り方に興味を持つようになり、HTMLやCSSの勉強を始めてみました。

勉強は「ドットインストール」というオンライン講座を使っています。この講座、動画でどんどん進んでいくのですが、なかなか良いです。

やりながらちょっと難しかったところや、ひっかかったところとなんかを紹介していきます。

プログラミングの勉強を始めました。

プログラミングの勉強を始めました。

関連記事を「プログラミング学習の記事まとめ」にまとめてあります。

いわゆるWeb系言語(ウェブサイトを作るための言語)で、具体的にはHTML、CSS、JavaScript、PHPです。

HTMLは少しだけなら知ってましたけどCSSって何?Java Scriptって何?PHPって何?って感じからのスタートです。

2か月くらい勉強して、なんとなくどんなものかが分かってきました。

パソコンは20年くらいいじってるので、その辺のアレルギーはありません。

ドットインストール

勉強にはドットインストールというオンライン学習サイトを使っています。

動画1本が3分くらいで、1つのコースが20~30本くらいで構成されています。

最初に受講しよう

まずは自分のパソコンにOSに合わせて、どちらかのコースをやって、学習環境を整えましょう。

学習環境の準備ができたら、まずは以下の2つのコースをやってみましょう。合わせて32回なので約90分です。

動画32本も!と思うかもですが、1回は約3分だし一通り90分の動画やってみれば、HTMLとCSSがどんなものかが、なんとなく分かるようになるのです!

そしてさらにその次に以下の2つのコースをやってみましょう。合わせて67回なので約180分です。

先の2つのコースを復習しつつより深く内容を理解できます。

レッスン一覧ドットインストールのレッスン一覧から。

はじめてみると

はじめてみて、まず一番最初につまずくというか面食らうのは、講師の田口先生の喋りとタイピングがとにかく早い!!ことです。

正直、そのままの再生スピードではついていけません。

ディスプレイの左半分に学習サイト、右半分にコードを書くATOMエディタを配置します。できればディスプレイ2つ並べたいところです。

ディスプレイ内の配置左に動画、右にエディタ。こんな感じですかね~。

左のサイトで動画再生しながら右のエディタで入力、ついていけなくなったら一時停止、これを駆使しながら進めていくことになるでしょうね。

内容が難しくて意味が分からなかったら、とりあえずまねして進めて、後で意味を調べましょう。

ひとこと

動画の本数は膨大に見えますが、再生時間は数時間です。

本を見ながら数時間やるよりは効率が良いと思いますよ。

まずは手を動かしてがーっとやってみて概要をつかみましょう。そのあとで復習と確認のために本を買っても遅くないです。