DAY8-9完成

『Day8&Day9』 #記録メモ

実施日:Day8::2019.08.13 & Day9:2019.08.13・08.16 

Day8&Day9の内容 

DAY8.『エディタをインストールしよう』
DAY9.『基本のショートカットを覚えよう+ファイルパスを理解しよう』

・DAY8をやってみての感想

エディタのインストール+オススメの拡張プラグインを入れる+Emmetを理解する
→とにかくEmmetが便利すぎる、、、。
dbの2文字をtabで展開したらdisplay: block; って出てきたり、fz13をTabで展開すると、font-size: 13px; って出てきたり!すごすぎる。
→もっと試してみたいと思って、ドットインストールの『Emmet入門』やってみた!慣れたらかなりの時短に繋がりそう!

・DAY9をやってみての感想

基本操作のショートカットキーは参考ページを見てVSCodeで一通り試してみた。
ショートカットキーの一覧参考URL⬇︎

DAY8とDAY9を通して、VSCodeを慣れるのと、今までのProgateの復習を兼ねてドットインストールをやってみた!

受講レッスン(全て無料でできます!)
→はじめてのHTML (全15回) ・はじめてのCSS (全17回)・HTML/CSSの学習環境を整えよう [macOS編] (全5回)

その学習内ではポートフォリオが完成!(形のみの完成)
ドットインストールは動画付きで説明してくれるからわかりやすい!

★オススメの拡張プラグイン7つ

参考URL⬇︎

◆Auto rename tag
→開始タグを修正したときに、自動的に対になる終了タグを修正してくれる
◆CSSTree validator
→CSSファイルがW3Cに準拠しているかエラーチェックしてくれる
◆Visual Studio Code CSS Support for HTML Documents
→クラス属性の補完とID属性の補完
◆IntelliSense for CSS class names in HTML
→HTMLファイルなどで、CSSクラスを指定するとき、候補を出してくれる
◆Japanese Language Pack for Visual Studio Code
→VSCode自体を日本語化するソフトです。
◆HTMLhint
→HTMLの構文チェックツール
◆zenkaku
→全角スペースを可視化する

読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!