Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Vue3パーフェクトマスター:基礎から本番まで - 「本編」

Vue.js 3で本番プロジェクトを開発し、Composition APIの使い方を理解しています。さらに、このコースを受講すると、「Vue Router v4」と「Pinia」、「Boostrap」のスキルを取得できます。

  • gymcoding
Vue.js

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

こんなことが学べます

  • Viteでプロジェクトを起動し、環境変数(env)を設定する

  • Composition APIでプロジェクトを作成する

  • Composable関数を正しく活用する

  • Composition API ベースの Vue Router v4

  • 公式ステータス管理ライブラリPinia(Vuex5)

基本編でVue.js 3を簡単に知ったら
今回は実戦編で詳しく、深く学びましょう! 🎵

最新Vue 3パーフェクトガイドローンチ🎤

Vue3パーフェクトマスター:基本編または実戦編のいずれかを受講した場合
「最新Vue 3完璧ガイド」講義を無料でご覧いただけます。


ジムコーディングだけの方法で
簡単にお知らせします🥴


このコースはVue.js 3でWebアプリケーション用の作成コースです。
新しく登場したComposition A P Iを基に講義を行います。
公式文書に基づいて知っておくべき内容を抜けずに取り扱いながらも
簡単、詳細、深く内容を扱います。


二つに分かれた

講義を紹介します✌

初めて講義企画時に一つの講義で制作しようとしたが

  • 公式文書にある必ず習うべきVue.js 3スペックを欠かさず 入れてカリキュラムを整理したかった
  • Vue.js 3 単に文法だけお知らせするよりも、できるだけ慣れるよう様々な内容で構成したいと思いました。
  • Vue 3がComposition APIベースで登場し、コアライブラリまで扱いたかった
  • すでにVue 3をご存知の方も実戦編の講義内容を合理的に受講できるよう、
    二つの講義に分けて製作することになりました。

だから、
実戦編ではよ 💁‍♂️






Vue.js 3で本番掲示板プロジェクトを作成する講義です。最新のトレンディな内容で構成し、講義内容は次のとおりです。

  • VueRouter v4(Composition APIベース)
  • Axios HTTP API通信
  • 共通コンポーネントの分離
  • Vue.js 組み込みコンポーネント
  • Vite ベースの環境変数の設定(env)
  • Global Component、Custom directive、共通モジュールなどのプラグインのインストール
  • Vue.js3花、Composable関数
  • toRef、toRefs阪急で理解する!
  • Vue.js公式ステータス管理ライブラリになったPinia!
  • Vue Router 深化: ナゲーションガード


Bootstrap UI Framework 💻


ボーナスとして、この講義ではBootstrapを使用し、公式文書で目的のコンポーネントを見つけて使用することを直接示しています。このような過程により、自然にブートストラップの使い方をボーナスで得ることができます。


予想される質問 Q&A 💬

Q. Web開発の知識がない状態でWebサービスを作成したいのですが、どうすればいいですか?

この講義は、HTML、CSS、JavaScriptの基礎を知っている状態で受講するのに適した講座です。

  • HTML/CSS講座Click!
  • JavaScript コースをクリックClick!
  • フロントエンドウイングClick!

Q.講義ソースは提供されますか?

レッスンソースはこのレッスンを受講するとダウンロードできます

Q. Vue.js 2または3を使用していますが、基本編も聞かなければなりませんか?

  • もし現在Vue.js 3文法をご存知であれば、[本編]をお勧めします。
  • 現在Vue.js 2をお使いの場合は、[基本編]、[本編]の両方をお勧めします。
  • Vue.jsに初めて触れた方は、ぜひ【基本編】、【本番編】の両方を見ることを強くお勧めします。
  • 他の個人的な違いは、カリキュラムを慎重に見た後に決定すれば良いと思います。 🙂

Q.講座を受講した後はどんなことを得ることができますか?

Vue.js 3だけでなく、Vue Router、Piniaなどのコアライブラリを学ぶことができます。
ボーナスでBootstrapのスキルまでもらえます。


知識共有者を紹介します✒️

YouTubeとInflearnで「Vue&Vuetify Adminサイトを作る」講義を立ち上げ、多くの方々に感謝して良いフィードバックをいただきました😃

  • [Vuetify Adminサイト作成 - 「基本編」(無料)]総受講生1,313人評価4.9
  • [Vuetify Adminサイト作成 - 「実践編」(有料)]総受講生441人評価5.0

過去2021年からVue.js 3講義を希望された方々がいらっしゃいました!そして私もVuetifyを講義の質問の中で、Vue.jsやNPM、Webpackなどのフロントエンドに関する知識をまだよく知らない方が多いことを感じました。それで講義を撮らなければならないと思うだけで、もうVue.js 3が公式バージョンに位置づけられたようでPPTや教案など最善を尽くして準備しました。
私が運営しているジムコーディングYouTubeチャンネルでは、フロントエンド、バックエンドだけでなく、AWSインフラストラクチャウェブサービスを作成する全体的なコンテンツになる予定です。
多くの注意と愛をお願いします。ありがとうございます。

実用的なコーディングコンテンツを作っていくYouTube のジムコーディングチャンネルです。
YouTube | フェッヘット Gymスターグラム|Codingスターグラム

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発者になりたい方

  • 素晴らしいWebアプリケーションを作成したい人

  • 公式文書に基づいて慎重に学びたい人

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

  • HTML、CSSの基礎

  • JavaScriptの基礎

  • Vue.js 3パーフェクトマスター:基礎から本番まで - "基本編"

こんにちは
です。

24,575

受講生

1,354

受講レビュー

629

回答

4.9

講座評価

17

講座

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

カリキュラム

全体

37件 ∙ (6時間 42分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

154件

4.9

154件の受講レビュー

  • 혀니혀니님의 프로필 이미지
    혀니혀니

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    9년차 풀스택 웹개발자 입니다. 이번 프로젝트에서 vue3를 사용하게 되서 책을 사서 공부하다가 너무 내용이 눈에 안들어와 처음으로 온라인 강의를 들어봤는데 너무너무 만족합니다. 기초와 실전을 둘 다 들었는데 기초부터 예제를 이용하여 차근차근 알려주시고 그 후 응용할 수 있는 부분이 생기면 기초 예제에서 이렇게 바꿔서 이렇게도 사용할 수 있다 라고 알려주시니 이해도 잘 되고 실무 팁도 많이 얻어갔습니다. 퍼블업무와 개발업무가 완벽히 분리된 프로젝트를 많이 하여서 사실 부트스트랩을 어떻게 써야하는지 모르고 살았는데 부트스트랩을 이용할 수 있는 방법도 알려주시니 더더욱 좋았습니다. vue3 공부하시려는 분들 무조건 추천 합니다.

    • 짐코딩
      知識共有者

      와우~!🤭 완강 하시느라 수고많으셨습니다~!! 감사합니다!!! 😀 🎉

  • jj4783님의 프로필 이미지
    jj4783

    受講レビュー 6

    平均評価 4.8

    5

    97% 受講後に作成

    라이브러리나 프레임워크를 공부하려고 공식문서를 보면 막막하거나, 영어 => 한글로 번역된 번역체로 그 의미를 단번에 이해하기 힘든 경우가 많은데 이 강의를 통해 뷰 공식문서상에 나오는 기본적인 것과 약간의 심화적인 부분을 다 알 수 있어서 좋습니다. 꼼꼼한게 이 강의의 장점인 것 같습니다. 공식문서상의 내용을 훑고 싶다면 추천드립니다:))

    • 짐코딩
      知識共有者

      와우~! 감사합니다~!! 🙂 수고하셨어요! 🎉

  • wonjinYi님의 프로필 이미지
    wonjinYi

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    놓치기 쉬운 것들을 알려주고, 어떤 개념이 왜 존재하는지를 제시하며 코드를 개선하는 과정을 보여주는 좋은 수업입니다. vue3에 입문하기 위한 길을 찾는다면 이 강의가 최고의 선택입니다. 스펙 그 자체만을 소개하는식의, 호흡이 빠른 구성은 아닙니다. 간단한 게시판을 구현하며 Vue의 기능들을 알아가는 수업입니다. 그래서 선생님의 사고방식을 배우며 구현하는데 들이는 시간도 꽤 있습니다.

    • 짐코딩
      知識共有者

      와우~! 좋은 말씀감사합니다 🙂 수고하셨어요! 🎉

  • jo gabi님의 프로필 이미지
    jo gabi

    受講レビュー 2

    平均評価 5.0

    5

    97% 受講後に作成

    실무 프로젝트에서 Vue3 쓰게 되어서 기초,실전을 급하게 모두 듣고 작업을 하고 있습니다. 정말 잘 들었습니다 . 도움이 많이 되었어요 확실히 실무도 같이 하다보니 이해가 잘 되고 더 재미있네요. 즐겁게 개발 하고 있어요 ㅎㅎㅎ 이제 퀘이사 구입해서 학습할 예정입니다. 잘 부탁드립니다!!!

    • 짐코딩
      知識共有者

      감사합니다~!! 🙂 🎉

  • mju6013님의 프로필 이미지
    mju6013

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    기본편에 이어 실전편까지 수강완료 했습니다! 강의를 들으면 들을수록 준비를 많이 하셨다는게 느껴지는 것 같아요 : ) 핵심 내용 위주로 구성된 강의라 Vue3의 전체적인 내용을 이해하기 좋았고 디테일한 부분들들은 실무에서 개발하면서 찾아봐도 무리가 없을 것 같네용 짐코딩님 강의 스타일이 너무 좋아서 프론트 관련 다른 강의들도 찾아 들어야겠어요ㅋㅋㅋ

    • 짐코딩
      知識共有者

      맞아요!! 디테일한 부분은 다시 찾아보시면 돼요!! 저도 그래요 ㅎㅎ 감사합니다~!! 😀

¥10,397

gymcodingの他の講座

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

似ている講座

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