Autoplay
Autocomplete
前のレクチャー
学習完了 & 次の動画
7. React初級
Reactとは？
1.Reactって何？ (5:58)
2.そもそも、WebサイトとWebアプリの違いって何？ (2:26)
3.フレームワークとライブラリの違いとは？ (1:54)
4.SPAって何？ (3:30)
Reactを使いこなすための基礎知識
5.ES6とは？ (5:52)
6.Babelとは？ (3:42)
7.JSXとは？ (1:38)
8.コンポーネントとは？ (6:25)
9. Class ComponentとFunctional Component (1:59)
10. propsとstate (6:43)
11. ライフサイクルメソッドとは？ (2:15)
早速、ミニアプリを作ってみよう！
12. reactを使うための環境構築に必要な知識 (5:48)
13. (環境構築)まずは「nvm」のインストールと環境パスを通そう (8:56)
14. (環境構築)nvmを使って「node.js」をインストールしよう (2:56)
15.(環境構築)npmに包括されている「npx」でcreate react appコマンドを使ってみよう (3:31)
16. create react appコマンドでreactを立ち上げよう (6:42)
17. 成果物を確認しよう (2:37)
18. 成果物作りに必要なフォルダとファイルを作ろう (5:20)
19. Homeクラスコンポーネントを作成しよう (7:55)
20. Homeクラスコンポーネントの中身を追加しよう (1:42)
21. ReactにおけるCSSの使い方を学ぼう (13:42)
22. HomeコンポーネントをCSSで装飾しよう (3:51)
23. Header関数コンポーネントを作成しよう (9:28)
24. Footer関数コンポーネントを作成しよう (7:27)
25. Button関数コンポーネントを作成して、親コンポーネントで位置を調整しよう (9:46)
26. Buttonコンポーネントでpropsを使おう！ (6:36)
27. Buttonコンポーネントで関数を実行しよう(onClickプロパティに関数を渡す) (13:23)
28. 三項演算子を使って、Buttonコンポーネントのスタイルを調整しよう (4:43)
29. stateを使ってHomeクラスコンポーネントのタイトルを表示させよう (7:11)
30. 最終の全体確認をしよう！React Developer Tools (8:43)
Tips 1. console.logによるデバッグ (5:52)
アウトプット(課題)
同じデザインのシンプルページを自分で作ってみよう
同じデザインのシンプルページを自分で作ってみよう
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock