Web制作の第一歩としてはオススメするのが、Progateになります。
理由としては、環境構築もいらず初心者には始めやすいためです。
また、インプットだけではなく、アウトプットをしながら進めれるためやっていて非常に楽しいかと思います。
有料会員でも月額1078(税込み)円と安価な値段のため、あまりお金をかけたくない人にとってもオススメです!!
学習する上での注意事項
学習する上で、以下のポイントに注意して進めてください。
- 8割の理解で次に進もう。
- 毎日、コードにふれる。
- インプット3割、アウトプット7割を心がける。
8割の理解で次に進もう。
まず初めに言いたいのは、「8割の理解で次に進もう。」です!!
「完全に理解しないで進めても問題ない?」のと思われる方がいると思いますが、全く問題ありません。
理由としては、完璧を求めると途方もない時間がかかるためです。
学校などのテストをイメージして頂ければ分かりやすいかと思います。学校などのテストで80点くらいまではある程度の勉強でいけますが、100点を目指すと相当大変ですよね。
それと同じです!!
この段階で、完璧を求めて時間をかけるのは非常にもったいないです。
8割程度理解したら次にドンドン進んでください!!
学習しているうちに、以前理解できなかった点も分かるようにもなっていきますので安心してください。
毎日コードにふれる。
次に、「毎日コードにふれる。」です。
忘却曲線てご存じですか?簡単に説明すると、以下のようなものです。
- 20分後には42%を忘れ、58%を覚えている。
- 1時間後には56%を忘れ、44%を覚えている。
- 1日後には74%を忘れ、26%を覚えている。
- 1週間後(7日後)には77%を忘れ、23%を覚えている。
- 1ヶ月後(30日後)には79%を忘れ、21%を覚えている。
見て頂けたら分かると思いますが、1日後でも74%も忘れてしまいます。
その為、大変かもしれませんが、頑張って毎日触れてください。
インプット3割、アウトプット7割を心掛ける。
「インプット3割、アウトプット7割を心掛ける」です。
Progateを学習する中でテキストを読んで理解したつもりで、実際にコードを書くフレーズを飛ばすのは決して辞めてください。
むしろ、テキストをサラッと読んで実際にコードを書く時間を多くとった方が確実に勉強になります。
学習する内容
学習する内容ですが、HTML&CSS、JavaScript、jQuery、Sassです。
順番としては、HTML&CSS→JavaScript→jQuery→Sassです。
各コースにある道場は是非やってください。
勉強中わかっていたのに、いざ1から自分でコードを書こうとした場合にわからなくなるかと思います。
少し考えて分からない場合は、答えやテキストに戻り確認してください。そこで、どこが分からなかったのかを認識することで、理解が深まっていくかと思います。
Sassを勉強しなくても、Webサイトを作成することは可能ですが、時間効率をあげるためにも是非勉強しておいたほうがいいです!!
これらを勉強した段階で、簡単なサイトであれば苦戦はするかもしれませんが作成することが可能になっているかと思います。
気になったところは自分で書いて確かめる
学習を進めていくうちに、こういう風に書いたらどうなるかと疑問がでてくることがあると思います。
その時は、実際に書いて試して見ましょう。実際に書くことで、自分の疑問に思っていることが解消されますし、思い通りにならない場合でも何故そうならないか調べて力がつきます。
めんどくさがらずやることをおすすめします!!
以上がWeb制作をする上でのProgateの学習の仕方について説明してきました。
Web制作は、自分が書いたものが視覚的にも確認できて非常に楽しいと思います。楽しいと思えたなら、Web制作に向いているかと思います。
そんな方は、どんどん自分でコードを書いて力をつけていってください!!