【フロントハックス】レビュー。第1章〜第3章

学んだことをアウトプットする癖をつけたくてブログ始めました。みなさん初めまして！

この記事は、「フロントハックス」ってどんな教材だろう？と興味をもっている方に発信しています。

僕は、フロントハックスを昨日購入して今日から始めました！

フロントハックスを選んだ理由は、

という感じです。

前書きはこれくらいにして、今日のアウトプットです！

Contents

インプットとアウトプットのバランスがいいフロントハックス

教材ページには、全25章&お知らせの一覧がありました。もちろん第1章から見ました。

　第1章は学習教材の使い方や、環境構築、質問の仕方（slack)で、つよぽんさんの自己紹介や、教材の使い方などがわかりやすく説明されています。その中でとても良かったのが、

「HTML／CSSの基礎知識がある人は、「JavaScriptの章から始めてもいいよ。」

という説明でした。

　実は僕は、プロゲートやドットインストールで基礎は一通り学んだつもりでしたので、

「あ、初心者にも、ちょい脱初心者にも配慮してくれている！」

と感じたのです！

ですから、一応、環境構築の章はサラッと2倍速で流して進みました。本当に初心者の方は、実際の画面でChromeやテキストエディタの説明してくれているので、

ビデオを止めながら、実際に動かしていくと良いと思われます！

第2章は、webの基本的な仕組み、フロントエンドとバックエンドの違いなどが、図を用いて説明されています。

何となくわかっていたつもりのものが、視覚的に図や絵で説明してくれたおかげでより明確になり、WEBサービスの理解が再構築できました。

これは、ちょい脱初心者の方でも見た方が良いです。他の人に説明するときの参考にもなります。

本当は中身も全部言いたいんですけどね。有料なんで！

ここからが本番です。最初にも申し上げましたが、まずは、HTMLの基礎をインプットします！つよぽんさんが、実際の画面（テキストエディタ&Chromeブラウザ）を操作しながら、説明してくれます。

ここで僕が感じたのは結構スピードが早いです。

本当に本当の初心者の方がついていくのには難しいかと思われます。僕は一応プロゲートhttps://prog-8.com/やドットインストールでの基礎があったので何とかついていけました。

具体的にいうとコピペのショートカットキーなどです。今、「？」の方は、本当に初心者だと思われます。macだと、「command + c」コピー。「command + v」がペーストですね。

ここら辺がわかっていないと、ついていくのに時間がかかります。そういった方は、「ドットインストールhttps://dotinstall.com/」で実践を積んできた方がいいかもしれません！

話を戻しまして、まずはじめは、HTMLの基礎を画面を見ながらインプットします。

<h1> <p> <br> <b> <ol> <ul> <li>などです。

一通り理解ができたら、実際の学びを復習できる学習課題が出されるので、それをつよぽんさんと一緒に仕上げていく内容です。これでアウトプットできます。

ちょい脱初心者のつもりの僕ですが、、、つよぽんさんの速さにはついていけません。それは気にせず、課題をやりましょう！

ただ、まだ、つよぽんさんの優しさに甘えていると思います。つよぽんさんなしでいざ同じようにコードを書こうとすると・・・

結構出てこないです。

だから僕は、自分で学んだことをアウトプットする学習方法を実践しています。

課題が終わった後、僕が自分自身のアウトプットに選んだのは、「ブロック要素とインライン要素」「リスト（箇条書き）の中のリスト」です。これは教材じゃないので以下にスクショします。

以上が本日の学んだことです。自分の書いたコードが思った通りにブラウザで表示されると本当に嬉しいし、楽しいです！

つよぽんさん、ありがとうございました！またよろしくお願いします！

無料メール講座