プログラミング

【FrontHacks】第5章CSS初級編レビュー

みなさんこんにちは、みやげんです。この記事は、僕が実際に受講しているフロントハックスのレビューです。どんなオンライン教材が自分に最適なのかを、判断する際の材料にしていただきたければ幸いです。

第5章 CSS初級編の概要

  • CSSの役割
  • CSSの基本構造
  • HTMLとCSSの連携方法を知る
  • CSSで色を設定するやり方を知る
  • CSSの背景色と境界線を理解する
  • CSSボックスモデルを理解する
  • CSSの基本セレクター3つを理解する
  • CSSの3つの基本セレクター以外に見かける4つの書き方を覚える
  • デベロッパーツールを使ってリアルタイムにスタイルを変更する
  • CSSの継承と優先度を理解する
  • 【エクササイズ】CSS初級編の総復習

「ちょっと多いな・・・」と思いますよね。

でも大丈夫です。上記の項目は11個ですが、どれも5分程度のビデオ講座です。

つよぽん先生がスライドを通してわかりやすくCSSの概念や技術を教えてくれます。

有料教材なので、スクショとかで見せることはできないのですが、僕が受講してみてとてもわかりやすいと感じているのが、「プロゲートとドットインストールのいいとこ取り」というところです。

 「プロゲート」「ドットインストール」とは、一部無料で学習できるオンラインプログラミング学習サイトです。知っている方はイメージがつきやすいと思うのですが、

プロゲートはスライド形式でプログラミングの基礎知識が学べます。スモールステップで、本当に本当の初心者でもプログラミングとはどういうものなのかを理解できます。以下のような感じです。

全ての学習を、スライド形式で学んだ後に、実践。という感じです。

一方で、ドットインストールはどんなものかというと、プログラミングのコードエディターを動かしながら、先生が音声で説明を織り交ぜて説明してくれる学習教材です。

こんな感じです↑(どちらも無料領域の画像なので大丈夫かと・・・)

大体イメージはつきましたでしょうか?

僕の体験からすると、プロゲートはインプットが多めです。ドットインストールは実際に手を動かすアウトプットが多めです。

そして、「フロントハックス」は、「プロゲートとドットインストールのいいとこ取り」で、インプットとアウトプット両方兼ね備えている!

と考えていただければOKです。

つよぽん先生がまずはスライドを通して丁寧にCSSの概念と使い方を教えてくれます。

これが本当に分かりやすくて、プロゲートとドットインストールで、ただなんとなくこなしていた僕が「あー!そういうことね。だからこういうふうに使うことができるんだね。」と納得することができました。

(具体例を1つ挙げると、HTMLにCSSで装飾をしていくとき、デベロッパーツールを使うとすぐに変更箇所が確認できるから早いし確実!といったところですかね。)←わかりますか??

一通り知識や技術の説明が終わったら、これを復習という形で【エクササイズ】(課題)を出してくれます。これも自分1人では難しそうだったらビデオで解説もしているので、一緒に真似しながら課題をこなすこともできます。

もしどうしてもわからなければ、質問し放題です。

すごいですよね。受講生が1000人超えたらどうなるんだろう・・・なんて自分が心配してもどうにもならないのですが、ありがたい気持ちでドンドン質問しちゃいましょう。

実は、まだ僕も質問したことはないのですが、つよぽん先生は、僕が第3章受講終了!とTwitterでつぶやいたら、いいね&フォローまでしてくれました。うれしいですよね。絶対質問しても返してくれますよ!

そんなこんなで、今回のCSS基本編で僕が学習してできるようになった成果物が以下のものです。↓

CSSで装飾しないと始めは以下のような感じですが

学習した通りに実行すると・・・

こんな感じでwebブラウザに表示することができました。

ただ、これは、あくまで僕自身が考えたコードということです。【エクササイズ】の目標物(課題)と似てはいますが、中身のコードは全然違っていました。( ̄▽ ̄;)

でもこんな感じで、習ったことをアウトプットすることで自分の知識が本当に定着しているのか、していないのかどうかを確かめることができました。

さいごに

以上で、FrontHacks第5章のレビューは終わりますが、みなさんいかがだったでしょうか?

僕は、今現在第1章から5章までを学習してきました。正直、自分がこれまで抜けていたところがどんどん埋まっていき、成長できているのがとても楽しいです。これは、つよぽん先生の分かりやすい説明のおかげです。

もし、どんな教材でプログラミングの学習を進めて行こうか迷っているのなら、FrontHacksの購入を検討しても良いのではないでしょうか!

ビデオ形式のオンラインなんだけど、先生とのつながりを感じることができる、とてもいい教材ですよ!

-FrontHacks- が気になった方はこちらから!

最後までお読みいただき、ありがとうございました。

ABOUT ME
みやげん
アラフォーからプログラミングを学び独立。Webスキルを身につけて、個人で稼ぐ方法を発信します。
無料メールマガジン