Progateをやってみる

Progateをやってみる!

Progate

こんにちは、パキラです。

さっそくProgateをやってみたいと思います。
Progateには学べるコンテンツがたくさんあります。
無料会員で学べるのは16レッスンがあります。

  • PHP
  • Java
  • Ruby
  • Python
  • JavaScript

他にもありますが、これだけの言語の基礎が無料で学べるのはすごいですね!
私はHTML&CSSを選択です。

え、プログラミング言語じゃないの?

という声が聞こえてきそうですね。
私は全くの素人で超初心者になります。
基礎の基礎からやっていきます。
そもそもプログラミングの基礎なのかわかりませんが、、、
と、とにかく頑張ります!

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]

価格:2,486円
(2022/7/19 11:31時点)

『HTML&CSS』開始

Progateは最初に説明画面で親切に説明があります。
まずはタグの説明です。
HTMLの『タグ』とはテキストの前後に挟むことでコンピューターにこの表現で表示、意味を表してほしいという認識でよいのでしょう。

開始タグ』と『終了タグ』があります。

<h1>見出し</h1>

と入力すれば大見出しになり、

  • 2番目の見出しは<h2>
  • 3番目の見出しは<h3>
  • 4番目の見出しは<h4>
  • 5番目の見出しは<h5>
  • 6番目の見出しは<h6>

と続きます。

<p></p>で挟むと段落と表示されます。

こうしてテキストの文章を表示させていくわけです。

<h1>見出し(タイトル)</h1>
<p>段落(内容)</p>

    

見出し(タイトル)
段落(内容)

という表示になるわけですね。

見出しの数字によってフォントサイズ(文字)の大きさと太さが変わります。

注意点は、このフォントサイズ(文字)の大きさと太さを目的で見出しの数字を変えてはいけないということです。
コンピューターが見出しの順序がわからなくなってしまいます。
人は見た目で、見出し、段落と判断できますが、コンピューターは判断できず混乱してしまいます。

この様に入力をしないとすべてのWebページで正しく表示がされないそうです。

コンピューターも『タグ』という命令がないと、どうすればよいか悩むみたいですね。
私はいつも悩んでます。。。(´;ω;`)

図解! HTML&CSSのツボとコツがゼッタイにわかる本 [ 中田 亨 ]

価格:2,420円
(2022/7/19 11:32時点)

レベルアップ!

Progateはゲーム感覚で進むことができます。
最初に説明画面があり、その後問題が出てくる。
その問題もクリアできると経験値が入り、経験値がいっぱいになると

レベルアップ!!

こ、これはRPG好きにはたまらないですね!
進んでいけばいくほど経験値が貯まりレベルが上がる仕組みですか。
しかも周回しても経験値が入り、レベルも上がる。
これはやり込みがいがあります。

タグ』はいっぱいありますが、
プログラミングをやっている方はこの『タグ』をすべて暗記しているのでしょうか?
暗記は苦手ですね。。。

次回、暗記は必要ない?

HTML&CSSとWebデザインが1冊できちんと身につく本 [ 服部雄樹 ]

価格:2,508円
(2022/7/19 11:32時点)

コメント