JavaScript：基礎から本番までのオールインワン
codingnuna10082706
JavaScriptの基礎講義、応用講義、ポートフォリオ専用講義を別々に探すのではなく、講義ひとつでJavaScriptの基礎から現業が書く様々な応用技術、ポートフォリオまですべて終わりたい方のための講義です。
Basic
JavaScript, HTML/CSS
BEST
(2025 最新アップデート) React: フロントエンドエンジニアへの最後のステップ
フロントエンドエンジニアを目指す方にとって必須のReactを学び、ポートフォリオプロジェクトまで作成できます。
学習した受講者のレビュー
受講後に得られること
React (router, lifecycle, state ...)
Redux（Reduxミドルウェア）
Zustand 状態管理
Tanstack Query（非同期呼び出し管理）
React Router
2025年の新アップデート！😄
退屈する隙間のない蜂蜜ジャムリアクト講義！
私の講義へようこそ！
こんにちは、コーディングを知らせる姉です！
ついにJavaScriptの講義に続き、リアクトの講義が出ました。
フロントエンド開発者を準備する方々👨💻または一番ホットな🔥フレームワークであるリアクトを学びたい方のために出てきた講義です。
多くの会社がリアクトを使用していますが、それほどフロントエンドの開発者にとってリアクトは必須条件になりました。
しかし、皆さんが意志と努力だけを持ってきてくれたら、残りは私がガイドしていきます😉
ちょっと待って！この講義は基本的にJavaScriptの理解が必要です。
もしJavaScriptを知らない方は<JavaScript：基礎から本番までオールインワン>講義を確認してください！
何を学びますか？
リアクト
フロントエンド開発で最もよく使われるリアクト！
フロントエンド開発者になるための必須リアクトコンセプト
さまざまな例で学びます。
状態管理ライブラリ
現業で最もよく使われる状態管理ライブラリであるZustandとReduxの両方を学びます！
（両方とも学ぶのはここが唯一？）
Tanstack Query
APIを呼び出す最も有名なライブラリであるTanstack Queryを使用して、非同期呼び出しを効率的に処理する方法を学びます。
（Zustandと使うと最もトレンディな組み合わせ！）
リアクトライブラリ
リアクト開発の際によく使われる様々なリアクトライブラリを全て！
さらに、どのように自分で選択して使用するかまで！
自分で解決する能力
コードを単純に追いつくのではなく、
多様な課題を通じて自ら開発していく能力を育てます
5つのプロジェクト
一つを学んでも面白くてストールに！
ネットフリックス、ショッピングモール、はさみロックゲームなどリアクトの核心コンセプトを盛り込んだ
5つのプロジェクトを進めます。
自分で作って学ぶ
5つのコアプロジェクト！
最初のプロジェクト：はさみロックゲーム
2番目のプロジェクト：天気アプリを作成する
3番目のプロジェクト：ショッピングモールのウェブサイトを作る
4番目のプロジェクト：連絡先ページを作成する
最後のプロジェクト：Netflixの作成
こんな方におすすめです！
- 退屈なコーディング講義が嫌いな方：開発者だけが聞くことができる難しい説明はNO！
- フロントエンド開発者になりたい人：HTML / CSS JavaScriptは知っていますが、フロントエンド開発者になるために何が必要かわからない人
- 作りながら学びたい方：一方的に聞くだけ聞く講義ではなく、実際に試すことができる様々な問題や課題を通じて自分で作りながら学ぶことを楽しむ方
講義が終わった後、
こんな姿が期待できますよ。
リアクトを使ったプロジェクトを自分で作ることができる
最近最もトレンディな組み合わせであるZustand + TanstackQueryで状態管理+非同期呼出管理
5つのプロジェクトによる実戦開発能力UP！
知識共有者
コーディングを教えてくれるお姉さん✒️
- 🚀海外ブートキャンプ講師として2年間勤務し、100人を超えるドアや学生を教えた経験に基づいて、皆さんに最適なティーチング方法で知識を伝えます。
- 🧐 Web開発者として6年間勤務し、檀国大学コンピュータ工学と上級卒業をしました。
- ✨コーディング教えてくれる姉妹YouTubeチャンネルを運営してコーディングを学びたい方のための無料クラスと情報を分けています。
平均星印5.0★ のレビューが証明されています。
入社3ヶ月目初級開発者です。
面白すぎる、退屈な授業がこんなに楽しくなるなんて初心者に見ればすぐに理解になります😊😊
頑強まで簡単かつ迅速に勉強できました:)
入社初級開発者なのにとても楽しく修了しました。
JavaScript：基礎から本番までオールインワン講義に残してくれた受講評判です💌
予想される質問 Q&A 💬
Q.講義をより質問ができました！
姉が運営するスラックチャンネルからいつでも楽に来て質問してください！
Q. 1:1のコーチングも受講料に含まれていますか？
A. 該当受講料には個人コーチングの価格は含まれていません 😣 でも受講中に質問がありましたら、いつでもスラックコミュニティをご利用ください！
こんな方に
おすすめです
学習対象は
誰でしょう？
JavaScript の基本的な知識がある人
フロントエンドエンジニアを志望する人
素敵なポートフォリオを作りたい人
前提知識、
必要でしょうか？
JavaScript
カリキュラム
全体
119件 ∙ (17時間 46分)
9. 1. ゲーム紹介
05:45
10. 2. ボックス作り
09:17
11. 3. アイテムを選択する
07:00
14. 6. ゲームの勝者を決めよう
13:52
講座掲載日:
最終更新日:
受講レビュー
全体
36件
4.7
36件の受講レビュー
105k受講レビュー 24
∙
平均評価 4.9
5
100% 受講後に作成数百万ウォンの3ヶ月のブートキャンプよりもはるかに良く、基本的にしっかりと握ってください。 そしてReduxが理解できなかったのですが、ここで概念すべてを捉えました。 \(❁´◡`❁)/ 残念なことは特にありませんが、本当にあえて〜〜 1. styled-componentsではなくCSS 2. reduxのアップデートと推奨事項（本当の問題はありません。 3. [サッと初心者基準] すべて教えてくれる講義ではない → 残りの機能本人が作らなければならない（ちょっと多い） → 返信 旗ハブ 参考できない（特に、初心者なら！ 私は私の方法で（関数型バージョン＆推奨ライブラリを使用せず、元々使用していたライブラリを使用＆モバイルレスポンス＆プライベートポートフォリオ）機能をすべて作成しましたが、ヘディングされる方ならオススメ..! ✨ただし、このような場合は別の講義を見てください。 （リアクトサット初心者基準）✨ 1. 私は最初から一緒に従いながらやろうとしましたが？ 2. 私は答えを見ながら分析しなければわかりませんか？
- codingnuna10082706知識共有者
こんにちは最後の課題を除いては各プロジェクトごとに完全な完成プロジェクトの旗ハブリンクがあり、コード参照可能です！
- yhu53258333
受講レビュー 2
∙
平均評価 5.0
- hght123007
受講レビュー 1
∙
平均評価 4.0
4
100% 受講後に作成私はRedoxの講義を見ていますが、私は現在やっているとは少し違うと思います...講義に出てきたようにしました
- codingnuna10082706知識共有者
こんにちは！ redux toolkit講義も一緒に更新しました！
- e89cokr5994
受講レビュー 13
∙
平均評価 5.0
- kdjsanh02173667
受講レビュー 3
∙
平均評価 5.0
￥19,397
codingnuna10082706の他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![Slack クローン コーディング [React を使用したリアルタイム チャット]Course Thumbnail](https://cdn.inflearn.com/public/courses/326673/cover/e430860b-4ad4-4b01-b4c7-64dccfc64b3a?f=avif&w=420)
![[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[リニューアル] ReactでNodeBird SNSを作成するCourse Thumbnail](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
![フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]Course Thumbnail](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
