강의

멘토링

커뮤니티

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

こんにちは
です。

26,297

受講生

1,577

受講レビュー

663

回答

4.9

講座評価

18

講座

안녕하세요.

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

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

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

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

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

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

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

감사합니다.

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

💻 짐코딩 클럽 | gymcoding.co

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

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

カリキュラム

全体

37件 ∙ (6時間 42分)

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

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

受講レビュー

全体

171件

4.9

171件の受講レビュー

  • hhee5356님의 프로필 이미지
    hhee5356

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    9年目のフルスタックウェブ開発者です。 今回のプロジェクトでvue3を使って本を買って勉強して、とても内容が目に入らず、初めてオンライン講義を聞いてみましたが、とても満足しています。 基礎と実戦の両方を聞きましたが、基礎から例を利用してじっくりと教えてくれ、その後応用できる部分ができれば基礎の例でこう変えてこんなにも使えると教えてくれたので理解も上手になり、実務のヒントもたくさん得てきました。 パブリック業務と開発業務が完全に分離されたプロジェクトを多くして、実際にブートストラップをどのように書くべきか分からずに住んでいましたが、ブートストラップを利用できる方法も教えてくれたので、さらに良かったです。 vue3 勉強したい方は無条件におすすめです。

    • gymcoding
      知識共有者

      うわー!! ありがとうございます! 😀🎉

  • jaysss님의 프로필 이미지
    jaysss

    受講レビュー 6

    平均評価 4.8

    5

    97% 受講後に作成

    ライブラリやフレームワークを勉強しようと公式文書を見れば幕屋や、 英語=>ハングルに翻訳された翻訳体で、その意味を一気に理解するのが難しい場合が多いのですが この講義を通じて、ビューの公式文書に出てくる基本的なものと少しの深化的な部分をすべて知ることができます。 細心の注意がこの講義の利点のようです。 公式文書上の内容を見たい場合はお勧めします:))

    • gymcoding
      知識共有者

      うわー!ありがとう〜! 🙂 お疲れ様でした! 🎉

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    見逃しやすいことを教えてくれ、なぜ概念が存在するのかを示し、コードを改善するプロセスを示す素晴らしいレッスンです。 スペックそのものだけを紹介する式の、呼吸が速い構成ではありません。

    • gymcoding
      知識共有者

      うわー!良い言葉ありがとうございます🙂 お疲れ様でした! 🎉

  • jesusab930467님의 프로필 이미지
    jesusab930467

    受講レビュー 2

    平均評価 5.0

    5

    97% 受講後に作成

    実務プロジェクトでVue3を書くことになり、基礎、実戦を急いですべて聞いて作業をしています。本当によく聞きました。助けがたくさんなりました。楽しく開発していますㅎㅎㅎ これでクエーサーを購入して学習する予定です。よろしくお願いします!

    • gymcoding
      知識共有者

      ありがとう〜! 🙂🎉

  • mju60130435님의 프로필 이미지
    mju60130435

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    基本編に続き実戦編まで受講完了しました! 講義を聞くと聞くほど準備をたくさんしたと感じられるようです:) コアコンテンツを中心としたレッスンで、Vue3の全体的な内容を理解するのは良かった。 ディテールな部分は実務で開発しながら探してみても無理がないようだね ジムコーディングの講義スタイルがとても好きで、フロント関連の他の講義も探して聞かなければなりません。

    • gymcoding
      知識共有者

      そうです!ディテールな部分はまた探してみてください!私もそうですㅎㅎありがとうございます〜! 😀

期間限定セール

¥61,600

30%

¥10,927

gymcodingの他の講座

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

似ている講座

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