完全素人のプログラミング【２】HTML&CSS

みなさまこんばんは、ちゅんちゅんです。

前回僭越ながらプログラミングを始めるにあたってどういう風に言語選択をすれば良いかということについて記事を書かせていただきました。

今回は私がどうやってHTML&CSSの勉強を進めたかについてお話ししていこうと思います。

まずはじめに私が手をつけたのはProgateという学習用サイトです。

このサイトは本当に右も左も分からない方が勉強を始めたいという時に絶大な効果を発揮すると思います。

お題の通りに進めていくだけでどんどん『なるほどなー！』という感覚になってきてとても楽しくできます。

しかも経験値が貯まればどんどんレベルアップしていくので、目に見えて頑張ったと思えるのでより楽しいです。

私はここで、

・WEBページの見た目の書き方（HTML）

・ページの余白や文字の大きさ、画像の挿入（CSS）

・よく使うテクニックや書き方

・PC、スマートフォン、タブレットのどれから開いてもレイアウトが崩れないよ

　うにする方法

・ローカルでの環境構築

これらを学んで、きちんと理解したつもりでいました。

ですがいざ実際にWEBページを作ろうとすると、、、

・CSSが想像通りに反映されない

・ページ内の好きなところに思うように要素（ロゴとか文字とか）を配置できな

　い

・覚えていないタグが多すぎてどう書けばいいか分からない

・テクニックを全く使いこなせない

などなどたくさんの壁にぶち当たりました。これの理由は、

Progateが『初心者への壁を徹底的に下げている』ことによるものです。

簡単に勉強が進められてしまうが故の弊害として『できた気になってしまう』ということが挙げられます。

なので次に私は書籍からヒントを得ようと思いました。

この本ではそもそも『WEBサイトはなんぞや』というところから、UXやUIといった『よく出てくるけどいまいちピンとこない』用語を丁寧に解説してくれています。

これまで曖昧に把握していただけの言葉を理解する上で非常に助けになると思います。

ブログ向けのレイアウトとECサイト向けのレイアウトはどのように作るか、ページ制作の手順などを始めから丁寧に学ぶことができます。

他にもUdemyという動画学習サイトもオススメです。

以下のリンクは私がオススメする講座です。通常価格は24000円ですが、確か最安値は1200円だったような気がします。

様々な講座があるのでぜひ自分に合いそうなものを探してみてください！

（Udemyは通常価格が非常に高額でなかなか手が出しづらいように見えるのですが、しょっちゅうセールやってて1500円以内で購入できるので高い時は待つのもありです笑）

これらに加えて、実際に私が体験したものではないのですが、

ドットインストールという動画学習サイトも流行っているようで、とても分かりやすいらしいので興味のある方はぜひお試しください！

さて、今回はここまでと致します。

最後までお付き合い頂きありがとうございました！

次回は実際に私が練習で作ったサイトとかを紹介してみたいなと思います。

（出来栄えに納得してないので恥ずかしいですが、、、）

それでは！