LoginSignup
0
2

More than 3 years have passed since last update.

YouTube は《学びの宝庫》 HTML/CSS and JavaScript編 ロードマップ 2021(更新:2/29)

Last updated at Posted at 2021-02-26

1,私が思う一番のプログラミング学習法は... 

YouTubeを利用して学習を進めることだと思います!

その理由は、

まず
1,無料であること!
2,情報が最新であること!
3,好きな技術を学べること!
4,海外の技術を習得できること!
5,いつでもどこでもそして実践的に学習できる!
6,通常の2倍の学習スピードで進めることができる!

からです:bangbang:

ところで、プログラミング学習には、様々な方法があると思います!

例えば、

・プログラミングスクールに通う
・技術書を買って独学
・メンターさんに教えてもらう
・UdemyやSkillShareを利用する

など、たくさんあります:books:

しかし、

YouTubeも同等の情報量、もしかしたらそれ以上の学びに出会えるチャンスがあります!

理由の1~6まで述べた通り、メリットがたくさんあります!

その一つ、6について説明すると、
ご存知の通り、YouTubeには倍速再生というものがあり、
Max2倍まで設定することができます!
なので、2倍の学習スピードで進めることが出来ます!

この記事は、私が学習をする上で特に参考になった動画をロードマップ形式で随時更新していきます!

一つの意見として、ご参考にして頂けたら幸いです:bangbang:

2,学習ロードマップ(実際に参考にした動画のみ掲載)

【ステップ1:HTML/CSSの基礎】

(随時掲載)

【ステップ2:JavaScriptの基礎】

(随時掲載)

【ステップ3:JavaScriptでToDoListを作ってみよう】

さっそく、基礎知識を使ってToDoListを作ってみましょう👇👇👇

(動画のアップロード日:2020/04/11)

作ってみました➡こちら

【ステップ4:JavaScriptの基礎が終わったら】

JavaScriptの基礎が一通り終わって、なにか物足りないと感じなたら、これがオススメです!👇👇👇

(動画のアップロード日:2021/01/28)

【ステップ5:async await】

Reactに入る前に、大事な前提知識になります!👇👇👇

(動画のアップロード日:2020/04/16)

【ステップ6:Reactの技術を深める】

Reactによく登場するいくつかの、技術を身に着けよう!これを理解すればサーバー接続、ページ遷移などが出来るようになります!それが、Hook,Router,Linkです!👇👇👇

(動画のアップロード日:2020/12/21)

作ってみました➡こちら

【ステップ7:Reactでプロジェクトを作ってみよう!】

さっそくReactを使ってプロジェクトを作成してみましょう!前提としてasync awaitの知識があったほうがより理解できると思います👇👇👇

(動画のアップロード日:2021/01/19)

作ってみました➡こちら

【ステップ8:Let's build LinkedIn with REACT.JS! (with Redux & Firebase)】

Reactを使ってLinkedInを作ります。最後に、firebaseにデプロイします。👇👇👇

(動画のアップロード日:2020/12/17)

作ってみました👇
2021-03-17_17h33_01.gif

3,最後に

プログラミング学習は、短期決戦だと思います!
学ばないといけないことは、膨大であり常に進化しています!
効率を考えたら、学習した直後からもう作成に取り掛かったほうが、より理解と習得に結びつくのかなと感じています!

また、意見や要望などがあればコメントでいただけたらと思います!

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2