JavaScript勉強会

JavaScriptの学習日記

ドットインストール HTML入門

今日は、ドットインストールHTML入門を学んでみます。

f:id:jsstudy:20170921165259p:plain

 

講座の時間

  1. #01 HTMLとはなにか? (02:56)
  2. #02 必要なツールを用意しよう (02:55)
  3. #03 タグと属性を理解しよう (02:20)
  4. #04 はじめてのHTML (02:07)
  5. #05 meta、linkタグを使ってみよう (02:44)
  6. #06 styleタグを使ってみよう (02:33)
  7. #07 id、class、style属性を使ってみよう (02:28)
  8. #08 セクションについて理解しよう (02:35)
  9. #09 アウトラインを意識してみよう (02:43)
  10. #10 h1-h6タグで見出しを付けよう (02:28)
  11. #11 p、hr、pre、blockquote、divを使おう (02:52)
  12. #12 ol、ul、li、dl、dt、ddでリストを作ろう (02:48)
  13. #13 strong、br、spanを使ってみよう (01:45)
  14. #14 aタグでリンクを設定しよう (02:37)
  15. #15 imgタグで画像を表示させよう (01:27)
  16. #16 tableタグで表組みを作ろう (02:57)
  17. #17 formタグでフォームを作ろう (03:00)
  18. #18 inputタグで入力部品を作ろう (02:53)
  19. #19 textarea、buttonタグを使ってみよう (02:44)
  20. #20 checkbox、radio、labelを使ってみよう (02:57)
  21. #21 selectタグでセレクトボックスを作ろう (02:41)
  22. #22 HTML5から使える属性を使ってみよう (02:31)
  23. #23 文字参照を使ってみよう (02:30)
  24. #24 コンテンツモデルを理解しよう (02:54)

 

時間は、合計62分25秒。

約1時間といったところですね。

 

ドットインストールの長所

動画を流しておくだけで、知識をインプットすることができるので楽です。

(自分で本を読むより楽?w)

 

動画をちょっと見てみたら、結構早口で説明されてました。

編集なしでペラペラしゃべってるならスゴイですね!

 

動画編集

もしも自分で動画を作りたい場合、しゃべりがうまくないと真似できないので、ジェットカット(ジャンプカット)で編集するしかないかも?

※ジェットカット=不要な部分を削除して、必要な部分だけをつなぎ合わせる編集方法

 

www.youtube.com

 

動画の再生速度

ドットインストールは、プレミアム会員(月額980円の有料会員)になると、いろいろオプションがついて便利になるみたいです。

 

プレミアムサービス - プログラミングならドットインストール

レッスン動画の速度変更

※5 0.7倍から2.0倍で再生速度を変更できます。最新版のブラウザのみサポートしています。スマートフォンタブレットのブラウザではご利用になれません。 

 

動画が早口で聞き取りづらいと感じる場合は、プレミアム会員になれば、再生速度を変更できるみたいです。

まあ、1回聞いて分からなければ、何回も聞けば良いだけだと思いますが、時間がない場合はそうも言ってられないので、細やかな気遣いですね?

 

とりあえず、HTML入門を全編聞いてみたいと思います。(聞き流し)

 

 

たった1日で基本が身に付く!  HTML&CSS 超入門

たった1日で基本が身に付く! HTML&CSS 超入門