BEST

Programming

Front-end

だれでもするリアクト: 初心者のためのreactの中心のコース

Name: だれでもするリアクト: 初心者のためのreactの中心のコース
Price: 16500 KRW

フロントエンドフレームワーク、リアクト（React）を誰でも簡単で楽しく始められるように作られた講義です。

（4.8）受講レビュー 376件

受講生 5,651名

publicvelopert0034

3시간 만에 완강할 수 있는 강의 ⏰

JavaScript

React

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

こんなことが学べます

リアクトの基礎とコアコンセプト

誰でも簡単に学ぶリアクトReact！
リアクトの基礎をしっかり固めてください。

コアをつかむ
リアクトReactチュートリアル

初心者のためのリアクトコア講義

リアクトを学びたいのですが、まだ何が何なのかよく分からないのですか？
講義を通してリアクトが何なのか、なぜ使うのか、
そしてどのように使用するかを見てみましょう！

この講義の鮮やかな受講評！ ✨

リアクト基礎から
シンプルなアプリ実装まで

_{簡単な登録簿アプリを自分で作成してみてください。}

この講義ではリアクトの基礎にあたる内容をほとんど取り上げ、最終的には登録簿アプリを作ることになり、リアクトの本質的な作動方式を理解し、リアクトの基礎を完成することになります。

リアクトをちょうど学び始める方には強くお勧めします。

💻バージョンを確認してください！

このレッスンで使用されるリアクトバージョンは16.3以降です。

✅ES6文法を一部使用します。

講義ではES6文法が一部使用されていますが、講義を進行しながらほとんどの説明をしたり、参考リンクを追加しておきました。 ES6が慣れていない方も簡単に勉強できるように講義を構成しました。

こんな方におすすめですよ👌

_{リアクト
学びたかった方}

_{Web開発を楽しく
したい方}

_{リアクトの基本
わかりたい人}

_{HTML、JSを習得
フロントエンド開発者}

知識共有者を紹介します。

キム・ミンジュン(velopert)

_{開発者のためのブログプラットフォーム、 velog開発者}

_{[ギルベット]リアクト実務技術書
＜リアクトを扱う技術＞著者}

_{YouTubeの毎晩ライブコーディング
& velopert ブログ運営}

アニメストリーミングサービスラフテルのフロントエンドエンジニアであり、リアクトが本当に好きなファンです。いつも最新動向を追いかけようと努力し、学んだことは分かれなければならないという注意を持っています。そして、ユーザーを幸せにするサービスを作ることを楽しんでいます。

こんな方に
おすすめです

学習対象は
誰でしょう？

リアクトを学びたい方
フロントエンド開発者
リアクトの基本を探してみたい方
Web開発を楽しませたい方

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

HTML
JavaScript

こんにちは
です。

24,122

受講生

523

受講レビュー

回答

4.8

講座評価

講座

カリキュラム

全体

22件 ∙ (2時間 53分)

セクション 1．リアクトとは

4件 ∙ (20分)

セクション 2．リアクトプロジェクトを始めよう

1件 ∙ (7分)

5. 本格的なリアクトコードを書く
07:00

セクション 3．JSX

2件 ∙ (17分)

6. JSXの基本文法を学ぶ(i)
10:00
7. JSXの基本文法を学ぶ(ii)
07:00

セクション 4．props と state

2件 ∙ (20分)

セクション 5．LifeCycle API

2件 ∙ (30分)

セクション 6．リアクト作業環境を直接設定する

2件 ∙ (14分)

セクション 7．入力状態管理

1件 ∙ (8分)

セクション 8．配列データのレンダリングと管理

4件 ∙ (37分)

セクション 9．最適化、活用、Ref

3件 ∙ (16分)

セクション 10．仕上げ

1件 ∙ (3分)

講座掲載日:

最終更新日:

受講レビュー

全体

376件

4.8

376件の受講レビュー

ivedot
受講レビュー 10
∙
平均評価 5.0
5
100% 受講後に作成
説明が親切ですが、あらかじめお知らせいただくブログとか学習資料リンクを知っていればあえて決済しないようです。内容は同じです。
jaeyoon48191824
受講レビュー 6
∙
平均評価 4.8
4
100% 受講後に作成
初心者のための講義らしく基礎に充実しますが、講義内容が2018～2019で現在の講義を聞くと少しずつ気をつけられる点があります。
dmdanbi0203
受講レビュー 4
∙
平均評価 5.0
5
100% 受講後に作成
短時間でリアクトの基本概念をよく整理できました。そして講師様が概念を楽しく説明してくださって勉強する中、楽しく講義を聞くことができました。リアクト入門の方におすすめです！ :)
sangwoncoco
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成
講義も基本に忠実で、何よりもサンプルコード、ブログなどの講義資料がとても良かったです。
honggasm1244
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
リアクト学習を始める時、公式リファレンスを直接見て追いつくことが負担でした。ここで基本基を学び、ラファレンスを参考にすると学習速度が非常に速いようです。本当によく見てくれてありがとう！

￥2,010

publicvelopert0034の他の講座

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

React＆Expressを使用したWebアプリケーションの開発

publicvelopert0034

Velopertが教えてくれるReactJSコースです。最近脚光を浴びるJavascriptライブラリであるReactを紹介し、使い方を教えてくれる講座です。

Basic

React

React＆Expressを使用したWebアプリケーションの開発

publicvelopert0034

似ている講座

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

金日韓のリアクト（React）開発者のための実習による入門過程

softcampus

このコースでは、リアクトを使用してフロントウェブを開発する方法を学びます。リアクトのためのJavaScriptコア文法、CDNベースリアクト開発、NPMベースリアクト開発方法を学習します。

Beginner

React, JavaScript, HTML/CSS

金日韓のリアクト（React）開発者のための実習による入門過程

softcampus

React を完全にマスターする: useHoooooook

tonextday

広くて深く、React の状態とフックを詳しく学ぶことができます。 React 公式ドキュメントの 95% 以上をカバーします。この講座で React を終了できます。

Basic

React, JavaScript, DOM

React を完全にマスターする: useHoooooook

tonextday

Javascript ES6+を正しく学ぶ - 中級

jaenam

ES6+を正しく学ぶコースは、JavascriptのES6以降の標準ECMAScript仕様について、理論に基づいてES5とは異なる点と概念と動作原理を深く見ていきます。

Intermediate

JavaScript, ES6

Javascript ES6+を正しく学ぶ - 中級

jaenam

関数型プログラミングとJavaScript ES6+

mduniv

ES6+と関数型プログラミングを学べる講義です。このコースでは、ES6+のイテラブル/イテレータ/ジェネレータプロトコルを詳細に扱い、応用します。イテラブルに基づく関数型プログラミング、map/filter/reduce、パイプライン、ジェネレータによる遅延評価、Promise合成、同時性/並列性、async/awaitと非同期エラー処理などを学ぶことができます。このコースを習得して練習して、中級のJavaScript開発者に成長しましょう！

Basic

JavaScript, Functional Programming

関数型プログラミングとJavaScript ES6+

mduniv

JavaScriptの入門者のための講義

JeongTaeHyun

JavaScriptの入門をしたいですか？それでは私の講義を選択してください。

Basic

JavaScript

JavaScriptの入門者のための講義

JeongTaeHyun

プログラミングの始め方：Web入門（Inflearnオリジナル）

inflearn

初めてプログラミングを始める方のためのWeb開発入門講座です。HTML、CSS、Javascriptを学び、Instagram投稿カードを作成することで、Webページ作成に不可欠な基本的な内容を学びます。

Beginner

HTML/CSS, JavaScript

プログラミングの始め方：Web入門（Inflearnオリジナル）

inflearn

HTML+CSS+JS ポートフォリオ実践公開(シーズン2)

codingworks

HTML+CSS+JS 実戦ポートフォリオ(シーズン2)は、中級パブリッシングで、さまざまな実戦例を学習することで、パブリッシングの中級スキルに必要な基本を習得します。特に、さまざまな実戦例と全体レスポンシブWebサイトの作成を通じて、中級パブリッシングに自信がつき、授業で作成した作品は、就職のための個人ポートフォリオとして貴重な資料になります。約38時間の十分な学習量と、実戦例を通じて中級パブリッシングのノウハウを習得するパブリッシングの授業です。

Basic

HTML/CSS, jQuery, JavaScript

HTML+CSS+JS ポートフォリオ実践公開(シーズン2)

codingworks

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

Basic

React, React Native, Hybrid App

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

Basic

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

全世界のウェブサイトで75%以上が使用しているJavaScriptライブラリ、jQuery！華麗な効果よりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用まで学習し、あなただけのポートフォリオを完成させたり、現場で即活用してみてください。

Basic

HTML/CSS, JavaScript, jQuery

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

Basic

Interactive Web, JavaScript, HTML/CSS

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

ChatGPTをクローンコーディングしながら最初から最後まで直接実装してみるフルスタック実習講義です。 Spring Bootサーバーとreactフロントエンドまで！単純にコードを真似するだけの講義ではなく、実際のサービスデプロイを通じて完成度の高いAIチャットボットサービスを構築できるようにご案内します。

Basic

JavaScript, React, Java

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

誰よりも速く学べる Springboot + React RestAPI 掲示板構築

Neo

誰よりも早く学べる Springboot + React RestAPI 掲示板作成 Springboot で CRUD サーバーを開発し、React で自分だけの掲示板を作ってみましょう！

Basic

React, Kotlin, REST API

誰よりも速く学べる Springboot + React RestAPI 掲示板構築

Neo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

Basic

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

開発者の間で通じるバイブコーディング – 実務型 (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

Intermediate

React, Next.js, cursor

開発者の間で通じるバイブコーディング – 実務型 (Cursor AI, Figma)

codecamp

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

Do it! Node.jsプログラミング入門

easyspub

Node.js+JavaScript+Express+モンゴルDBでサーバーの核心に向かって一目で売らずに走る！

Basic

Node.js, JavaScript, Express

Do it! Node.jsプログラミング入門

easyspub

クリーンアップ JavaScript: ベース構築!

tonextday

考え方を扱います。JavaScript の核心と本質を論理的に整理できます。JavaScript の経験を整理して、考え方を自分で整理できます。JavaScript の技術論理を確立できます。JavaScript 全体を見渡す視野を広げることができます。JavaScript の技術面接問題に対応できます。

Basic

JavaScript, Interview, Tech Interview

クリーンアップ JavaScript: ベース構築!

tonextday

Node.Js の活用

Egoing Lee

このコースでは、サーバー側の Javascript イン NodeJS を利用してクッキーとログイン機能を実装し、前の nodeJS コースで得た成果と合わせて完全な Web アプリケーションを作成します。

Basic

JavaScript, Node.js

Node.Js の活用

Egoing Lee

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

Basic

HTML/CSS, jQuery, JavaScript

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

だれでもするリアクト: 初心者のためのreactの中心のコース

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

こんなことが学べます

コアをつかむリアクトReactチュートリアル

この講義の鮮やかな受講評！ ✨

リアクト基礎からシンプルなアプリ実装まで

こんな方におすすめですよ👌

知識共有者を紹介します。

キム・ミンジュン(velopert)

関連講義

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

publicvelopert0034の他の講座

似ている講座

コアをつかむ
リアクトReactチュートリアル

リアクト基礎から
シンプルなアプリ実装まで

こんな方に
おすすめです

こんにちは
です。