【この記事に書いてあること】

プログラミング学習9日目⏩

Web制作コース　初級編DAY8・9💻

学習時間:3時間45分⏳

学習内容:HTML/CSSコーディング復習✏

学び📚
・コーディング手順
　HTMLでキリがいいブロックまで書き上げる
　CSSを付けつつデザイン通りに調整していく#デイトラ#プログラミング初心者#プログラミング学習pic.twitter.com/eVdpWNyw2s

— ふりっく💻トリプルゼロの（これから）Webマーケター (@FuRiC_twi) January 22, 2021

　【目標】

「HTML/CSSのコーディング復習」

　【学習時間】

3時間45分

　【学び】

1　実務でコーディングするときの手順
　HTMLで全体（キリがいいブロックまで）書き上げる
　CSSを付けつつデザイン通りに調整していく

2　HTMLを先に書くときに意識すべきこと３つ
　・完成形をイメージしてブロックを作る
　・どこに何のスタイルを当てるか設計しつつ書く
　・レスポンシブも見越してブロックを整理する

3　VSCodeのショートカットキー

　・HTMLを自動整形してくれる：⌥(option)＋shift＋F
　・マルチカーソル（クリックした所）：⌥(option)+クリック
　・マルチカーソル（キーワード）：⌘(command)+D
　・行移動：⌥(option)+↑↓キー