강의

멘토링

로드맵

BEST
Programming

/

Front-end

Learning React A-Z by Following Along [Version 19 반영]

In this course, you will learn React from basic to intermediate level. This single course is designed to help you learn the concepts, practice them, and acquire most of the knowledge you need for React all at once.

(4.8) 87 reviews

2,938 learners

  • John Ahn
React
Next.js
TypeScript
TDD
Redux

Reviews from Early Learners

What you will learn!

  • React

  • Next.js

  • TypeScript

  • Automatic static site deployment

  • Docker

From React basic concepts to intermediate techniques
You can learn by creating your own app!

Learn by following
React AZ

In this course, you will learn React skills from basic to intermediate level .
Even those who are new to React can acquire most of the knowledge they need for React with just this one lecture.

I made it so that you can learn the concepts and practice in one lecture, and acquire most of the knowledge necessary for React at once. I hope that learning React, which is considered essential to become a front-end developer, will be of great help in getting a job.


Only for this lecture
Check out the benefits.

Helps with structural understanding
Diagram-centric
Easy and detailed explanation

Directly the source code
While writing
Natural repetition learning

Real world applications
Can be made
Practice-oriented lectures

Learn the basics of JavaScript
If you are a beginner developer
Anyone OK!

1-2. Step 2: Visual explanation through diagram + direct code writing!

Because it is easier to understand visually through diagrams than just listening to an explanation. Also, I think that learning through diagrams like this and then writing source code naturally has a reviewing effect.

3. Learn by doing, hands-on lectures.

First, learn the necessary concepts, and then practice to solidify the concepts.

4. Suitable for learners who know the basics of JavaScript.

If you know the basics of JavaScript, you will have no difficulty taking this course.


You will learn:

Section 1) You will learn about the concepts of React.

Section 2-3) Learn and use basic React concepts while creating a To-Do app.

Section 4-5) Learn and use more advanced concepts of React while creating a Netflix app.

Section 6-7) Learn the basics of React testing and create a simple button app through practice.

Section 8) Learn about NextJS and Typescript and create a blog app using them.

Section 9) Learn about the new features and APIs in React 18, the new version of React.

Section 10) Learn about Redux, React's representative state management library.

Section 11) Learn how to run React with Docker.


Expected Questions Q&A 💬

Q. Is this a lecture that non-majors can also take?

A. Since the lectures are given in detail from the basics, even non-majors can take the course.

Q. Why should I learn React?

A. I think learning React will be very helpful for getting a job, as it is the most used library as a front-end developer.

Q. Is there anything I need to prepare before attending the lecture?

A. It would be good to know and listen to basic JavaScript concepts.


Knowledge sharer's
Are you curious about other lectures?

32,000+ cumulative students, learn by following the web development series 📖

Recommended for
these people

Who is this course right for?

  • For those who are learning React for the first time

  • For those who want to become a front-end developer

Need to know before starting?

  • JavaScript

Hello
This is

84,375

Learners

2,706

Reviews

2,430

Answers

4.8

Rating

20

Courses

안녕하세요. 

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

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


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

Curriculum

All

162 lectures ∙ (24hr 16min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

87 reviews

4.8

87 reviews

  • lgs4002님의 프로필 이미지
    lgs4002

    Reviews 13

    Average Rating 4.3

    4

    97% enrolled

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

    • gyoue2001250810님의 프로필 이미지
      gyoue2001250810

      Reviews 5

      Average Rating 5.0

      5

      6% enrolled

      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

        Reviews 2

        Average Rating 4.0

        3

        66% enrolled

        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

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          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

            Reviews 10

            Average Rating 4.4

            3

            100% enrolled

            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.

            $42.90

            John Ahn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!