강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

やるこの最も簡単なリアクト(React)

説明隊長ヤルコーの濃密な講座で、最も簡単に、最も早くReactを学びましょう!

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

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

受講後に得られること

  • リアクトの核心概念と主な機能

  • ウェブアプリケーション動作原理、Node.jsなど背景知識

  • 最終プロジェクトを通じた実務知識とコツ

  • リアクト理解に必要なジャバスクリプト知識

🇰🇷 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

💬コメントして半額で受講するイベント進行中!
下のYouTube映像(本講義の無料パート)に力になってくれるコメントをつけてくれた後(一行も大丈夫です)
yalco@yalco.krでスクリーンショットをお送りください。半額クーポンをお送りします。
ビデオリンク: https://youtu.be/aC55WY8jxX0

🪙 10万ユーチューバーヤルコが教えてくれるリアクト

リアクト(React)は、ウェブページを迅速かつ効率的に作ることができる強力なツールで、多くの企業や開発者に愛されています。

コーディングコンテンツ蒸し古人物、説明台帳ヤルコがリアクトを地球で最も簡単にお知らせします。

人生は短く、あなたの時間は大切です。

AIでコーディングする時代!

今、あなたが学んだ汗コードを書く能力ではなく、使用する技術の重要な概念と機能をすばやく習得し、AIに何をするかを決定する能力が重要です。

一瞬の無駄もない大胆な圧縮講義を通じて、リアクトプログラミングに必要なすべてのコア知識を迅速かつ簡単に習得してください!

🎓大学の電子メールアカウントをお持ちですか?

👉ヤルコ講義大学生割引

🎊リアクト19の最新の機能と修正が反映されています。

この講義の特徴

ヤルコの講義は違います。

説明隊長ヤルコが伝えるリアクト

どんな難しくて複雑な概念も知っているヤルコが苦労した例を使って、リアクトのプログラミングを簡単かつ迅速に学ぶことができます。

JavaScriptの初心者も👌

リアクトで活用されるJavaScriptの文法や概念の中で初心者が分からない部分を講義の途中で簡単かつ明快にお知らせします。

視覚資料による豊富な説明

髪が痛くて退屈な様々なコンセプトや原理を、すっきりとしたカラフルなアニメーションで目が楽しくお知らせします。

目と耳と手が快適な映像

すべてのシーンのセリフが字幕として提供され、画面上で言及されているコードは強調表示されます。

1秒の無駄もない錆びさ、ぎっしりと押し込んだおしゃれさ

コードを入力する過程が省略され、ランニングタイムが短くても、字幕とハイライトが常に提供され、映像に追いにくくないように設計しました。

すべての練習サンプルコードを提供

講義のサンプルコードはNotionページにアップロードされています。

このようなことを学びます。

フロントエンド開発の重要な概念

「なぜ学ぶのか」を知ることが大切です。

リアクトプロジェクトの構造と原理

Node.jsとバンドラーを使用してプロジェクトを構築および実行する方法、テストモードとデプロイメントの概念、リアクトアプリケーションの構成など、リアクト開発に必要な知識があります。

コンポーネントレンダリングの基礎

コンポーネントでアプリケーションを構築し、JSXを活用して必要な要素をレンダリングする方法、条件付きレンダリングとリストレンダリングを使用してデータを効率的に視覚化する方法を学びます。

データとイベントを扱う

Stateを使用して状態を管理し、Propでコンポーネント間でデータを共有する方法、さまざまなイベントを処理し、Reducerでロジックを分離する方法など、さまざまな例を参照してください。

各種リアクトフック

リアクトに組み込まれているか、ユーザーが直接作成したフックを介してアプリケーションの状態とライフサイクルを制御し、必要な機能を自在に駆使できる知識と能力を備えています。

最適化、コンテキスト、ルーティング

不要な操作を最小限に抑える方法、目的の範囲内で共有されるデータをコンテキストで管理する方法、ルーティングを通じて複数のページとパラメータを処理する方法を学びます。

ファイナルプロジェクト

本のリストを管理するフロントエンドアプリケーションを作成します。前に学んだ概念を均等に活用して、各機能が実務でどのように使用されるかを知ることができます。
レッスンが提供するテストサーバーにリクエストを送信し、データの読み取り、書き込み、変更を行うことで、実務開発を事前に体験できます。

質問がありますか?

Q. HTML、CSS、JavaScriptをどれだけ知っておくべきですか?

HTMLとCSSは基本機だけを装備すれば十分です。特にCSSの場合は、このレッスンで直接書く必要はなく、例にコードがあらかじめ書かれています。
JavaScriptの場合はよく知っているほど良いですが、文法知識が不足している方が難しくなる可能性のある部分は講義で途中で説明します。そのため、JavaScriptも基礎部分を身につけているのであれば、特に難しいことなくこの講義を受講することができます。

Q. 全体の講義時間が4時間ほどですが、短いか不足しませんか?

コードをタイプする過程など、知識伝達以外の要素を最大限に蹴って映像を制作したため、講義する分量に比べて全長は短いです。 8~10時間以上の他一般講義で伝達する分量の知識を半分以下の時間に圧縮しながらも、すべての場面での字幕とコードハイライティングを通じて受講に困難は経験しないように注意を払って作りました。

受講前の注意

練習環境

  • オペレーティングシステム:Windows、macOSすべて利用可能

  • インストールする:Node.js、VS Codeなどのコードエディタ

学習資料

  • 提供する学習資料の形式(PPT、クラウドリンク、テキスト、ソースコード、アセット、プログラム、サンプルの問題など)

  • 分量と容量、その他の学習資料の特徴や注意事項など

選手の知識と注意事項

  • HTML、CSS、JavaScriptの基本

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発者を志すすべての皆様

  • HTML, CSS, JavaScriptの基礎課程を修了された方々

  • 素晴らしいアイデアをWebアプリとして実現したい方々

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

  • HTML、CSS、JavaScriptの基礎知識

こんにちは
です。

31,596

受講生

1,723

受講レビュー

95

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

31件 ∙ (4時間 10分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

136件

4.9

136件の受講レビュー

  • 23sdf7060님의 프로필 이미지
    23sdf7060

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    YouTube の無料パートを見て、余計なものがなく簡単な説明に、1 月の講義の公開を待ち、ようやくすべて受講しました。 非常に満足のいく、とても役に立つ講義でした。 次の講義も楽しみです。ありがとうございます。

    • yalco
      知識共有者

      授業が役に立って本当に嬉しいです!これからももっと良いコンテンツを作ります。ありがとうございます!

  • silverhozan님의 프로필 이미지
    silverhozan

    受講レビュー 8

    平均評価 4.9

    5

    43% 受講後に作成

    映像とクオリティがマジでヤバいです。他の講義はもう聞けないですね。

    • yalco
      知識共有者

      ありがとうございます!残りの過程で難しい部分があればいつでも質問してください!

  • seungtaemoon625289님의 프로필 이미지
    seungtaemoon625289

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    37% 受講後に作成

    Reactの核心を説明してくれて、最も早く習得し、直接開発に適用しやすかったです。 他の講義に比べて多くないので負担がなく、該当の講義だけを聞いてすぐにプロジェクトに投入されるのに十分でした。

    • yalco
      知識共有者

      ありがとうございます!講義がお役に立てて嬉しいです!

  • harbinger님의 프로필 이미지
    harbinger

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    Reactを簡単な本で独学し、実習もしてみましたが、何か物足りない気がしたので復習も兼ねて講義を購入しました。勉強したことを反芻しながら改めて概念を掴み、コードを入力する際も単純に打ち込むのではなく構造を考えながら入力するので、それなりに勉強になりました。今後、React中級以上の講義も開講されるようでしたら受講したいと思っています。ありがとうございました。

    • yalco
      知識共有者

      一生懸命準備した内容がお役に立てて嬉しいです!ありがとうございます!

  • woojung230님의 프로필 이미지
    woojung230

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    YouTubeの無料版を見て、コンパクトながらも充実した内容がとても良かったです。有料部分まで完全に受講しました!Reactでプロジェクトをした経験があるにもかかわらず、最後のファイナルプロジェクトは学ぶべきことが本当に多かったです。最初から満腹にはなれないので、時間を見つけて繰り返し受講し、自分のものにしなければなりませんね。TypeScriptやNextの講座もお願いします!

    • yalco
      知識共有者

      ありがとうございます!!講義がお役に立てたなら幸いです。TypeScriptの講義も早く準備します!

期間限定セール

¥19

29%

¥4,290

yalcoの他の講座

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

似ている講座

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