こんにちはHikaruです。
先日からプロゲートの中級コースを始めましたが、中級コース完了いたしました。
初級コースと比べれば難しい内容もあるも多くてつまずくことも多かったですが、割と早い時間に中級コースを完了することができました。初級コースと比べるとプログラミングっぽくなってきてモチベーションも高まってきました。
中級コースではこんな感じの簡単なホームページを作ってます。
なんかホームページっぽいですね。今日はプロゲートの中級コースを終えてみて自分が難しいと感じたHTML,CSSのことを載せています。
そんなこともわからないのか
と思うかもしれませんが、初心者なのでご勘弁を笑
HTMLのタグにはインライン要素とブロック要素があり、その理解が結構大変です。
例えばdivはブロック要素、img要素はインライン要素となります。
全部のHTMLの要素にこのブロック要素、インライン要素があるらしいですがとても全部覚えられないのでとりあえず前に進めたいと思います。
参考記事
なんとなくこんな感じで理解しておけばいいらしいです。
- インライン要素
→行の中の一部のまとまり（主に行内装飾のために利用される） - ブロック要素
→行全体のまとまり
暗記はしない、やっているうちに覚える
の精神でやっていこうと思います。
インライン要素、ブロック要素の流れで中央寄せというものが出てきます。
私くらいの素人はは「text-align: center」で全部行けるんじゃねと思いますがブロック要素は「margin: 0 auto」を使わないとだめらしいです。
- インライン要素
→「text-align: center」 - ブロック要素
→「margin: 0 auto」
くらいで覚えとけばいいらしいです。
「margin: 0 auto」と「text-align: center」は横の中央寄せでしたが、縦の中央寄せというものもあります。
プロゲート中級コースではline-heightでの中央寄せが出てきます。
「そっか、縦の中央寄せはline-heightを使えばいいのか」
と思っていますが、そうでもないらしいです。ブロック要素かインライン要素かインラインブロック要素かによって挙動が異なるらしいです。
この動画によくまとまっているのでお勧めです。
ホームページでヘッダー固定はよく出てきます。ヘッダーが固定されていたらなんとなくカッコイイですよね。
公式にはプロゲートHTML、CSSコース完了までの目安時間 4h30mとなっています
私がかかった時間は2時間ちょっとくらいでしょうか。スライドがわかりやすく小単元にまとまっているのでサクサク進めることができます。プロゲート公式の時間は目安ですのであまり気にしなくていいと思います。
中級コースは1日もかからずに終了することができました。
感想はプロゲートの講座の内容が丁寧で分かりやすいため、スラスラ進めることができました。
中級コースではこんな感じのページを作ることができます。なんかカッコイイですよね。
初級コースでは初心者用という感じがしましたが、中級コースではホームページ作ってるなって思えるようになってきます。
所々つまずくこともあり、スライドを見返すこともありますが、概ねすんなりと理解することができました。
次からはHTML,CSSの道場レッスンを開始していきたいと思います。
