プログラミングスクール

TechAcademy(テックアカデミー)学習記03【HTML/CSS】

テックアカデミーでの受講が決まり、PHP/Laravelコースの学習が始まりました。

ここにたどり着くまでの環境構築は、非常に大変でした・・・。

本記事ではHTML/CSSのレッスンを終えての感想を述べたいと思います。

それではよろしくお願いします。

あわせて読みたい
TechAcademy(テックアカデミー)学習記02【受講を決めた理由と事前準備】こんにちは! プログラミングを勉強するためにオンラインスクールの、特にテックアカデミーとコードキャンプで迷っている方は多いのではな...

TechAcademy(テックアカデミー)のHTML/CSSのレッスンを受講

テックアカデミーのPHP/Laravelコースでは、まずHTML/CSSのレッスンから始まります。

Webサイトの制作はHTMLとCSSが使えないと始まらないので当然ですね。

HTML/CSSとは?

HTMLはWebページにおける 文書(情報のまとめ役) を担当し、CSSはWebページにおける デザイン(見た目) を担当します。(テックアカデミーより抜粋)

 

カリキュラムは下図のようになっています。

目安は12時間となっています。僕はある程度HTML/CSSを理解していたので、この半分くらいの時間で学習完了しました。

初めてHTML/CSSを学習するとなると、12時間以上かかるかもしれません。

TrechAcademy(テックアカデミー)の教科書の感想

画像は無料体験のJavaScriptの教科書ですが、実際のレッスンも同じ形式の教科書を使います。

肝心のテックアカデミーの教科書は、シンプルに実務に必要な項目をまとめているが、初学者には少し分かりづらいように感じました。

そしてとくにWeb上の情報や市販の書籍以上の内容というわけではありません。

裏を返せば、市販の書籍での独学でもエンジニアを目指せるな、という感想です。(かなり遠回りになると思いますが)

本当に初めてHTMLやCSSを学ぶ初学者は、学習サイトのProgate(プロゲート)や、お手本サイトを作りながら読み進めていく書籍などと並行して学習すると、学習効果が高くなると思います。

目次があるので検索性が高いのはGOODです。

HTMLの課題再提出

HTMLの教科書はざっと流し見して、すぐに課題に取り掛かります。

課題はHTMLのみで構成された画像サンプルの通りに、Cloud9上にHTML文書を作成するというもの。

サクッと作って課題を提出。数時間後にSlackでメンターからレビューが帰ってきました。

 

「合否:再提出

 

不合格でした。あれー?

画面に表示されるHTMLのWebページは正常。何がいけなかったのか、数十分ウンウン唸りましたね・・・。

気づいてしまえば理由は単純、リストのタグ付けの間違いでした。

正しくはこう書くところを・・・

<ul>
<li>webサイトの仕組み</li>
<li>HTMLとCSSの概要</li>



</ul>

 

わざわざこう書いていました・・・。

<ul>
<li>webサイトの仕組み</li>
</ul>
<li>HTMLとCSSの概要</li>
<ul>



</ul>

プログラミングってしょっちゅうこういうケアレスミスをするのですが、いやぁ・・・、なかなか気づかないものです・・・。

CSS

単純なHTMLに比べるとCSSはなかなか複雑です。以前学習したことがありますが、もうだいぶ忘れていました。

「margin」と「padding」の違いや、ファイルパスの説明は、イラスト入りで分かりやすかったです。ややこしいんですよね、こいつら。

・・・・・・

印象に残ったのは「clearfix」でしょうか。僕はこのプロパティを知らなかったのですが、「cleafix」は回り込みを解除するプロパティです。

書籍でよく見かける「overflow: hidden;」と同じプロパティですね。

(厳密にはこのふたつは違うものなのですが)なぜわざわざ同じ効果のふたつのプロパティを紹介するかと言うと・・・

「clearfix」と「overflow: hidden;」、どちらの方法を選択すれば良いかというと、どちらでも良いというのが回答になります。1人で開発する場合には好きな方法を選び、複数人で開発する場合にはチームのやり方に合わせられれば良いと思います。

(テックアカデミーより引用)

こういう配慮は、なるほど「実践的」だと思いました。

久しぶりにCSSを触って、思わぬデザインになってしまう「あの感覚」を思い出しました(笑)

課題を提出して無事合格。

素晴らしい、とのこと。やったぜ!

お世辞もあるかと思いますが、やっぱり嬉しいですね。モチベーションが上がります。これは独学では決して味わえない嬉しさですね。

さあ、次は「ターミナル」の学習です。

あわせて読みたい
Progate(プロゲート)学習記03【コマンドライン】コマンドラインの勉強が必要になったのですが、テキストだけではいまいちコマンドラインのイメージが湧かなかったので、プロゲートで学習を進める...