ブロック ブロック

Special

特別講座

React

【オンライン】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アプリ作成)


DTのお約束


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

・何度も何度も繰り返し、「理解」して「できる」までやります。
・環境構築含め、初歩の初歩から、SPA開発の仕方を学びます。
・エラー解決(自己解決)の道筋をつけるようになっていただきます。


全額返金保証


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


お申し込みは、今スグ、
受講日程を確認し、「お問い合わせはこちら」を
クリックして下さい。


参加者の声


・(20代男性) Reactの基礎の部分をしっかりと解説してくださり、理解が深まりました。 事前にHookを使ったReactの動画研修は見て勉強していたりしたのですが、その動画ではクラスコンポーネントの話は飛ばされていたので、クラスコンポーネントと関数コンポーネントの違いについて学ぶことができました。 最後にアウトプットとして、質問に対して口で説明していく場面がありましたが、基礎でやっていたことを復習でき、意外と言葉では説明しきれないところがわかりました。自身の復習すべきところがどこであるかを感じられてとてもよかったです。
・(20代男性) 自分の言葉で説明しながらだと、理解できていない部分がはっきり分かりました。一日で全てを消化するのは難しいので、アフターケアがあるのも助かります。本日は、ありがとうございました。
・(20代女性) 疑問だったところが解けて、スッキリしました。hookについて解説されている資料がインターネット上にあまり無いので、その辺りが特に参考になりました。後半の「アウトプット」の時間では、分かっているつもりでも、自分の言葉で説明できない部分が多く、自習する際も(他人に)説明する前提で、プログラムを書けるようになりたいと思いました。全体を通して、質問しやすく、分かるまで説明していただけたので、とても有意義な時間でした。ありがとうございました。
・(20代男性) 初めてのReactだったのですが、どんどん先に行くことなく、適度なスピードで受講することができました。また、「無料PHPスクール」のようにアウトプットを盛り込んでいただけたおかげで、あやふやだった部分が浮き彫りになり、講師の方にも質問しやすい環境だったので、理解がさらに深められたと思います。本日はありがとうございました!
・(20代女性) 根気強く、教えていただき、ありがとうございました。Reactの学習を今後、自分で進めていく際に、本日教えていただいたことが、とても役立つと思います。ありがとうございました。
・(20代女性) サンプルコードでReactの基礎的な文法ができたので良かった。アウトプットできる機会があり、より理解が深まると思った。
・(20代男性) 基本的な部分からご説明いただいたので、非常に分かりやすかったです。Reduxについては事前に勉強してから臨みましたが、分からない用語などを直接質問して解消できたので非常に良かったと思います。また前回の振り返りもあり、内容も非常に分かりやすかったです。
・(20代男性) 非常に分かりやすく、概要からコードまで順を追って理解することできました。アウトプットを行うことで、自分の理解を整理することができました。ありがとうございました。
・(20代男性) 私たちの知識レベルに合わせた講義をしていただいたので、内容を理解しやすかったです。不明点を都度確認しながら進めたり、アウトプットを通じて、理解度を確認していただきながら進められたのも、とても良かったです。Reactの基本的なところから知らない事ばかりだったので、とても勉強になりました。資料やサンプルコードも非常に参考になりました。
・(20代男性) Reactについては全くの無知の状態からでしたが、環境構築から基本的な実装まで分かりやすく教えていただけたので、分からない所を残さずに進むことができました。また、少人数ということもあり、質問しやすい環境がとても良かったと思います。本日はありがとうございました!
・(20代男性) 一日で全てを理解するのは難しいですが、重要な部分に絞って的確に教えてくださったので、基礎は十分身に付くと思います。アウトプットすることで自分が理解できていない部分がわかるので、重点的に復習するポイントがわかりました。
・(20代男性) 全体的にスピード感よく進み、全体像を理解できました。知識を再度、チェックするコードレビューは、分かったつもりで理解できていない事が浮き彫りになって、良かったです。また、別講座など、機会がありましたら、よろしくお願いします。
・(20代男性) 自分で説明しながらだと、理解できていない部分がはっきり分かりました。一日で全てを消化するのは難しいので、アフターケアがあるのも助かります。本日はありがとうございました。
・(30代男性) アンケートの回答が遅くなり、申し訳ありません。先日はありがとうございました。一日かけての講座だったので、長いかなと思っていましたが、あっという間に、時間が過ぎてしまいました。前半では、サンプルコードをもとにReactの基礎を教えていただき、 後半では自分の口でコードを説明する機会があり、 事前に口コミで見ていた通り、アウトプットする時間があったのは、とても良かったと思いました。そのように教えて終わりではなく、受講者の知識定着をサポートしていただけるカリキュラム構成や、受講後に補講していただけるのは、非常にありがたいです。今回偶然にも(?) 1対1で受講させていただいたため、 質問が気軽にできる環境で、かつ授業のスピードも調整いただけたので、その点においても満足度が高かったです!ありがとうございました。尚、僭越ながら、感じたことが数点ありましたので、箇条書きになりますが、記載させていただきます。・内容が盛り沢山で、時間も限られているため、難しいかもしれませんが、1時間?1時間半ごとに5分程度でも小休憩があれば良いなと思いました。・アウトプットの時間の中で、口頭でコードを説明してみるという時間に加えて、応用編というような感じで、問題が出題されて、コードを実際に書いてみる機会もあれば良いなと思いました。(受講後に自分自身でできることかもしれませんが、口頭説明が比較的スムーズにできた感じがするので、アウトプット形式に変化があると尚良いのではないかと思いました)今後React学習を進めるにあたって、今回学んだことはとても役立つと思います。ありがとうございました!
・(30代男性) 内容は自分の理解度にフィットしており、基礎の確認ができてよかったです。より実践的な内容があれば、次に受講したいと思えました。進め方については、いきなり本題が始まった印象だったため、始めに研修全体の流れの説明があればよかったと思いました。また、休憩等の区切りがもう少しあれば、集中力も持続しやすいかなと思いました。ただ、全体としては満足です。
・(30代男性) 初めてのSPA開発で、しかもオンラインでの研修だったので、不安だらけだったのですが、環境構築、コードの書き方共に、とても丁寧にわかりやすく教えていただきました。また機会がありましたら是非参加したい所存です。ありがとうございました。
・(30代男性) 初心者には難しいが、input(講義)とoutput(自身によるコード説明)を行うことで、今後のReact学習に必要な基礎知識を、1日で身に着けることができるようになったため、非常に有用な講座だったと感じている。
・(30代男性) 資料・説明ともに簡潔でわかりやすく、有意義な時間を過ごせました。有難うございました。
・(40代男性) 全体的にスピード感よく進み、全体像を理解できました。最後に、知識をチェックするコードレビューは、分かったつもりで理解できていない事が浮き彫りになって、良かったです。また、別の機会がありましたら、よろしくお願いします。
・(40代男性) 全般的に良かったです。ただ、私の知識不足、予習不足もあり、まだまだだと感じます。これをきっかけに、Reactの完全習得に向けて、勉強を続けます!
・(40代男性) 率直に、大変勉強になりました!JavaScriptが未熟なまま、udemyでReactにトライして挫折していましたが、基礎的なところから、丁寧に説明して頂き、また、TODOアプリを自分で説明できるところまで、理解を深めることが出来ました。講師の竹本さんには、大変感謝しております。
・(50代男性) 講座は大変良かったです。もし、React初見で、周りに質問できる人がいない方は、自分はおススメと思います。お値段がもう少し低く設定頂けると、リピートしやすいのですが・・・(ご検討の程お願い致します)。


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


9:55:Skypeに集合

10:00:講義開始

12:00:お昼休憩

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

※他講座同様、アウトプット+理解度確認Webテストで、
 理解して、できるまで行います。

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

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

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

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


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


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


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


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

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

※「理解」する必要はなく、「動画を観る(慣れる)」だけでイイです。
※有料動画を見る必要はありません。

「PHPアドバンススクール」 / 「就職対策セミナー」に関しては
こちらよりお気軽にお問い合わせください!
「無料PHPスクール」をご希望の方は、こちら