강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

手を動かしながら学ぶReact A to Z [19バージョン反映]

この講義を通して、Reactの基礎から中級までを学ぶことができます。一つの講義で概念を理解し、実習を通して、Reactに必要なほとんどの知識を一度に習得できるように構成されています。

  • John Ahn
React
Next.js
TypeScript
TDD
Redux

学習した受講者のレビュー

受講後に得られること

  • リアクト

  • Next.js

  • タイプスクリプト

  • 静的サイト自動デプロイ

  • Docker

リアクト基礎概念から中級技術まで
自分でアプリを作ってみて学べます!

フォローして学ぶ
リアクトAZ

この講義を通じて、リアクト基礎から中級までの技術を習得できます。
リアクトに初めて接する人もこの川の一つでリアクトに必要なほとんどの知識を習得することができます。

一つの講義で概念も身につけて実習もし、リアクトのために必要なほとんどの知識を一度に習得できるようにしました。フロントエンド開発者になるために必須のように思われるリアクトを学び、就職に多くの助けになれば幸いです。


この講義だけ
利点を確認してください。

構造的理解を助ける
図表中心
簡単で詳細な説明

直接ソースコード
作成しながら
自然な繰り返し学習

実際のアプリケーション
作ることができる
実習中心講義

JavaScriptの基礎を築いた
初心者の開発者なら
誰でもOK!

1-2.図表による視覚的説明+直接コード作成の2段階!

図表を通して視覚的に見たときに、ただ説明を聞くだけでより理解が良くなるからです。また、このように図表を通して学習した後、ソースコードを作成するので、自然に復習する効果が現れると思います。

3. フォローして学び、実習中心の講義。

まず、必要な概念を身につけた後、実習を通じて概念をより確実にします。

4. JavaScriptの基礎を知っている学習者に適しています。

JavaScriptの基礎を知っていれば、この講義を聞くのに難なく聞くことができます。


次の内容を学習します。

セクション1)リアクトの概念について学びます。

セクション2-3) To-Doアプリを作成し、リアクトの基本概念を学び、試してみます。

セクション4-5) Netflixアプリを作成し、リアクトのより深刻な概念を学び、試してみます。

セクション6-7)リアクトテストの基本的な部分は学び、練習で簡単なボタンアプリを作成します。

セクション8) NextJSとTypescriptについて学び、両方を使ったブログアプリを作成します。

セクション9)リアクトの新しいバージョンであるReact 18バージョンで新機能とAPIについて学びます。

セクション10)リアクトの代表的な状態管理ライブラリであるRedoxについて学びます。

セクション11)ドッカーでリアクトを実行する方法を学びます。


予想される質問 Q&A 💬

Q. 非専攻者も聞ける講義ですか?

A. 基礎から詳しく講義するので、非専攻者も聞くことができます。

Q. なぜリアクトを学ぶべきですか?

A. フロントエンド開発者として最もよく使われるライブラリであるため、リアクトを学ぶことが就職に多くの役に立つと考えられます。

Q. 講義を聞く前に準備すべきことはありますか?

A.基本的なJavaScriptの概念を知って聞くことをお勧めします。


知識共有者の
他の講義が気になったら?

累積受講生32,000+人、フォローして学ぶウェブ開発シリーズ📖

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Reactを初めて学ぶ方

  • フロントエンドエンジニアになりたい方

前提知識、
必要でしょうか?

  • JavaScript

こんにちは
です。

84,925

受講生

2,746

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

カリキュラム

全体

162件 ∙ (24時間 16分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

91件

4.8

91件の受講レビュー

  • lgs4002님의 프로필 이미지
    lgs4002

    受講レビュー 15

    平均評価 4.3

    4

    97% 受講後に作成

    React部分とは異なり、Nextjs、Typescript、Redux部分が少し残念だと思いました。良い講義でした。

    • gyoue2001250810님의 프로필 이미지
      gyoue2001250810

      受講レビュー 5

      平均評価 5.0

      5

      6% 受講後に作成

      john ahnさんの講義はすごいと思います。安い講義費用に教材まで手作り提供していただき、contentsも知ります。他講義に比べて内容も豊富なのに価格も優しいこんな講義を置いてどう違うリアクト講義を聞きますか

      • kimpkoiw6753님의 프로필 이미지
        kimpkoiw6753

        受講レビュー 2

        平均評価 4.0

        3

        66% 受講後に作成

        バナーの作成にcssファイルがなくコードもありませんが、質問を検索しても問題ありません。

        • wj7165님의 프로필 이미지
          wj7165

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          1. 講義資料 - 5点 切れるGIF資料が多いのですが、PDFにGIFが含まれない点、diagramアプリでexport時にページ分割される部分の写真が切り取られる点は残念ですㅠ インフラストラクチャにドキュメント関連の標準やガイドラインもあれば良いと思います。ある講師分はハングルファイルにするのも見たことあるから。 それでも講義資料のクオリティが満点だから5点 2.講義伝達力 - 5点 声良いという評は初めて残します。聞きやすいです。 リアクトはかつて本で見たり独学したときは難しかったが、 難しいことは重要なことをもっと教えてくれ、絵版で大体描くのではなく、しっかりとした図や資料と一緒に親切に講義してくださっておかげでよく学びました。 これを聞いて知人に他の講義も3つオススメされていましたが、比較してみるとリアクトを学ぶには、フロントエンド入門者にはこれが最高のようです。 3. 講義構成 - リアクト~TDDは5点、8強から4点 リアクトとテスト、配布、自動化まではとてもよく教えてくれましたが、TypeScript、Next.js、Redoxはそれほど詳しく教えてくれないのが残念です!講義が足りないのではなく、後半パートは入門までだけ教えてくれてそうです。中級講座もあればいいと思います〜 4. 総評 満点の講義です。クオリティに比べて価格がやや安い方です。

          • hnspark님의 프로필 이미지
            hnspark

            受講レビュー 11

            平均評価 4.5

            3

            100% 受講後に作成

            1. 利点 教材とソースが用意されており、復習することをお勧めします。 (私がこの講義を申請した理由です。) 2.短所 講義が教材読書のような部分があり、伝達力が落ちます。 コード 説明するとき、タイピングしながらコードを単に読むことが多いです。 (集中できない、復習時の時間の無駄) 3.提案 単純なコードの入力、コードの読み込み時間を短縮し、ソースの説明時間を増やしてもらいたいと思います。 drawo io は読みにくく、セキュリティのため会社からの接続もできません。

            期間限定セール、あと5日日で終了

            ¥4,961

            28%

            ¥6,910

            John Ahnの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!