こんにちは!半角英数字は人類の永遠の友達になりそう。はるです。
さて、今日も続けてProgate にてプログラミング学習を続けていきたいと思います。
ちらっと項目を見てみたのですが、無料なのにこんだけあるのは凄いですね。
まだまだ一番最初のHTMLの段階ですが、恥じることは無し!ゼロからのスタートなので少しずつ進めて行けば良いのだと自分に言い聞かせます。
HTMLとは?現時点での理解度
Progate のHTMLコース項目で言うとHTML、CSS、レイアウトまで学習しました。
この3点を今の理解度で言い表すと
- HTML:webページの表面を形作るコード
- CSS:HTMLを装飾する(文字の色やサイズを変えたりする)
- レイアウト:webページのレイアウトをHTMLとCSSを使って決める
ざっくり、こんなところでしょうか。
今まではなんとなく字面を見て「あー、なんかネットで使ってる奴でしょ?」みたいな感じでしたが、ちょっと学習しただけでも「webページを形作ってる骨組み」というイメージが湧くようになりました。
おっさんでも分かるようになる学習教材スゴイ。いくつかタグを打って、解説を見ているうちに掴めてきます。
自分の頭を使って「どういうこっちゃねん」という事を考えるいいクセにもなります!
CSS
CSSはHTMLで作られたものを装飾する、言うなればペンキ・壁紙やアクセサリーみたいなものでしょうか。
- 一言でいうと
- こういうことです
上(一言で言うと)は何もしないでね、という指令。
下(こういうことです)は赤色にしてね、というCSSを使った指令。
レイアウトの話にもなりますが、文字を左に寄せたり大きくしたり小さくしたり、フォントを変更したり。化粧をしてあげるようなものでしょうか。
楽しくなってきた…!?
ちょっとずつちょっとずつですが、理解を深めながら進める事が出来ています。
そして、自分が打ったコードが正しく反映されてると「おー!上手く作れた!」と達成感もあります。進めて行くにつれ少しずつ複雑になっていくので尚更ですね。
左はコードを打ってる途中。右側に自分の打ってるコードはどんな状態です。正解はこれです、というのが常に出るし、文字自体に色もつくので、何か違ってるな、これは合ってるな、と、常に確認できるのも嬉しいですね!
ではでは、挑戦を続けていきたいと思います!
それではまた!