chevron_left

React.js入門

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 29

授業の概要

この授業では、Webのフロントエンド開発では定番になりつつあるReact.jsの基礎を5回に渡って学びます。

React.jsが日本で注目されるようになってから約3年が経ち、実践でReact.jsを使うサービスもかなり増えてきました。一方で、Webのフロントエンドは流行の移り変わりが早く、また開発環境も複雑化しており、React.jsを触ってみたいけどなかなか手が出せないという方も多いのではないでしょうか?

React.jsとは何か?、その特徴と多くのエンジニアに支持されている背景から、実際に簡単なWebアプリを作成できるところまで、なるべくシンプルに、学んでいきます。

第5回は、第4回までの知識を使って簡単Webアプリを作ってみます。

■授業のアジェンダ(予定)

- 事前準備
- Webアプリを作ってみよう

こんな人にオススメ

React.jsが気になっていたがきっかけがなく、まだ手を出せていないエンジニア

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
00:41
play_arrow
事前準備
01:03
play_arrow
もくじ
00:33
play_arrow
ToDoアプリを作ろう
00:08
play_arrow
なぜToDoアプリなの?
00:48
play_arrow
タスクの追加機能を実装しよう
07:39
play_arrow
タスクの完了機能を実装しよう
06:35
play_arrow
タスクの削除機能を実装しよう
07:54
play_arrow
ブラウザに保存する
08:16
play_arrow
見た目を良くする
04:48
play_arrow
まとめ
04:48
play_arrow
Q.... の挙動について、もう一度ご説明いただきたい。'...' とか、{...task} とか
01:50
play_arrow
Q.コンポーネントはどのような粒度でファイル分割するのが良いと思いますか
01:50
play_arrow
Q.Todoアプリ以外で、Reactの修行(演習)になるオススメの題材ありますでしょうか。
01:10
play_arrow
Q.仕事でwebサイトを作成しているのですが、jQueryやwordpressと共存できますか?
00:51
play_arrow
Q.保存したい情報をJSONやcsvファイルに保存するには、面倒な処理が必要になるでしょうか。
01:06
play_arrow
Q.React.jpだけでLINEのようなSNSサービスは作れますか?
01:14
play_arrow
Q.reactなんどか頑張りたいのですが、癖が若干あって難しい人には、代わりに何が良いと思いますか? Riot、Vue、jQuery、素のJSをES6で、などWEBデザイナーならどれがよいでしょうか? Riotが癖が少なく最近注目されているようですが、reactにも似ていてよいでしょうか?
02:39
play_arrow
先生から受講生へのメッセージ