
React、Node.js、MongoDBで作る自分だけの会社ウェブサイト:完全ガイド
dakgangjung123
React、Node.js、MongoDBを活用して、会社のウェブサイトを自ら制作する過程を学べる実践講義です。 簡単なReact、Node.jsの知識をベースに、フルスタックプロジェクトを一緒に作りましょう!
중급이상
React, Node.js, MongoDB
受講生 502名
難易度 中級以上
受講期間 無制限
学習した受講者のレビュー
5.0
한광훈
良い講座ありがとうございます。
5.0
마루
中途半端なエラーで数日間無駄にして…本当に険しい時間だったけどなんとか完成できるようになってとても嬉しいですㅜㅜ これでリアクトを通じてどのようにフロントエンドとバックエンドを作って配布までできるのか、どれくらい感覚を捉えることができるようになる時間でした。もっと勉強をたくさんしなければならないという考えだけですね…
5.0
kimkh7534
しっかりした講義ありがとうございます。
Mongo DB
エクスプレス
React
NodeJS
Redux、Redux-Saga
JWT Web Token
無限スクロール (Intersection Observer)
CKEditor5
CSS(BootStrap4)
Https(GreenLock Express)
新しい講義とロードマップがオープンしました!新しい講義は>リンク<
Dockerで開発から配布まで、Terraformでクーバーネティス運営を知りたいならゴゴ~!
新発売のNode FullStack開発ロードマップ、A~Zまでロードマップ参加時関連講義の20%割引クーポンをいたします
割引クーポンを入手> Go! <
バックエンド(サーバー)とフロント(ウェブ画面)を一人で作ることができる技術をフルスタック(Full Stack)といいます。フルスタック技術はさまざまに実装できますが、 JavaScriptを使用してバックエンド(NodeJS、Express、MongoDB)とフロント(React、Redux、Redux-Saga、Bootstrap、Ckeditor5など)を作成します。
あなたがJavaScriptで1つですべてを作ることができると思いますか? @.@
JavaScriptのフルスタック開発者になると、あなたのアイデアはすべて現実になり、収益化につながります。
おまけに!
フロントエンド開発ライブラリであるReactを学ぶと、Reactでモバイルアプリ(Android、iPhone)を作るReact Nativeまで簡単にアクセスできるという事実!
あなたの頭の中のアイデアはもはや単純な想像ではありません。
今すぐ!!!現実世界に皆さんの考えの国を広げましょう。
コーディングは私の想像を現実化させるツールです~~~ *^^*
このほか、MongoDB、Express、React、Node JS(以上 MERN Stack)、Redux、Redux-Saga、JWT Web Token、Bootstrap4を学びます。
Web開発者は基本的に自分の知識とスキルを保存するブログが必要です。
でも…ウェブ開発をしていると…まだ私の技術で作ったブログがないんですか?それでは、一度それを作ってみてください。
この講義はHTML、CSSなど入門された方を対象に作られ、比較的詳細に概念を説明しています。
あなただけのブログを作って今から育ててみてください~~~
(旗ハブ:https: //github.com/sideproject0214/blog)
サッフルの最新講義情報はblog.ssaple.comで確認してください〜
<合計63講義、815分>
セクション1(講義1、4分)
*イントロ:基本MERNスタックに関する概要と今後学ぶ技術紹介
セクション2(講義12、126分)
*Express(バックエンド)、Router、MongoDBなど基本サーバー作業
セクション3(講義47、653分)
*React、Reduxなどを活用したフロントエンド作業とこれに合わせたバックエンド作業
セクション4(講義3、32分)
*AWS Deploy ジョブ
Bonus(講義1個、 15分)
*Https(GreenLock Express)
MongoDB, Express, React, NodeJS, Redux, Redux-Saga, JWT Web Token, Infinite Scroll(Intersection Observer), CKEditor5, BootStrap4
*コンピュータ仕様:Linux、Mac、Windows
Q. 非専攻者も聞くことができますか?
A. はい当然です。なぜなら私は非専攻者として皆さんのようにインターネットで独学しました。ただ初めて入門される方なら、リアクトチュートリアル(https://ja.reactjs.org/tutorial/tutorial.html#completing-the-game)をご覧になることをお勧めします。
Q.リアクトは難しいですか?
A.リアクト自体は難しくありません。ただし、問題はリダックスなのに、リダックスから難易度が急上昇するのにリアクトが難しいという偏見も存在するのは事実です。リダックスなしで作成することもできますが、サイト規模が大きくなるほど状態管理に困難が発生するため、ほぼ必須(?)にRedux、Mobxなどを使用することになります。
この段階だけ渡せば自由自在にサイトを作ることができるのであきらめないといいです。 *^^*
Q. MERN Stackとは何ですか?
A. JavaScript言語の1つで、 M ongoDB、 E xpress、 R eact、 N odeJS( MERN )を使用してサーバー(バックエンド)、Web(フロント)をすべて作成する技術を意味します。
Q. この講義だけの特別な利点がありますか?
A. 私も皆さんのように Inflearn などインターネットで独学を行ったので、既存の講義で感じた惜しい点を補完して入門される皆さんの立場で講義を進めました。
学習対象は
誰でしょう?
Web 基本知識(HTML、CSS)をお持ちの方
JavaScript の基礎(「console.log」をご存知の方)
React, Expressの基礎をご存知の方
React To-do list を 1 つでも作成したことがある人
Web コーディングを早く学びたい方
こんにちは、サプルです
🔥2023年11月、Inflearnに新しい講座をローンチし、「何か新しいことを学んでみたい!」と思い、6ヶ月間Rustとウェブデザインにどっぷり浸かっていました。その後すぐにRust、Leptosでの開発を開始して
ついに…! Rust + Leptos + SQLx + Postgres + Docker + GCloud Run このスタックで作ったウェブサービスを2年越しに完成させました。
最近のReactはサーバーコンポーネントの流れに向かっていますが、Leptosは誕生当初から最新のウェブトレンドを反映したRust + WASMベースのフルスタックフレームワークであるため、初期からサーバーコンポーネント構造の形式で開発することができました。
2023年にColini Web開発ガイド、Node Fullstack開発ガイド、Terraform開発ガイドの3つの講義を制作した時から、「価値ある情報を5分以内に伝える」というコンセプトで運営されるプラットフォームを構想していたため、当時リリースした講義はすべて5分以内に編集して公開しました。
これからの私の開発の旅はRustへと続く予定であり、講義や情報の共有もRustで行っていく予定です。
[講義部分]
既存の講義に対する不必要な支出を減らすため、https://5min24.comにて1講義あたり100〜200円で提供されており、全講義を購入する必要がなく、必要な部分だけを選択して受講できるため、より経済的に学習いただけます。
そして〜!!! コンテンツクリエイターを募集しています。
自分が学習した内容を他人に伝えてみると、その知識に対する理解度も大幅に向上します。
私のプラットフォームは、講座全体の完成版ではなく、1つずつ販売可能な構造になっているため、
学んだ知識を他人に伝える練習を https://5min24.com でやってみることをお勧めします。
これを通じて理解度を高め、コーヒー代も稼げたらいいのではないでしょうか?
動画以外にもブログ形式で記事ごとに販売可能ですので、ぜひたくさんご利用ください~~
最後に〜!!
プラットフォームのオープン初期につき、大きな特典を提供中です
- 6ヶ月間、有料販売収益(税引き後)の90%を精算
- 初期クリエイター50名:画面最上部広告5枠 + カード広告露出を6ヶ月間無料
気軽に一度アップして、反応だけでも一緒に見てみましょう〜!!!
全体
66件 ∙ (13時間 52分)
1. (01) Intro
04:09
9. (09) Router(1)
18:25
10. (10) Router(2)
06:02
11. (11) UserRoutes
18:52
13. (13) Auth Routes
13:58
17. (17) ルーター基本設定
17:36
18. (18) フーター
11:55
19. (19) Header(1)
09:18
20. (20) Header(2)
13:47
27. (27) UserLoading
14:54
29. (29) Router
15:37
35. (35) AWS Setting
05:58
40. (40) Post Route
14:36
47. (47) コメント 佐賀
21:54
48. (48) コメントフロント
26:43
49. (49) Post Delete
11:08
54. (53) Category(1)
14:15
55. (54) Category(2)
10:00
56. (55) Category(3)
05:14
57. (56) 検索
21:36
58. (57) Profile(1)
14:16
59. (58) Profile(2)
21:40
全体
33件
4.1
33件の受講レビュー
受講レビュー 15
∙
平均評価 4.9
受講レビュー 2
∙
平均評価 5.0
受講レビュー 22
∙
平均評価 3.4
受講レビュー 4
∙
平均評価 4.8
受講レビュー 1
∙
平均評価 2.0
2
HTML、CSS、JavaScriptの基本だけになっても絶対にわかりません。 無条件M、E、R、Nを一度ずつでも勉強して聞くのがいいようです。 この講義を始めて30%が過ぎて後悔しますが、講義を聞いてME R Nを別の講義をもう一度聞かなければならないようです。
リアクトがリダックス部分で突然ランニングカーブ(難易度)が急上昇し、おそらく困難を経験していると判断されます。リダックス出る前だけでもリアクトはあまり難しくないんですよ…。 すみません。私が初めて講義してみると、最初にすべてを込めようとすると副作用があるようです。現在私が企画しているクーバーネティスショッピングモール講義が終わったら初心者のための入門講義を作らなければなりませんね。 私は個人的にいくつかの入門講義のもとに現在の講義を企画したのですから…こんなに難しいかわからなかったんですね…個人的な不札は初心者から接近可能な講義を企画できなかったんですね。 ㅠㅠ 今後無料講義(?) Html、Css講義を(補足資料を含む、忠実にします…私も今回の講義を通じて受講生の方が講義要約資料をたくさん欲しいという初めて感じましたね…ㅜㅜ)作り、皆さんが入門簡単な講義を作らなければならないという使命感を感じ、月曜日の夜を終えようとするします。 講義の不足の猛烈さを解き放ち、私の受講生の方々に(もちろん必要はありませんが…。) Html、cssを利用した講義を差し上げようと約束しながら…この夜を締めくくります。 ㅠㅠ年末になって仕事が忙しいですね。 ㅠㅠ ps。おすすめ講義コース: Html、css学習後 -> JavaScriptの基礎講義 ->リアクトで todolist を作成する これ以上やってみることをおすすめします。上記の講義コースはほとんど無料講義があります。インフラにも無料講義が多いので学習してみることをお勧めします。 ps2。ちなみに私もリアクトを学ぶ時、リダックス部分がとても難しく、純粋なリアクトでのみstate管理 -> graphql -> vue ->を学びましたが…結局は…振り返ってリダックスに戻りましたよ… リダックス知るだけで、ウェブサイトを作るのは本当に簡単で面白いです。
MERN stackに興味を持っているので、CappleのMERN stack講義を購入し続けます。ぜひ初級講義をお寄せいただきありがとうございます。お待ちしております!
同じ分野の他の講座を見てみましょう!