강의

멘토링

커뮤니티

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基本文法(無料講座を見る)

こんにちは
です。

66,508

受講生

1,682

受講レビュー

9,755

回答

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% 受講後に作成

    I will leave an honest review. First of all, the disadvantages are that it is very distracting. 1. Chat window 2. Simple typos are fixed later without editing 3. The server is simply not turned on When debugging 2 and 3, I wonder why this error occurred, but it seems to reduce concentration. It was good to fix structural problems or things I missed later, not 2 and 3. Nevertheless, the reason I gave it 5 stars is that it is very closely related to practical work. I took 7~8 lectures on React and Vue at Inflearn. Among them, there were lectures where the organization and editing were good, but what should I do now? There were lectures where I couldn't create the business model I wanted with just the content I learned, and there were lectures where I understood the front end enough to create it, but what about the back end? Of course, since I had already watched other lectures, I had no difficulty understanding them, and now I have a clear idea of how to proceed with which service. If you need to start working right away, I recommend this lecture! It may not be friendly, but I think it will be possible to put it into practice if you follow along and understand.

    • ssasun941205님의 프로필 이미지
      ssasun941205

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      After working in a small business for 2 years doing hardware, embedded, web, apps, and everything, I felt like I was becoming a person who was neither here nor there, so my confidence was at rock bottom. But after quitting my job, I happened to start watching Hyunyoung Cho's free lectures and ended up here. I gained confidence again while making this project. Thank you! The lecture content was good because it quickly went over the parts that could be confirmed in the official documents and explained the parts that were really necessary. I think it was better to find the parts that I needed and figure them out myself rather than listening to lectures. That's also something that developers absolutely need. I hope you work hard and become a developer like Hyunyoung Cho! * I succeeded in getting a 67% salary increase in just over a year after joining as a mid-level new employee. Thank you! 2022-05-01

      • ssasun941205

        I was able to get a job, thank you so much~~~

    • juwon76님의 프로필 이미지
      juwon76

      受講レビュー 27

      平均評価 4.8

      4

      100% 受講後に作成

      I came all the way to Wan Gang without thinking. I think I'll understand it properly after watching it a few more times, but I listened to the good lecture. Thank you.

      • mannahoffnung2395님의 프로필 이미지
        mannahoffnung2395

        受講レビュー 2

        平均評価 5.0

        5

        52% 受講後に作成

        It's really great! Most of what I learned here can be applied in practice, so it was really helpful. Thank you for the great lecture! I hope you'll continue to give great lectures~ I'm personally looking forward to the graphql lecture!

        • dfsdfsdfffwefwefew님의 프로필 이미지
          dfsdfsdfffwefwefew

          受講レビュー 2

          平均評価 5.0

          5

          31% 受講後に作成

          ¥8,290

          zerochoの他の講座

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

          似ている講座

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