![[1日10分| C++] 誰でも簡単に学ぶC++プログラミング入門강의 썸네일](https://cdn.inflearn.com/public/courses/326363/cover/2ec65ea9-9e63-4931-94b2-f6ff9fd9280c?f=avif&w=420)
[1日10分| C++] 誰でも簡単に学ぶC++プログラミング入門
pandacoding
プログラミング入門者のための 'C++'講座です
입문
C++
BEST
MERN STACK コミュニティ: 開始から配布まで通知するReact
MERN Stackを活用してコミュニティアプリケーションを制作、配布します。 (MongoDB、Express、React、Node + Firebase)
学習した受講者のレビュー
こんなことが学べます
React
Express
MongoDB(モンゴーズ)
Firebase (Authentication)
AWS E3 (Naver Cloud Service)
MERN Stackで学ぶフルスタックWebプログラミング！
MongoDB、Express、React、Node.js
コミュニティサイトの制作 (feat. Firebase)
- ✅ MERN Stackを活用してコミュニティ型ウェブサイトを開発します。
- ✅ Front-endとBack-endのすべての知識を扱い、完成したWEB/APP制作を目指します。
本講義で扱う技術
React
(リアクト)
Express
(エクスプレス)
MongoDB/Mongoose
(モンゴルDB/マングース)
Firebase
(ファイアベース)
ところで、 Reactとは何ですか？ ✨
ReactはFacebookで作成されたJavaScriptライブラリです。
Vue.js、Angularなど、今日私たちが利用できる多くのJavascript Framework / Libraryがあるにもかかわらず、ReactはFront-endの世界で最も人気があり、開発者が最も探しているオプションの1つです。
Reactの特徴
1️⃣ JSX
Javascript XMLとして、XML/HTMLと同じ文法です。 HTMLに似たコードをJS内で動作させることができます。これは、ブラウザが読み取り可能なJSに最適化されてレンダリングされるため、通常のJSよりもはるかに高速です。
2️⃣ Virtual DOM
2013年以前は、WebサイトまたはWebページが新しいデータをユーザーに表示するには、常に更新を使用する必要がありました。ただし、Reactは必要な部分だけがデータが変わる部分だけを新しく表示し、Webページを再レンダリングする必要はありません。これは、ユーザーがアプリと同様の経験をReact WEB / APPで提供できることを意味します！
川の一つに
MERN Stackを捕まえた！
#1.
React
投稿、会員登録など、さまざまなコンポーネントを作成し、コミュニティサイトに必要なすべての機能を実装します。必要に応じてHookをコンポーネントサイクルに合わせて提供し、UserサービスはFirebaseを使用して迅速に開発し、Reduxを使用して管理されます。
#2.
Express
ExpressでWebサーバーを作成し、Reactで作成したアプリを表示します。クライアント側で送信されるテキスト/画像データをDB、またはサーバーに保存します。このレッスンでは、Naver Cloudを使用して外部ストレージに画像を保存する方法も学習します。
#3.
MongoDB /
Mongoose
NoSQL DBであるMongoDBをMongooseで管理します。投稿情報とユーザー情報をDBに保存、読み取り、変更、削除するCRUDプロセスについて学びます。このプロセスでは、Mongooseを使用してMongoDBからモデルを作成し、そのモデルをさまざまなメソッドとして扱います。
#4.
React-Bootstrap、
Emotion
すばやくUI / UXを完成できるReact-Bootstrapをプロジェクトに導入し、必要に応じてSASSベースのスタイリングライブラリであるEmotionを活用してウェブサイトデザインを制作します。
私はこの講義
聞くことができますか？ 🙋♂️
もしプログラミングに入門しながら、自分だけのウェブサイトを直接配布まで経験したいことはありませんでしたか？今回の講義はフロントエンドとバックエンドの領域の両方を扱うので、講義に従うだけであなただけのウェブサイトを作ることができます。
Q. この講義を通じてウェブ開発に入門できますか？
今回の講義で使用するすべてのスタックは、その技術に初めて接する人々を対象に講義内容が企画されました。そのため、その技術に関する知識がなくても講義を受講するのに大きな支障がないように十分な説明が行われますが、HTML/JS/CSSなど基礎的なウェブ開発の知識がなければ、やや難しいかもしれません。 （選手の知識をぜひご確認ください！）
Q. 私はフロントエンド（バックエンド）しか経験がないのに大丈夫でしょうか？
コミュニティウェブサイトの制作に必要な部分だけを効率的に学習し、新しい技術スタックを使用するたびに「なぜこの技術を使用するのか」、「この技術はどのように使用するのか」などの情報を講義の内部に十分に溶かしました。基本的にReactがメインの講義ですが、ウェブサイトの全体的な流れを捉えることができるので、どんな方向の開発者を希望しても自信を持ってお勧めできそうです。
Q. このレッスンで MERN Stack をすべてマスターできますか？
いいえ。この講義は、フレームワーク、あるいはライブラリを導入してウェブサイトを初めて開発する人のレベルで難易度が設定されているため、スタック別秒/中級程度の内容を扱います。今回の講義を通じて本人のウェブ適性を確認するのも一つの良い方法になりそうです。
Q. どの程度の選手知識が必要でしょうか？
この記事を見てみると良いと思います。基本的にJavaScriptのData型と(配列とオブジェクトを含む)、ユーザー定義関数の宣言と使用度合いの知識があれば大きな支障がないようです。
こんな方に
おすすめです
学習対象は
誰でしょう？
Reactを使って完成したウェブサイトを開発したい人
BackEndの知識が不足してプロジェクトの実装が難しい人
本人だけのサイトを直接配布してみたい人
前提知識、
必要でしょうか？
HTML/CSS
JavaScript
カリキュラム
全体
49件 ∙ (6時間 45分)
講座資料（こうぎしりょう）:
授業資料
1. Introduction
02:59
2. MEAN Stack
06:40
3. 設定
02:14
4. Create-React-App
04:31
5. Component
11:09
6. JSX
11:42
7. useState(1)
08:01
8. useState(2)
06:21
9. useState(3)
07:50
10. react-router-dom
10:06
11. props
06:24
12. useEffect
06:52
13. Express
12:10
14. MongoDB
08:45
15. axios & cors
11:42
16. Mongoose Model
08:13
17. React Bootstrap
06:55
18. Emotion
13:47
講座掲載日:
最終更新日:
受講レビュー
全体
27件
4.7
27件の受講レビュー
- coookieee995538
受講レビュー 1
∙
平均評価 5.0
5
12% 受講後に作成講義はとてもお得で、簡単に教えてくれます！ インフラで他の講義、これをたくさん受講してみましたが、 レビュー初めて見てくれるほど満足度高い講義です！ 細かくAtoZ扱ってくれるのも良かったし、 少し理解しやすいポイントをよく手に入れてくれたと思います。 実は非専攻者として開発を学ぶのはやっぱりしたが、きちんとした説明がとても良いです。 最近、複数のWebサイトで活用するreactライブラリを使用しています。 実務でも大いに役立つと思いました！ react 興味のある方 この講義を一度聞くととてもきれいに理解されると思います :) パンダコーディング良い講義ありがとうございます！他の講義も早く出してください！
- pandacoding知識共有者
ありがとう:) - 最初に受講評を残してくれましたね、ありがとうございます:) 私も非専攻者の立場でコーディングを入門し、現在開発者として働いています。コーディングを学び、最も重要なことの1つは、コーディングに関連する興味を失うことはないと思います。そういう意味では、単純な文法の説明とリストの講義を脱皮しようと、たくさん苦労しました。今後もコーディングに興味を失わないように努めてまいります。
geonu1101受講レビュー 4
∙
平均評価 4.8
4
71% 受講後に作成Reactとnodeを一度ずつ扱った後、講義受講しました。 全体的に、以前に学んだ内容を見て思い出させるのに良かったし、 react と node をどのようにつなげて扱うかを終えました。 ただ残念だった点は講師様のideにフォントが小さすぎて私のタブレットで講義を見ると読みやすさが良くなかったし 短い授業で多様に全般的に取り上げてみようと思ったら、reduxパートはコードが全く理解できず、以前に見た講義をもう一度追ってみました。 Amazon S3を使用することがネイバークラウドを利用することだとは事実知りませんでした。これは私のせいです。 最後には質問を投稿しても答えが2週間で来ていません。講師様が忙しいのかㅠㅠ。 それでも、全体的にフロント、バックエンド、db、外部リポジトリをどのように使用するのか、大きな写真を撮ることができてよかったです。
- pandacoding知識共有者
ありがとう:)
- qlsnaos12
受講レビュー 4
∙
平均評価 5.0
5
100% 受講後に作成スピードが少し速いですが大丈夫です何度も聞けばいいですよ~~ もう30%少し渡したのですが面白いですよ〜 ビューで開発してリアクトしてみようと怖かったのに講師様のおかげで面白かったですよ！ //追加 とても忙しくて最後まで聞くのに時間がかなり長かったですねㅜㅜ得ていくのが多すぎてどう感謝したいのかわかりません！ウェブ開発がどのように進行するのか、大きな絵をつかむには良かったし、まだたくさん足りない部分を知ることになったので、その部分は私が別にプロジェクト進行しながらさらに勉強していくつもりです。ありがとうございます〜
- pandacoding知識共有者
ありがとう:)
- copperhun5642
受講レビュー 1
∙
平均評価 5.0
5
94% 受講後に作成進行速度も早くてちょっと苦手です。しかし、バックエンド部分はとても役に立つと思います。 初心者でも見えるようだ。何度も何度も見る予定
- pandacoding知識共有者
ありがとう:)
- rgc05824542
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成期待していたよりも、いろいろなことを学べたようです。 単にデータベースと技術スタックの使い方だけではなく、応用する方法を学ぶことができました。 作成方法の違いにより、さまざまな改善点を確認することができました。
- pandacoding知識共有者
ありがとうございます:) - 申し訳ありませんが、私は答えが遅いです！
￥4,539
pandacodingの他の講座
知識共有者の他の講座を見てみましょう！
![[1日10分| Web-App]生涯初のWebフレームワークRuby on Rails강의 썸네일](https://cdn.inflearn.com/public/courses/327534/cover/33cd6f1f-38f5-431d-826e-6f46141c5dc3/327534-eng.jpg?f=avif&w=420)
![[1日10分|GA] Google Analytics（GA）レポートを見る강의 썸네일](https://cdn.inflearn.com/public/courses/326643/cover/b81f669a-4a30-4608-abf8-1284e176d738/326643.jpg?f=avif&w=420)
![[一日10分|Web Project] HTML/JS/CSSで自分だけの心理テストサイトを作る강의 썸네일](https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=avif&w=420)
似ている講座
同じ分野の他の講座を見てみましょう！
![[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで강의 썸네일](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?f=avif&w=420)
![Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]강의 썸네일](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?f=avif&w=420)
![GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
