강의

멘토링

로드맵

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,277

受講生

2,702

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

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

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


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

カリキュラム

全体

162件 ∙ (24時間 16分)

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

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

受講レビュー

全体

86件

4.8

86件の受講レビュー

  • lgs4002님의 프로필 이미지
    lgs4002

    受講レビュー 13

    平均評価 4.3

    4

    97% 受講後に作成

    Unlike the React part, I felt that the Nextjs, Typescript, and Redux parts were a bit disappointing. It was a good lecture.

    • gyoue2001250810님의 프로필 이미지
      gyoue2001250810

      受講レビュー 5

      平均評価 5.0

      5

      6% 受講後に作成

      I think John Ahn's lectures are great. He provides a low lecture fee, even makes the textbook himself, and the contents are also informative. How can I take another React lecture when I can take a lecture like this, which is rich in content and affordable compared to other lectures?

      • kimpkoiw6753님의 프로필 이미지
        kimpkoiw6753

        受講レビュー 2

        平均評価 4.0

        3

        66% 受講後に作成

        There is no CSS file or code to create a banner, but it doesn't show up even when I search for the question.

        • wj7165님의 프로필 이미지
          wj7165

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          1. Lecture materials - 5 points There are many attractive GIF materials, but it is unfortunate that the GIFs are not included in the PDF, and the pictures of the parts where the pages are divided are cut off when exporting from the diagram app. ㅠ It would be good if Infraon had standards or guidelines for documents. I have seen some instructors use Hangul files.. Still, the lecture materials are perfect quality, so I give them 5 points 2. Lecture delivery - 5 points This is the first time I have left a review saying that the voice is good. It is easy to listen to. React was difficult when I used to read books or study on my own, but I learned well thanks to the kind lectures that teach important things more, and do not just roughly draw them with a drawing program, but with proper diagrams or materials. While listening to this, I got 3 other lectures recommended by an acquaintance, but after comparing them, this seems to be the best for learning React and for beginners in the front-end. 3. Lecture structure - React~TDD is 5 points, 8th and later 4 points React and testing, distribution, and automation are explained very well, but TypeScript, Next.js, and Redux are not explained in detail, which is unfortunate! It's not that the lectures are lacking, but the latter part only covers the introduction. It would be good to have an intermediate course~ 4. Overall evaluation This is a perfect lecture. The price is relatively cheap compared to the quality.

          • hnspark님의 프로필 이미지
            hnspark

            受講レビュー 10

            平均評価 4.4

            3

            100% 受講後に作成

            1. Pros The textbook and source are provided, so it's easy to review. (This is why I signed up for this course.) 2. Cons The lecture has some parts like reading the textbook, so the delivery is poor. When explaining the code, there are many cases where the code is simply read while typing. (Unfocused, time wasted when reviewing) 3. Suggestions I would like you to reduce the time for simply typing the code and reading the code, and increase the time for explaining the source. Drawo io is inconvenient to read, and I can't access it at work due to security reasons.

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

            ¥33

            23%

            ¥6,640

            John Ahnの他の講座

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

            似ている講座

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