プログラミング初心者の独学日記 〜其の4〜

  • プログラミング初心者でも独学で学べるの?
  • どんなことをすればいいの?

そんな疑問を解消すべくこのシリーズは立ち上がりました。

ここでは、プログラミングを令和2年7月31日から学び始めたヤマネ@yamanebass)が、成長の備忘録のために行ったことを記事にしていきます。

現在絶賛進行中ですので、リアルガチです。節目節目に不定期に更新をしてこうと思います。

  • プログラミング初心者が独学で学べるの?
  • どんな方法で学べばいいの?

そんなあなたに少しでもヒントになれば嬉しいです。

それではみていきましょう!

〜前回のおさらい〜

〜最初から見る方はこちら〜

目次

プログラミング初心者の独学日記 〜其の4〜

プログラミング初心者が独学をしている

プログラミング22日目〜24日目

ドットインストールでHTML&CSSの学習を終えた後、同じくドットインストールの「実践!アプリ紹介ページを作ろう」を行うことにしました。

マナブさんのロードマップに倣ったのと、ゆっくり足元を固めた方が後々挫折しないと思ったからです。

模写コーディングをしようと思い他の方が出している動画などもましたが、

ヤマネのアイコン画像ヤマネ

?????!!???

となり、脳がバグを起こしそうでこのタイミングで模写コーディングを行うことを諦めました。

参考にしているマナブさんのプログラミングロードマップに関する動画はこちらです。↓

ヤマネのアイコン画像ヤマネ

このレッスンは有料なのでこのタイミングでドットインストールの有料会員になりました!

実践!アプリ紹介ページを作ろう」は、@から始まる見慣れないコード(メディアクエリ)を書いたりなど初心者の自身にはハードルが高かったです。

深く考えず、「こういう作業が必要なのか〜」と思いながら進みました。

プログラミング23日目〜25日目

次は、HTML&CSSの有料コースを一通り受講してみることにしました。

次に何をやろうか迷いつつも、せっかく課金したからドットインストールのなかで出来ることをやってみようと思ったからです。

以下はこの頃の自身の嘆きです…

ヤマネのアイコン画像ヤマネ

レッスンを終えた後、次になにをしたらいいか分からないのが初心者を悩ます最大の要因だと思いました!

しかし、行っていくうちにマナブさんのすごさを感じます…

ドットインストール有料版のHTML&CSSレッスンは、分からなかったときに調べられれば良いコードが多かったような気がします。

最短で案件獲得したい!という方は飛ばしてもいいかもです。

マナブさんのロードマップはこのあたりまで考えられているのかも!?と思い感動しました。

そして無事にドットインストールで学習を終えます。

プログラミング25日目〜32日目

ドットインストールで一通りHTML&CSSに関する学習を終えた後は、Progateで再び学習することにしました。

やはり、マナブさんのロードマップの影響です。

初心者で、「次に何をしたらいいか」悩んで時間を使ってしまいそうな兆しだったので、ネットへの課金が苦手な自身ですが、思い切って課金してみることにしました。

Progateを中級、上級と進めて、ドットインストールでやっていた時には理解出来ていなかったレスポンシブ対応に関する理解も深まりました。

レスポンシブ対応に関してはProgateの方が初心者にもわかりやすかったので、

ここまでの流れを自分なりにまとめると以下のようになるかなと思います。

STEP
ドットインストール、Progateの無料レッスンでHTML&CSSを学習
STEP
Progateに課金し、中級、上級を学習
STEP
ドットインストールに課金し、実践!アプリ紹介ページを作ろうを学習

STEP2と3がマナブさんのロードマップとは入れ替わるイメージですね。

プログラミング33日目〜37日目

Progateの上級編が終わったら、いよいよ巷で難しいと噂の道場編を行うことにしました。

余談ですが、ずっと「次にすすむ」→おすすめのレッスンのリンクで進んでいると、

中級→上級→道場コース上級

になっていたので注意です。(もしかしたらどこかでミスをしたのかも!?)

ヤマネのアイコン画像ヤマネ

道場コースの初級、中級を飛ばして一気に上級に進んでしまいます!

中級→上級→道場コース初級→道場コース中級→道場コース上級

の順で行いたいところなので、レッスン一覧から道場コース初級を選択しましょう。

道場コースは模写コーディングを行う前の通過点としてとてもいいなと思いました。

以下が学んだ当時のツイートです。

いやというほど見本の検証をするので、検証ツールの使い方に慣れてくるからです。

ヤマネのアイコン画像ヤマネ

道場コースは噂通りとても苦戦しました…

そして順調に 苦戦しながら道場コースを終えます。

ヤマネのアイコン画像ヤマネ

検証ツール、スライドを見たりしたものの少し自信がつきました!

そして無事に道場編上級も終えます。

ここまできたらあとは「HTML & CSS Flexbox編」を終えたら一旦ドットインストール、ProgateのHTML&CSSの全レッスンを終えたことになります・・・!

小ヤマネくんのアイコン画像小ヤマネくん

つ・づ・く

この記事が気に入ったら
フォローしてね!

コメント

コメントする

目次
閉じる