プログラミング

Progateで初心者がプログラミング練習その2~HTML~

こんにちは!半角英数字は人類の永遠の友達になりそう。はるです。

さて、今日も続けてProgate にてプログラミング学習を続けていきたいと思います。

ちらっと項目を見てみたのですが、無料なのにこんだけあるのは凄いですね。

まだまだ一番最初のHTMLの段階ですが、恥じることは無し!ゼロからのスタートなので少しずつ進めて行けば良いのだと自分に言い聞かせます。

HTMLとは?現時点での理解度

Progate のHTMLコース項目で言うとHTML、CSS、レイアウトまで学習しました。

この3点を今の理解度で言い表すと

  • HTML:webページの表面を形作るコード
  • CSS:HTMLを装飾する(文字の色やサイズを変えたりする)
  • レイアウト:webページのレイアウトをHTMLとCSSを使って決める

ざっくり、こんなところでしょうか。

今まではなんとなく字面を見て「あー、なんかネットで使ってる奴でしょ?」みたいな感じでしたが、ちょっと学習しただけでも「webページを形作ってる骨組み」というイメージが湧くようになりました。

おっさんでも分かるようになる学習教材スゴイ。いくつかタグを打って、解説を見ているうちに掴めてきます。

自分の頭を使って「どういうこっちゃねん」という事を考えるいいクセにもなります!

CSS

CSSはHTMLで作られたものを装飾する、言うなればペンキ・壁紙やアクセサリーみたいなものでしょうか。

  • 一言でいうと
  • こういうことです

上(一言で言うと)は何もしないでね、という指令。

下(こういうことです)は赤色にしてね、というCSSを使った指令。

レイアウトの話にもなりますが、文字を左に寄せたり大きくしたり小さくしたり、フォントを変更したり。化粧をしてあげるようなものでしょうか。

楽しくなってきた…!?

ちょっとずつちょっとずつですが、理解を深めながら進める事が出来ています。

そして、自分が打ったコードが正しく反映されてると「おー!上手く作れた!」と達成感もあります。進めて行くにつれ少しずつ複雑になっていくので尚更ですね。

 

左はコードを打ってる途中。右側に自分の打ってるコードはどんな状態です。正解はこれです、というのが常に出るし、文字自体に色もつくので、何か違ってるな、これは合ってるな、と、常に確認できるのも嬉しいですね!

ではでは、挑戦を続けていきたいと思います!

それではまた!

 


スポンサードリンク