강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

VueでNodebird SNSを作成する

VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

  • zerocho
Vue.js
Node.js
AWS
MySQL
Vuex

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

こんなことが学べます

  • Vue

  • Nuxt

  • Vuex

  • Vuetify

  • Vue Router

  • SSR+SEO

  • Node.js + MySQL

  • AWSデプロイ

ゼロ秒のVueにする
フルスタックSNS講座!

Twitterに似ている(と書いてコーナーと呼ばれる)ゼロ秒のシグネチャプロジェクトNodeBird SNSを作成し、Vue + Vuex + Nuxt.js(SSR)+ Vuetify + Node + Express + Sequelize(MySQL)を学びます。
検索エンジン最適化とAWSデプロイ(簡単にEC2 + Lambda + S3 + Route53を使用)はボーナス!

実践を通して自分で作る
学ぶことができます!

ログイン、投稿、画像アップロード、いいね、コメント、リツイート

インフィニットスクロール、フォロー、アンフォロー

ハッシュタグ検索、ユーザープロファイル


#1
ソースコード
提供します。

https://github.com/zerocho/vue-nodebird (ショートカット)

そのレッスンのソースコードをすべて提供します。

#2
質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう!


注意事項

  • 選手科目: Vue基礎講義(無料)
  • フロントに焦点を当て、バックエンドは追加の役割を果たします。

関連講座

[リニューアル] Node.js教科書 - 基本からプロジェクト実習まで
ノードのコアコンセプトを学んだ後、
実践例では、実務に飛び込む準備を整えます。
Node.js教科書を最初に受講すると、バックエンドの理解に役立ちます。

Reactでも作ってみますか?

ReactでNodebird SNSを作成する
Reactで学ぶ20時間(お母さん)
フルスタック講座!

TypeScriptで作ってみましょうか?

Node.jsにTypeScriptを適用する(feat. NodeBird)
NodeBird(Twitterによる作成)コースの例
タイプスクリプトに切り替えます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Vueでウェブサイトを作りたい方

  • SSRで検索エンジンを最適化したい人

  • フルスタック講座をご希望の方

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

  • Vue基本文法(無料講座を見る)

こんにちは
です。

65,525

受講生

1,602

受講レビュー

9,702

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

71件 ∙ (15時間 11分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

49件

4.8

49件の受講レビュー

  • pedrail380603님의 프로필 이미지
    pedrail380603

    受講レビュー 5

    平均評価 5.0

    5

    83% 受講後に作成

    率直に受講評を残します。 短所から申し上げれば精神がないのです。 1. チャットウィンドウ 2. 単純なタイプミスの後で編集なしで後で修正 3. 単にサーバーを開けなかったもの 2、3回はデバッグするときああ、このようなエラーが出たかと思いますが、集中度を落とすようです。 2,3番ではない構造の問題や、私が抜いたものを後で直すのはよかったです。 それにもかかわらず5つ星をつけたのは、実務とすごく関連が深いということです。 私はインフラでリアクト、vue講義だけ7~8個を聞きました。 その中には整理と編集はうまくいきましたが、今何をすべきですか?単純に学んだ内容だけでは私が望むビジネスモデルを作れない講義があり、フロントは製作できるほど理解したがバックエンドは?という講義もありました。 もちろん、先に他の講義を見てきて、そのことを理解するのは難しくありませんでした。 実務をすぐに投入しなければならない場合は、前にこの講義をお勧めします! 親切ではありませんが、ついてきて理解すれば実務投入が可能だと思います

    • ssasun941205님의 프로필 이미지
      ssasun941205

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      2年間中小企業でハードウェア、エンベデッド、ウェブ、アプリ、させていただくと、ますます異道じゃない人になっていくようで自信が底だったのに退社して偶然にチョ・ヒョンヨン様無料講義を見始めてここまで来ましたね。 今回イプロジェクトを作ってみて、また自信が生まれるようになりましたね。ありがとうございます! 講義内容は公式文書で確認可能な部分はすばやく進んで、本当に必要な部分を硬くつけて説明していただきました。私はやはり注射式の講義より必要な部分を直接探しながら調べるようにする点がよりよく近づいてきたようです。そんな部分が開発者にとって必須な部分でもあります。 頑張ってチョ・ヒョンヨン様のような開発者になろう! * 中古新入で入社してから一年ぶりに年俸67%引き上げに成功しました。ありがとうございます! 2022-05-01

      • ssasun941205

        就職も成功しました本当にありがとうございます~~~

    • juwon76님의 프로필 이미지
      juwon76

      受講レビュー 27

      平均評価 4.8

      4

      100% 受講後に作成

      精神なく頑強まで来ましたね。

      • mannahoffnung2395님의 프로필 이미지
        mannahoffnung2395

        受講レビュー 2

        平均評価 5.0

        5

        52% 受講後に作成

        完全に良いです!ここで学ぶ内容の大部分は実務で応用できて助けて本当にたくさんなりました。良い講義ありがとうございます!これからも良い講義をお願いします〜個人的にgraphql講義を楽しみにしています!

        • dfsdfsdfffwefwefew님의 프로필 이미지
          dfsdfsdfffwefwefew

          受講レビュー 2

          平均評価 5.0

          5

          31% 受講後に作成

          ¥7,865

          zerochoの他の講座

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

          似ている講座

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