はじめに
初学者のうちは、何が重要かわからずに、遠回りをしてしまいがちです。
この記事を読むことで、Html & CSSの学習での無駄を防ぐことができます。
Html & CSSの学習でやってはいけないTop5
1位:成果物がない
未経験の転職希望者には当然アピールする実績がありません。
独学による成果物は唯一の実力を証明する手段です。
まずは「サラッと勉強して、サーバーに上げて公開する」というのを目指しましょう。
それだけでWeb制作の全体像を把握することができます。
大切なのは「よくわからないけど作ってみる」というスタンスです。
HtmlやCSSを本当に理解するのは実務に入ってからでOKです。
まずはサーバーに上げて公開する。
深く理解するのはその後でOK。
2位:プロゲートを徘徊し続ける
初学者のうちはプロゲートの楽しさあまり、そこから次へ進みたくなくなる現象が起きます。
これではスキルは伸びません。
プロゲートの他にも学ばなければならないことはたくさんあります。
反復練習は大事ですが「絶対に4週以上はやらない」ということに注意しましょう。
プロゲートを3週したら、ドットインストールや模写コーディングに進みましょう。
3位:タグやプロパティを暗記する
HtmlとCSSには膨大な数のタグやプロパティが存在します。
これらを暗記する必要は全くありません。
膨大な数のうち、実際に実務の現場で使われるのはごくわずかです。
頻出するので、ググって書いてるうちに勝手に覚えます。
またulタグにはpaddingが入っていたり、liには「・」がついています。
これらHtmlのデフォルトCSSを覚える必要もありません。
実務ではリセットCSSを利用します。
Htmlのcss設定は全て削除してから、書いていくのが基本です。
Html & CSS を学習する上で、暗記力はほとんど不要です。
4位:ひたすら本を読み漁る
コーダーにとって最も重要な訓練は実務でコードを書くことです。
本はサラッと読んで、つまづいた時に読み返せば十分です。
本ばかり読んで、ほとんどピアノに触れないピアニストはいません。
本ばかり読んで、ほとんどプールに入らない水泳選手はいません。
本ばかり読んで、コードを書かないコーダーは成長できないのです。
実務で手を動かすのが、最善の勉強方法です。
5位:ひたすら模写コーディング
模写コーディングはこちらのサイトが模写できるレベルで十分です。
https://magicgifted.com/html-goal/
「模写コーディング おすすめ」などの検索して出てくるサイトは正直レベルが高すぎです。
私も妻も弟も上記の模写コーディング後にすぐ実務に入りましたが、十分通用しています。
あとは実務でググりながら成長するしかありません。