【オンライン】React入門講座~はじめてのSPA開発

オンライン

誰でも挫折せず、楽しくReactが学べる講座です!

こんなことを学びます

●「React入門講座」は、
「誰でも挫折せず、楽しくReactが学べる講座」です!

と聞くと、怪しく感じますが、

なぜなら、

●その1:「理解して、できるまでやる」からです。

セミナー(授業)は1日のみですが、セミナー終了後、
1年間、講義内容について、何度でも質問可能ですし、
ご希望者には、一人90分×2回の個別レッスンも、
「無料」で付いています。

何度も何度も繰り返し、あなたが理解して「できるまで」やります。

●その2:「環境構築~初歩の初歩からReactを学ぶ」からです。

フロントエンドにおいても、環境構築が複雑になってきました。
「フレームワークのためのフレームワーク、って何?」と思いませんか?

初学者や、経験の浅い方が、もっとも最初につまずくポイントは、
プログラミングではなく、その前段階の環境構築が多いです。

これが嫌で、勉強を止めてしまうことは、非常に多いと思います。
(私もその一人でした。。。)


●その3:「エラー解決(自己解決)の道筋をつけることができるようになる」からです。

Reactに限らず、エラーが自分で解決できないと、
いつまでたっても「楽しい」「面白い」など、
(最終的な)達成感を得ることが、難しいのでは
ないでしょうか?

もちろん、5年・10年経験を積んでも、数時間
唸ってしまうエラーは存在しますが、それでも、
道筋が分かれば、その試行錯誤自体が楽しい瞬間
だったりします。

(パズルや数学の問題を解くイメージ。初学者や
経験の浅い方には、理解できないかもしれませんが、
エラーがないと、「本当に合っているのかな?」と
逆に、不安になるもんなんです。)

・「自分が分からないところを分析・整理する力」
・「起こっている現象の原因を探る、規則性を見つける力」
・「関連する現象について類似のものを調べる力」
・「規則を予想して、自分でいろいろ実験してみる力」

いきなり完璧には、できるようになりませんが、
コツ(勘所)をぜひ、掴んで欲しいと考えています。


●参加者皆さんの過去のバックグラウンド(勉強歴・経験歴)は
バラバラですが、あなた自身にとって「挫折せず、楽しく
Reactが学べる講座」にして頂けると、大変有難いです。


●<このセミナーで得られること>

・Reactの基礎が理解できる
⇒「理解」とは、他人に説明ができるようになること!

・Reactの簡単なアプリを作ることができる
⇒React(hooks)/JSXを使ったtodoアプリを開発!

・就職・転職に向けた成果物が作れる
⇒面接用成果物に、JSモダン技術を取り入れることができる!


●<講座概要>
本講座は、HTML/CSS、JavaScriptを勉強した方向けに、
JavaScriptのライブラリである、Reactの基礎を習得して
いただく講座です。

●<Reactとは?>
Facebookが公開しているJavaScriptのライブラリの一つ。
UI(ユーザー・インターフェイス)のパーツを作ることができる。

●<Reactの特徴>

・コンポーネントの使用

HTMLの記述と、Reactの記述をまとめて部品化したもの。
部品化したものは、何度も再利用できる。Reactでは、
この部品を組合せて、Webページを構築していきます。

・大規模アプリケーションに向いている

プロジェクトでは、大規模な開発になるにつれて、管理が
非常に大切になってきます。Reactはコンポーネント指向なので、
一つ一つが部品化されており、比較的、簡単に管理することができます。

・JSXの使用

JavaScript内で、簡単にHTMLを記述するための言語。
JavaScriptで書かなければならない記述をHTMLっぽく
書くことができる。React以外でも使用可能。Reactでは、
JSXとセットで使用することが多い。

●<勉強する内容>
HTML + CSS + Reactを利用して、todoアプリを実際に
作りながら学んで行きます。環境構築から始めるので、
安心して授業を受けることができます!


●<この講座で習得できる技術>
・React基礎
・JSX
・環境構築(Node.js/npm)
・hooks

●<受講後のイメージ>
・Reactの基礎が理解できる
・Reactの簡単なアプリを作ることができる
・就職・転職に向けた成果物が作れる

●<講義内容> ※詳細は若干修正となる可能性があります。
・Reactとは?
・Reactの環境構築方法
・React基礎文法
・アプリケーション実習(todoアプリ作成)


●<受講者の声>

・全体的にスピード感よく進み、全体像を理解できました。
最後に、知識をチェックするコードレビューは、分かったつもりで
理解できていない事が浮き彫りになって、良かったです。
また、別講座など、機会がありましたら、よろしくお願いします。
(40代男性)

・自分の言葉で説明しながらだと、理解できていない部分が
はっきり分かりました。一日で全てを消化するのは難しいので、
アフターケアがあるのも助かります。(20代男性)

・疑問だったところが解けて、スッキリしました。
hookについて解説されている資料がインターネット上に
あまり無いので、その辺りが特に参考になりました。
後半の「アウトプット」の時間では、分かっているつもりでも、
自分の言葉で説明できない部分が多く、自習する際も(他人に)
説明する前提で、プログラムを書けるようになりたいと思いました。
全体を通して、質問しやすく、分かるまで説明していただけたので、
とても有意義な時間でした。(20代女性)

・初めてのReactだったのですが、どんどん先に行くことなく、
適度なスピードで受講することができました。
また、「無料PHPスクール」のようにアウトプットを盛り込んで
いただけたおかげで、あやふやだった部分が浮き彫りになり、
講師の方にも質問しやすい環境だったので、理解がさらに
深められたと思います。(20代男性)

・根気強く、教えていただき、ありがとうございました。
Reactの学習を今後、自分で進めていく際に、本日教えて
いただいたことが、とても役立つと思います。(20代女性)

・私たちの知識レベルに合わせた講義をしていただいたので、
内容を理解しやすかったです。不明点を都度確認しながら進めたり、
アウトプットを通じて、理解度を確認していただきながら進められたのも、
とても良かったです。Reactの基本的なところから知らない事ばかり
だったので、とても勉強になりました。資料やサンプルコードも非常に
参考になりました。(20代男性)

・Reactについては全くの無知の状態からでしたが、環境構築から
基本的な実装まで分かりやすく教えていただけたので、分からない所を
残さずに進むことができました。 また、少人数ということもあり、
質問しやすい環境がとても良かったと思います。(20代男性)


●<DTのお約束>
我々は、生徒皆さんの「成果」にコミットします。
あなたが諦めない限り、我々は決して諦めません!

・理解して、できるまでやります。
・環境構築含め、初歩の初歩からReactを学びます。
・エラー解決(自己解決)の道筋をつけるようになっていただきます。


●<完全返金保証>
万が一のことを考え、本講座は完全返金保証が付いています。
セミナーにご満足頂けなかった場合、いかなる理由でも
受講後30日間、全額返金保証(ストアカ手数料/振込手数料
除く)致します!


お申し込みは、今スグ、
受講日程を確認し、「予約へ進む」を
クリックして下さい。
続きを読む

希望の日程で調整できます

現在開催日程はありませんが、開催リクエストを送ることで希望の日時で講座開催を相談できます。

開催予定エリアオンライン

価格(税込)¥30,000

受けたい
15人が受けたい登録しています

オンライン受講日程

価格(税込)¥30,000

この講座の先生

荻原 陽太のプロフィール写真
フロントエンドに強い、PHPエンジニア
荻原 陽太
大学では金融工学を専攻し、その後、プログラマーの道に進みました。現在は、Laravel+Vue.jsおよび、React+emotion+TypeScriptによるSPA開発をしています。

講義に当たっての心構えは、

●「誰でも楽しく」
●「わかりやすい」
●「自分(講師自身)が一番勉強する」

この3つに重点を置いています。


●「誰でも楽しく」
コミュニケーションは、教える上で最も大切です。
常に、参加者の皆様と「仲良くなる(理解する)」
ことを意識しています。

●「わかりやすい」
私自身、動画や書籍で独...
+続きを読む

この講座の主催団体

株式会社ドリーム・シアター PHPスクール

主催団体確認済み
  • 16人
  • 14回
「理解して」「できるまで」学ぶ!

●<DTのお約束>

我々は、参加者皆様の「成果」にコミットします。
あなたが諦めない限り、我々は決して諦めません!

・何度も何度も繰り返し、「理解」して「できる」までやります!
・エラー解決(自己解決)の道筋をつけるようになっていただきます!

主催団体に質問する 主催団体ページを見る

当日の流れとタイムスケジュール

●<当日の流れ>
9:55:Skypeに集合

10:00:講義開始

12:00:お昼休憩

13:00:講義再開
↓ (適宜、休憩あり)
17:00:終了

※セミナー(授業)は1日のみですが、セミナー終了後、
 1年間、講義内容について、何度でも質問可能です。

※個人情報は一切開示致しませんが、ご質問への回答を、
 弊社ブログやSNS、他の受講生への状況共有に使わせて
 頂く場合があります。

※ご希望者には、一人90分×2回の個別レッスンも、
 「無料」で付いています。

※何度も何度も繰り返し、あなたが理解して
「できるまで」やります。

続きを読む

こんな方を対象としています

・「HTML/CSS、JavaScriptを勉強したけど、次何すればいいの?」
・「jQueryは使えるけど、そもそもJavaScriptがよく分からない」
・「JavaScriptは分かってきたけど、Reactが理解できない」
・「環境構築(Node.js/npm)ができず、前に進めない・・・」
・「書籍を読んでも(頭に)入ってこない・・・。」
・「点では分かるが、線では理解が繋がらない」
・「SPAって何?ライブラリって何?フレームワークって何?」
・「サーバサイド専門だが、フロント技術も習得しておきたい」
続きを読む

受講する際は以下をお読み下さい

●我々は、生徒皆さんの「成果にコミットしたい」と
考えていますので、ご要望ございましたら、できる限り、
授業内に取り込んで参ります。


●本セミナーでは、環境構築から初歩の初歩から行いますが、
YoutubeやProgate(プロゲート)、ドットインストールなどで、
予習していただくと、講義が(一部)復習となり、あなたの
「知識の定着」を早める効果があります。

※「理解」する必要はなく、「動画を観る(慣れる)」だけでOK!
※有料動画を見る必要はありません。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー1

  • 楽しかった( 0 )
  • 勉強になった( 1 )
  • 受ける価値あり( 0 )
  • この講座は「要点を押さえた効率的な講座」でした
    男性 20代

    一日で全てを理解するのは難しいですが、重要な部分に絞って的確に教えてくださったので、基礎は十分身に付くと思います。アウトプットすることで自分が理解できていない部分がわかるので、重点的に復習するポイントがわかりました。

  • プログラミングのおすすめの先生プログラミングの先生を探す

    プログラミングの関連カテゴリーから講座を探す

    先生のスキルから探す