プログラミング独学方法

記事

IT・テクノロジー

①HTML/CSSを学ぶ

②JavaScript（jQuery）を学ぶ

③模写

④ポートフォリオを作る

①HTML/CSSを学ぶ

まずプロゲートでHTML/CSSの初級編をやります。初級編は無料なので一番最初に勉強を始めるならプロゲートからがいいと思います！

そこで、もっと勉強したいと思ったらプロゲートの有料版に登録して上級編までやってしまいましょう！有料版は月額約1000円で登録できるので1ヶ月有料版で勉強し2ヶ月めまでに解約するというのもありです！（自分は1ヶ月だけ有料版をやりました）

プロゲートで大切なのは、分からなくてもどんどん先に進むことです。最低でも2周したら次に進みましょう！

書いていくうちに自然とわかるようになっていきます。

HTML/CSSは1週間、2週間で終わらせて、JavaScriptとjQueryに進みましょう！

プロゲートのHTML/CSS編が終わったら上級編で静的サイトを作くれるようになったと思います。

次はそういった静的サイトに動きをつけることができるJavaScript・jQueryを学びます（スマホ表示の時のハンバーガーメニューやトップに戻るボタンを押したらスクロールで戻るなど）。

こちらもプロゲートで基礎を身につけることができます。

そしてここがとても難しくてなかなか次に進めなくなってしまいます、自分がそうでした！

しかしここも2周ほどしたらどんどん進んで大丈夫です！

理由はよく使うアニメーションのコードは一度書いてしまえばコピペで使いまわせるし、ググればコピペできるコードもでできます。そうして使っていくうちにこれも覚えていくのでどんどん進みましょう！

そして合計1ヶ月でHTML/CSS/JavaScript/jQueryを終わらせてしまいましょう！！

あとはググりつつ模写でアウトプットしていけばすぐに慣れていきます。

プロゲートが終わったら次はすでにあるサイトを真似して、見た目だけ同じサイトを作りましょう。

まずエディタ（コードを書く場所）をダウンロードします！

これはVScode一択です。（無料です）

これもググったりYouTubeで調べるとすぐにダウンロドできると思います。

VScodeに0からコードを書いていきます。

最初はすごく時間がかかるともいます。

そもそも最初から手が動かないかと思います。

そこで、YouTubeで『HTML/CSS　コーディング』『HTML/CSS　模写』などで調べて、いろんな動画が出てくるので、それと一緒に手を動かして少しずつ1からコードを書くのに慣れましょう！

3つほど模写したら次に進みましょう。

模写で1からサイトを作れるようになったら自分のポートフォリオを作りましょう！

Twitterなどでいろんな人のポートフォリオをみてそれを参考にしながら、模写サイトを過去の制作物として掲載して作りましょう！

お疲れ様でした！！

ここまでできればもう営業に移れるのでクラウドソーシングなどに登録して営業していきましょう！