HTMLやCSSを効率的に!!!独学する方法3選

こんにちは、けちろー(eEkK1919)です。

更新:2019.02.05

 

今回はHTMLやCSSの勉強法についてまとめていきたいと思います。

1ヶ月ほど前からHTML、CSSの勉強を始めました。
理由は、もっと分かりやすかったり見やすかったりするブログを書くために必要だと思ったからです。

でもですね、初心者なので壁にぶつかるわけですよ。

 

けちろー
けちろー

どうやって勉強するねん。

 

受験勉強は過去問や学校の先生がいるから、ある程度方向もゴールも見えているし頑張れば良いけど、そもそも頑張る土俵にも立てねえ!!!!!
と思いました。悲しい。

 

今回は、

どうやってHTML、CSSの勉強をすればいいのか分からない

という人に向けて記事を書いていこうと思います。

 

 

友人
友人

けちろーも初心者やん。大丈夫???

けちろー
けちろー

初心者だからこそ初心者の気持ちが分かるんやで

 

 

初心者による、初心者のための記事です。(ケチカーン)

 

友人
友人

滑ってるよー・・・。

 

オススメ勉強法1:PROGATE

 

オススメの勉強法としてあげる1つ目は、『PROGATE』です。
これは、HTMLやCSSを勉強することができるサイトです。

 

イメージがつかみやすいように画像も載せますね。

どーーーん。

友人
友人

Lv.6やん。めっちゃ弱いやん。

 

けちろー
けちろー

最初はみんなそうなの!!!!(半ギレ)

 

 

 

最初はみんなそういうところからスタートです。
確実に諦めずに一歩一歩前進していくことが大切です、、うん。

 

最初は本で勉強していました。
でもですね、
本は飽きる(笑)
本大好きなケチローでも流石に飽きがきました。

 

PROGATEはゲーム感覚で楽しく勉強することができます。
この『PROGATE』は、課題解決型学習で、
学習→問題→解答→確認の流れで、学習していくことになります。

 

自分のLv.も分かるので、達成感あるし楽しい(笑)

 

まず、何にもわからないけどとりあえず勉強したいんだ!!という人は
ここから始めて間違いありません。

 

勉強法に関してはもうパソコンぶっ壊れるくらい調べましたが、この『PROGATE』をあげているサイトがほとんどです。
プログラミングの勉強に関して、PROGATEから始めたよーという人を何人も目にしました。
間違いない勉強法だと思います。

 

友人
友人

情報が溢れているから、情報を選択することが大切だよねー。その情報、本当なの????

 

けちろー
けちろー

自分でやってみて確信したよ。楽しく勉強できるよ。タノシイ。

 

まず、下の画像のように、知識の定着から始まります。これくらいの情報量のページが2〜3ページ続いた後に、演習に入ります。

 

情報量が多くないので、難なく覚えられますよ。

 

 

下の画像が、演習ページです。

左側に、課題が書いてあります。
分からなくなっても、下の「スライドで確認」というところから知識が書いてあるスライドに飛べるので、かなり便利です。

 

 

 

真ん中に、課題を書いていきます。書き終わったら、「確認して次へ」を選択して答え合わせです。

 

 

 

間違ってたら進めません。なので、
「クッソ!!!!!」ってなります。
マリテニで隠しキャラのヘイホーに負けた時くらいイラっとします。(わからない人さーせんっ)

 

ここで気づきます。
オレ、楽しんでる(笑)
勉強の最大の壁は、つまらないと感じることだと思いますが、それを感じません。
こんな感じで進めていき、知識と実践力を深めていきます。

 

こーんな道場もあります。めっちゃ面白そうじゃないですか???

 

 

1ヶ月で全て制覇して、その画面を皆さんに見せたいと思います。

友人
友人

頑張れけちろー。ただ、睡眠時間は削るなよ。

 

PROGATEへ

オススメの勉強法2:ドットインストール

 

 

これも、プログラミング学習サイトです。

 

ドットインストール最大の強みは、
動画を見ながら学習することができるサイト
というところです。

 

やっぱり動画ってすげえ。YOUTUBEがそりゃ伸びますわ。
文字追うよりもスーーーって言葉が頭に入ってくる。
挫折度は低くなると思います。

 

PROGATEは文字を追いながらですが、
ドットインストールは動画見ながら学習を進めることができるので、
そこで差別化できます。

 

プレミアム会員になると、動画が文字起こしできます。

 

動画をみなくても、分からないところがすぐに見返せる。
ちょー便利です。
両方とも試してみて、自分にあっている方で学習を進めていけばいいと思います。

 

 

ドットインストールへ

 

オススメの勉強法3:本を読んで実際にサイトを作る

 

これも現在実施中の勉強法です(2019.0205時点)。
いや、結局本かい!!!って感じですよね。さーせん、本、好きなので(笑)

 

この本を使って学習しています。

 

この本のスタイルは、
実際に手を動かしながらサイトを作っていく
という学習スタイルをとっています。

 

つまり、本を読みながら1つのサイトを作っていくのです。

 

作成するものは、以下のものです。

トップページ
メニューページ
アクセスページ
お問い合わせぺージ

 

つまり、この本を一通り学習すれば、
これくらいのサイトを作る知識技能は確実に習得できるということです。
内容もかなり分かりやすいです、今もところ一回もつまづいていません。

 

友人
友人

初心者がつまずかないのか。それ結構すごいな。

やっぱり、実際に手を動かしながら技術を学んでいくことが効率がいいと思います。
バスケットボールの本読んでてもバスケットボールは上手くならないですから。
やって見てなんぼ。グダグダいってないで手を動かす!!!!!!!!(笑)

大切なのは、自分にあった勉強法で学習を進めること

 

何を学習するのでもそうだと思いますが、
大切になってくるのは自分にあった勉強法を発見することだと思います。
色々手を動かしていく中で、どれが自分は楽しく勉強ができるのか。
を模索していくと、自ずと自分の勉強スタイルが見えてくると思います。

 

きっとこれから長い道のりになると思います。
心が折れそうになることも何回もあると思います。もう5回くらいありました(笑)
でも、諦めません(笑)

 

けちろー
けちろー

つまずいたら一旦休んで、また時間をおいて再開しましょ。

 

くらいの方が継続できますよ。
皆さんも一緒に頑張りましょう!!

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

全部そこそこ人間▶︎元国体バスケ選手▶︎横国卒▶︎社会人1年目でメンタルブレイク▶︎ブログ始める▶︎人生変わる←イマココ▶︎強みは感謝ができること(VIAより)▶︎目標は会社の縛りから解放されて自然の中で暮らすこと▶︎科学的に人生を変える方法を発信してます。▶︎論文を中心に毎日読書してます。