ここでは自分がやってきた勉強方法についてリアルタイムで更新していきます。参考になる部分があれば嬉しいですが、私も探り探りやっているところがあるのでご了承ください。メインはスクールでの勉強ですが、自分で本を買って勉強することもあります。後はYoutubeも非常に勉強になる動画が多いので、食事中はそれを見ながら勉強しています(行儀が悪い)。
HTML(Bootstrap含む)、CSS
- Progateでおおまかの仕組みを掴む
- デイトラでコーディング練習
- 見本のコードと見比べて良い部分は真似する
- 一般のサイトの模写コーディングを行う
- flexboxやgridなどの最近の機能に触れる
- 本を読んで実践する(私はWebデザインの新しい教科書を読みました)
見て学ぶよりも実際に手を動かした方がより身に着くと思います。ちなみにVisual Studio Codeを使っていますが、そのショートカットも理解したら制作スピードが速くなりました。
JavaScript
- Progateでおおまかの仕組みを掴む
- デイトラにて演習
- 基本を少し学んだところで自分で調べて自分のサイトのドロワーメニュー等実装
- ライブラリの使い方を学ぶ
正直まだまだ勉強が足りないところなので、よさげな本を探しているところです。
jQuery
- デイトラにて演習
IT系企業の友達がjQueryはオ●コンと言っていました…。JavaScriptを優先して勉強しようかなと思っています。ただ書きやすいので、Javascriptと合わせて学びたいです。
Sass
- デイトラにて演習
Sass学んでからはCSSよりも圧倒的にこちらを使っています。基本的な使い方はできますが、応用などはまだまだです。こちらも時間があればしっかり学びたいですね。
PHP
- Progateでおおまかの仕組みを学ぶ
- デイトラにて演習
PHPはWordpressで使用するようなものは学びましたが、それ以外は勉強が必要ですね。バックエンドにも興味があるので、こちらも書籍などを買って勉強しようと思います。
WordPress
- デイトラにて演習
- 本を読んで実践する(私はビジネスサイトを作って学ぶwordpressの教科書を読みました)
- 今あるサイトをWordpress化する
- ブログを自作する(このサイトも少しずつ改変できればと思っています)
ちなみにビジネスサイトを作って学ぶwordpressの教科書は、ところどころ改変しているところもあったので注意です。私は一度デイトラで全体を触ってからこちらの本を購入しましたが、非常に分かりやすく良い復習になりました。
Photoshop
- 本を読んで実践する(私はPhotoshopしっかり入門を読みました)
画像加工結構好きでした!illustratorも近いうちに学ぼうかなと思いますが、とりあえずはPhotoshopを極めてみます。
React.js
- Progateで一通り学ぶ
JavaScriptのライブラリですね。まだ学び始めたばかりでして、とりあえず大まかなところだけ頭に入れようとProgateで一周しました。書籍もいいものがあれば購入します。
実際に書き並べてみるとまだまだだなぁと思いました。勉強したいことは多いけども時間と脳みそが足りない…。言い訳はダサいので引き続き勉強していきます。(^^)