『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
→全角スペースを可視化する
読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!