강의

멘토링

로드맵

BEST
Programming

/

Front-end

Yalco's Easiest React

Learn React most easily and quickly with Explanation Master YALCO's rich and dense lectures!

(4.9) 122 reviews

857 learners

  • yalco
이론 실습 모두
유튜버
JavaScript
React
Node.js
Web Application

Reviews from Early Learners

What you will learn!

  • React's core concepts and features

  • Web application operating principles, Node.js, etc., background knowledge

  • Practical knowledge and tips from final project

  • JavaScript essentials for React

🇰🇷 This course is designed for Korean-speaking learners. If you speak English, Japanese, Vietnamese, or any other language, please take the course available at the link below.

https://inf.run/FTpMS

💬 Event in progress where you can take the course at half price by leaving a comment!
Please leave a helpful comment on the YouTube video below (the free part of this lecture) (even one line is fine)
If you send a screenshot to yalco@yalco.kr , we will send you a half-price coupon.
Video link: https://youtu.be/aC55WY8jxX0

🪙 React taught by 100,000 YouTuber Yalko

React is a powerful tool that allows you to create web pages quickly and efficiently, and is loved by many companies and developers. It is a technology that you must learn if you want to become a web developer.

Yalko, a true veteran of coding content and the master of explanation, will teach you React in the easiest way on earth.

Life is short and your time is precious.

The era of coding with AI!

Now, rather than the ability to write code one by one, what is important is the ability to quickly learn the core concepts and functions of the technology being used and to decide what to instruct AI to do.

Learn all the core knowledge you need for React programming quickly and easily through condensed lectures that don't waste a single moment!

🎊 It reflects the latest features and fixes of React 19.

Features of this course

Yalko's lectures are different.

React explained by Yalko, the captain of explanation

You can learn React programming easily and quickly through examples that Yalco has painstakingly developed to explain even difficult and complex concepts in a snap.

Even for beginners in JavaScript 👌

We will explain the JavaScript grammar and concepts used in React that beginners may not know in an easy and clear manner throughout the lecture.

Rich explanation through visual aids

We present various concepts and principles that can be difficult and boring in a way that is enjoyable for the eyes through clear and colorful animations.

A video that is easy on the eyes, ears, and hands

Dialogue for every scene is provided as subtitles, and codes mentioned on the screen are highlighted. Most example codes can be viewed all on one screen.

Greenness without a single second of waste, tightly packed, thick texture

We designed it so that the running time is short by omitting the process of typing code, but subtitles and highlights are always provided so that it is not difficult to follow the video.

All practical example code provided

The sample codes for the lecture are uploaded to the Notion page. Students can gain additional knowledge by asking questions directly on the page.

Learn about these things

Important concepts in front-end development

It's important to know 'why you're learning'. From how web applications work, to the past and present of the front-end, to why React came into being, to the concept of the virtual DOM! We'll teach you easily with visual elements and analogies.

Structure and principles of React projects

You'll learn the essentials for React development, including how to build and run projects using Node.js and a bundler, concepts about test mode and deployment, and how to structure a React application.

Component Rendering Basics

Learn how to build applications with components, render desired elements using JSX, and visualize data efficiently using conditional rendering and list rendering.

Handling data and events

We will learn how to manage state using State, share data between components with Props, handle various events, and separate logic with Reducers through various examples.

Various React Hooks

You will gain the knowledge and ability to control the state and lifecycle of your application and freely use the desired functions through hooks built into React or written by the user.

Optimization, Context, Routing

You will learn how to minimize unnecessary operations, manage shared data within a desired scope as context, and handle multiple pages and parameters through routing.

Final Project

We will build a front-end application that manages a book list. By applying the concepts learned above, we will learn how each function is used in practice.
You can gain hands-on experience with practical development by sending requests to the test server provided in the lecture and reading, writing, and modifying data.

Do you have any questions?

Q. How much HTML, CSS, and JavaScript do I need to know?

If you have the basics of HTML and CSS, that's enough. Especially for CSS, you don't have to write it yourself in this lecture, the codes are already written in the examples.
The more you know about JavaScript, the better, but there are parts that those who lack grammar knowledge may find difficult, and we will explain them here and there during the lecture. Therefore, if you have learned the basics of JavaScript, you will be able to take this course without much difficulty.

Q. The entire lecture time is about 4 hours. Isn't it too short or insufficient?

Because the videos were made by removing as much as possible elements other than knowledge transfer, such as the process of typing code, the overall length is short compared to the amount of lectures. We took care to compress the amount of knowledge delivered in other general lectures that take 8 to 10 hours or more into less than half the time, while making sure that you do not have difficulty taking the class through subtitles and code highlighting in every scene.

Things to note before taking the class

Practice environment

  • Operating System: Windows, macOS

  • What to install: Node.js, code editor such as VS Code

Learning Materials

  • The format of the learning materials provided (PPT, cloud link, text, source code, assets, programs, example problems, etc.)

  • Quantity and capacity, features and notes on other learning materials, etc.

Player Knowledge and Notes

  • HTML, CSS, JavaScript Basics

Recommended for
these people

Who is this course right for?

  • All aspiring frontend developers

  • Those who have completed the basic courses in HTML, CSS, and JavaScript

  • For those who want to turn great ideas into web apps

Need to know before starting?

  • Basic knowledge of HTML, CSS, and JavaScript

Hello
This is

30,749

Learners

1,608

Reviews

93

Answers

4.9

Rating

17

Courses

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

Curriculum

All

31 lectures ∙ (4hr 10min)

Published: 
Last updated: 

Reviews

All

122 reviews

4.9

122 reviews

  • 종근님의 프로필 이미지
    종근

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    유튜브 영상의 무료 파트를 보고 군더더기 없고 쉬운 설명에 1월 강의 오픈을 기다리다 이제야 모두 수강 하였습니다. 매우 만족스럽고 도움이 많이 되는 강의였습니다. 다음 강의도 기대하겠습니다. 감사합니다.

    • 얄팍한 코딩사전
      Instructor

      강의가 도움되어드려 정말 기쁩니다! 앞으로도 더 좋은 컨텐츠 만들겠습니다. 감사합니다!

  • silverhozan님의 프로필 이미지
    silverhozan

    Reviews 8

    Average Rating 4.9

    5

    43% enrolled

    영상이랑 퀄리티가 진짜 미친듯 다른강의는 이제 못듣겠네요

    • 감사합니다! 남은 과정 중 어려운 부분 있으면 언제든 질문주세요!

  • seungtae.moon62님의 프로필 이미지
    seungtae.moon62

    Reviews 1

    Average Rating 5.0

    Edited

    5

    37% enrolled

    리액트의 핵심을 설명해줘서 가장 빠르게 습득하고 직접 개발에 적용하기 수월했어요. 타 강의에 비해 많지 않아 부담이 없고, 해당 강의만 듣고 바로 프로젝트에 투입되기 충분했습니다.

  • harbinger님의 프로필 이미지
    harbinger

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    리액트를 가벼운 책을 통해서 혼자 학습하고, 실습도 해봤지만 뭔가 답답한 것이 있어서 복습할 겸 강의를 구매했습니다. 공부했던 것들을 되새김질하면서 다시 개념을 잡았고, 코드를 입력할때도 단순하게 따라 치는게 아니라 구조를 생각하면서 입력하니까 나름 공부에 도움이 되었습니다. 나중에 리액트 중급 이상 강의도 개강하신다면 볼 의향이 있네요. 감사합니다.

    • 열심히 준비한 내용들이 도움되어드려 기쁩니다! 감사합니다!!

  • 라라올라님의 프로필 이미지
    라라올라

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    유튜브 무료편 보고 컴팩트하지만 알찬 내용이 너무 좋아. 유료파트까지 완강하게 되었습니다! 리액트로 프로젝트를 해본 경험이 있음에도 불구하고 마지막 파이널 프로젝트는 얻어갈 내용이 정말 많았습니다. 첫술에 배부를 수는 없으니 틈틈히 반복 수강해 제것으로 만들어야겠네요. 타입스크립트나 넥스트 강의도 부탁드립니다!

    • 감사합니다!! 강의가 도움되어드렸기를 바랍니다. 타입스크립트 강의도 얼른 준비하겠습니다!

$26.40

yalco's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!