강의

멘토링

로드맵

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,027

受講生

1,654

受講レビュー

9,733

回答

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件の受講レビュー

  • 서기현님의 프로필 이미지
    서기현

    受講レビュー 5

    平均評価 5.0

    5

    83% 受講後に作成

    솔직하게 수강평 남기겠습니다. 단점부터 말씀드리면 정신이 없다 입니다. 1. 채팅창 2. 단순한 오타도 후에 편집 없이 나중에 고침 3. 단순히 서버를 키지 않은것 2,3번은 디버깅할때 아 이래서 이런 오류가 나왔나 싶기도 하지만 집중도를 떨어트리는 것 같습니다. 2,3번이 아닌 구조의 문제나 내가 빼먹은 것들을 나중에 고치는건 좋았습니다. 그럼에도 별 5개를 준점은 실무와 굉장히 연관이 깊다는 것 입니다. 저는 인프런에서 리액트,vue강의만 7~8개를 들었습니다. 그중에는 정리와 편집은 잘됬으나 이제 뭐해야지? 단순이 배운내용만으론 제가 원하는 비지니스 모델을 만들수 없는 강의가 있었고, 프론트는 제작할 수 있을만큼 이해했으나 백엔드는? 하는 강의도 있었습니다. 물론 앞서 다른 강의들을 보고 와서 그런지 이해하는데 어려움도 없었고 이제 제가 어떤 서비스를 어떻게 진행해야 하는지 확실하게 감이 잡혔습니다. 실무를 당장 투입하셔야 한다면 전 이 강의를 추천드립니다! 친절하지는 않지만 따라오면서 이해한다면 실무 투입이 가능할 것이라고 생각합니다

    • sizz F님의 프로필 이미지
      sizz F

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      2년동안 중소기업에서 하드웨어, 인베디드, 웹, 앱, 시키는거 다하다보니 점점 이도저도 아닌사람이 되어가는것 같아 자신감이 바닥이었는데 퇴사하고 우연히 조현영님 무료강의를 보기 시작해서 여기까지 왔네요. 이번에 이프로젝트 만들어 보면서 다시 자신감이 생기게 됐네요. 감사합니다! 강의 내용은 공식문서에서 확인 가능한 부분은 빠르게 넘어가고 진짜 필요한 부분을 딱딱 집어서 설명해주셔서 좋았습니다. 저는 역시 주입식 강의보다 필요한 부분들을 직접 찾아가면서 알아내도록 하는점이 더 좋게 다가온것 같아요. 그런부분이 개발자에게 꼭필요한 부분이기도 하고요. 열심히 해서 조현영님 같은 개발자가 되길! * 중고신입으로 입사한지 일년여만에 연봉 67%인상에 성공했습니다. 감사합니다! 2022-05-01

      • sizz F

        취업도 성공했습니다 정말 감사합니다~~~

    • hwd3527님의 프로필 이미지
      hwd3527

      受講レビュー 27

      平均評価 4.8

      4

      100% 受講後に作成

      정신없이 완강까지 왔네요. 몇번 더봐야 제대로 알것 같습니다만 좋은 강의 잘 들었습니다. 감사합니다.

      • 김시훈님의 프로필 이미지
        김시훈

        受講レビュー 2

        平均評価 5.0

        5

        52% 受講後に作成

        완전 좋습니다! 여기서 배우는 내용 대부분 실무에서 응용할 수 있어서 도움 정말 많이 되었습니다. 좋은 강의 감사합니다! 앞으로도 좋은 강의 부탁드립니다~ 개인적으로 graphql 강의 기대하고 있습니다!

        • ko님의 프로필 이미지
          ko

          受講レビュー 2

          平均評価 5.0

          5

          31% 受講後に作成

          ¥8,101

          zerochoの他の講座

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

          似ている講座

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