강의

멘토링

커뮤니티

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パーフェクトマスター:基礎から本番まで - "基本編"

こんにちは
です。

25,819

受講生

1,540

受講レビュー

648

回答

4.9

講座評価

18

講座

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

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

감사합니다.

👨‍🏫인프런 지식 공유자 | 수강생 24,000+ | 강의평점 ️4.9

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

カリキュラム

全体

37件 ∙ (6時間 42分)

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

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

受講レビュー

全体

169件

4.9

169件の受講レビュー

  • hhee5356님의 프로필 이미지
    hhee5356

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    I am a full-stack web developer with 9 years of experience. I bought a book to study Vue3 for this project, but the content was too hard to understand, so I took an online lecture for the first time, and I am very satisfied. I took both the basics and the practical ones, and they explained the basics step by step using examples, and then when there was a part that could be applied, they told me that I could change the basic examples like this and use it like this, so I understood it well and got a lot of practical tips. I did a lot of projects where publishing and development work were completely separated, so I actually didn't know how to use Bootstrap, but it was even better when they showed me how to use Bootstrap. I definitely recommend it to anyone who wants to study Vue3.

    • gymcoding
      知識共有者

      Wow~!🤭 Thank you for your hard work~!! Thank you!!! 😀 🎉

  • jaysss님의 프로필 이미지
    jaysss

    受講レビュー 6

    平均評価 4.8

    5

    97% 受講後に作成

    When you look at the official documentation to study a library or framework, you may feel lost, or It is often difficult to understand the meaning at once because it is translated from English to Korean. This lecture is good because you can learn the basics and some advanced parts that appear in the official Vue documentation. I think the strength of this lecture is that it is thorough. I recommend it if you want to skim through the contents of the official documentation:))

    • gymcoding
      知識共有者

      Wow~! Thank you~!! 🙂 Thank you for your hard work! 🎉

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    This is a great course that shows things that are easy to miss, suggests why certain concepts exist, and shows the process of improving code. If you are looking for a way to get started with Vue3, this course is the best choice. It is not a fast-paced course that introduces only the specs themselves. It is a course that learns Vue's functions by implementing a simple bulletin board. So there is a lot of time spent learning the teacher's way of thinking and implementing it.

    • gymcoding
      知識共有者

      Wow~! Thank you for your kind words 🙂 Thank you for your hard work! 🎉

  • jesusab930467님의 프로필 이미지
    jesusab930467

    受講レビュー 2

    平均評価 5.0

    5

    97% 受講後に作成

    I'm using Vue3 for a practical project, so I'm listening to both the basics and the practical part in a hurry and working on it. I really listened to it well. It was very helpful. It's definitely more fun and easier to understand because I'm doing the practical part at the same time. I'm having fun developing it. ㅎㅎㅎ Now I'm planning to buy Quasar and learn it. Please take good care of me!!!

    • gymcoding
      知識共有者

      Thank you~!! 🙂 🎉

  • mju60130435님의 프로필 이미지
    mju60130435

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    I have completed the basic and practical courses! The more I listen to the lectures, the more I feel like I have prepared a lot : ) The lectures are mainly composed of core content, so it was easy to understand the overall content of Vue3 I think it will be okay to look up the detailed parts while developing in practice I really like Jimcoding's lecture style, so I have to look for other lectures related to the front-end, tooㅋㅋㅋ

    • gymcoding
      知識共有者

      That's right!! You can look up the details again!! Me too ㅎㅎ Thank you~!! 😀

¥10,921

gymcodingの他の講座

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

似ている講座

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