
フォローして学ぶHTML、CSS
John Ahn
このレッスンを通して、HTML、CSSの基礎を固めることができます。
入門
HTML/CSS
このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。
受講生 997名
難易度 初級
受講期間 無制限

学習した受講者のレビュー
5.0
hi2177
講義いいね
5.0
dev.jun28
良い講義ありがとうございます。
5.0
이은영
最新のtypescript講義を聞くことができてとても良かったです 細かく教えてくれて最後まで完成できましたありがとうございます
リアクト
タイプスクリプト
PostgreSQL
ドッカー
NextJS
展開
NextJS、Typescript、ExpressJS、Postgres
最もホットなフルスタックの組み合わせでRedditをクローンコーディング! 👨💻
この講義では?
世界的なコミュニティ、レディットサイト
最初から一緒に作ってみます。
最近、JavaScriptスタックで最もよく使われるフルスタックの組み合わせであるNextJS Typescript ExpressJS Postgresの組み合わせで、ある程度複雑なアプリケーションを最初から一緒に作ってみることになり、フルスタック開発に自信を持てるようにこの講義を作ることになりました。
このレッスンの特徴は、すべてのソースコードを最初から1つずつ追いながら学習できることです。ソースコードを1行ずつ説明し、その後にコーディングを一緒に始めて何度も繰り返し学習をするようになります。実習中心の講義ですが、混乱したり難しい概念は深く学習して進むことになります。すべての部分は、図表を通してできるだけ視覚的に理解できるように努めました。
レディットサイトを作成するとき、フロントエンド部分はリアクトのNextJSを使用し、
バックエンド部分はNodeJSとExpressJSを使用します。どちらの部分も言語はタイプスクリプトを使用します。データベースはPostgreSQLを利用し、TypeORMを利用して制御することになります。
セクション1
全体的な構造を作る
フロントエンドとバックエンド、データベースを使用できるように準備します。
セクション2
エンティティを作成する
アプリケーションで必要なデータを生成するために各Entityを生成します。
セクション3
会員登録、ログイン
会員登録とログインページを作成し、ユーザーに関するデータはReact Contextを利用して処理します。
セクション4
コミュニティを作成する
コミュニティ作成ページ、コミュニティ作成、画像アップロードなどを実装します。
セクション5
ポストページを作成する
各コミュニティに含まれる投稿を作成し、投稿ページを作成します。
セクション6
コメントと投票機能を実装する
コメントと投票機能を実装します。
セクション7
無限スクロールとユーザーページの作成
useSWRInfiniteとIntersection observerを利用した
無限スクロール機能を実装してユーザーページを生成します。
セクション8
アプリケーションのデプロイ
EC2インスタンスを使用して、これまでに作成したアプリケーションをデプロイします。
累積受講生 50,000+人、フォローして学ぶウェブ開発シリーズ
学習対象は
誰でしょう?
JavaScriptでフルスタックアプリを作成したい人
楽しく勉強したい人
前提知識、
必要でしょうか?
JavaScript
リアクトJS
ノードJS
85,371
受講生
2,778
受講レビュー
2,430
回答
4.8
講座評価
20
講座
こんにちは。
楽しく開発している開発者です。
これから多くの力になれることを願っています。
- 「作って学ぶDockerとCI環境」著者
- カカオ新卒採用FE教育担当
- Fast Campus、goorm 講師
- 現代自動車 開発企業研修
- 新韓銀行メタバース、Korbit Town フルスタック開発
- 多数の公共機関SNS フルスタック開発
全体
103件 ∙ (17時間 39分)
講座資料(こうぎしりょう):
全体
19件
4.1
19件の受講レビュー
受講レビュー 9
∙
平均評価 4.8
4
私は仕事では使用しません。 ノード、リアクト、ドッカー、aws配布などに気になることや関心があり、講座を聞くことにしました。 講座教材もよく整理されており、毎講義ごとに時間も長くなくて講義のために実装することもよく、説明もよくしていただいてよかったです。 ところで、ちょっと残念なのは、配布する部分でちょっと迷ってしまい、やっと配布しましたね ドッカー、awsに配布すること.. この2つがゲルに慣れていない部分なので、最も講座を通して経験してみようと思った部分なのに 前半では、画面実装では詳しく説明されていました。 配布部分では講座教材と映像部分がたくさん残念でした。 全体的に基本概念を握って実装していくのに十分良い講座だと思います!
受講レビュー 3
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
¥5,596