강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

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

Vue.js 3でWeb開発を行うための公式文書に基づいてVue 3の仕様を詳しく深く扱います。

  • gymcoding
Vue.js

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

受講後に得られること

  • Vue3 Composition APIs

  • Vue3コンポーネントの基礎から深化まで!

  • Viteでプロジェクトを始めよう

  • <script setup>文法と一般 <script>違い

  • 英文公式文書に基づいて基礎から深く取り上げます。

まず、基本編として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に初めて触れた方のために、公式文書に基づいてVue.js 3最新の文法を学習することに集中しました。そしておおよその講義内容は次のとおりです。

  • HTML、CSS、JavaScriptがコンポーネントベースのVue.js Webアプリ 変化するプロセス
  • Options API VS Composition APIの違い
  • Viteでプロジェクトを始めよう
  • ESLint Prettierの設定
  • 公式ドキュメント最新仕様を反映したComposition API文法
  • Vue.js 3コンポーネントベースから深化
  • <script setup>과 일반 <script> 차이


Bootstrap UI Framework 💻


보너스로 본 강의에서는 Bootstrap을 사용하며 공식문서에서 원하는 컴포넌트를 찾아 사용하는 것을 직접 보여드립니다. 이러한 과정을 통해 자연스럽게 부트스트랩 사용법을 보너스로 얻어가실 수 있어요 :)


예상 질문 Q&A 💬

Q. 웹 개발 지식이 없는 상태에서 웹 서비스를 만들고 싶은데 어떻게 해야 할까요?

이 강의는 HTML, CSS, JavaScript 기초를 알고 있는 상태에서 수강하기에 적합한 강좌입니다. 

  • HTML / CSS 강좌 Click!
  • JavaScript 강좌 클릭 Click!
  • 프론트엔드 날개달기 Click!

Q. 강의소스가 제공되나요?

강의소스는 본 강의를 수강하시면 다운로드 받을 수 있으며, 기본편 소스는 Github에서도 제공됩니다.

Q. Vue.js 2 혹은 3을 사용하고 있는데, 기본편도 들어야할까요?

  • 만약 현재 Vue.js 3 문법을 알고 계신다면 [실전편]을 권장드립니다.
  • 만약 현재 Vue.js 2를 사용하고 계신다면 [기본편], [실전편] 모두 권장드립니다.
  • Vue.js를 처음 접하신다면 꼭 [기본편], [실전편] 모두 보는것을 강력 추천드립니다.
  • 기타 개인적인 차이는 커리큘럼을 꼼꼼히 보신 후 결정하시면 될 것 같아요. 🙂

Q. 강좌를 수강한 후에는 어떤 것을 얻어갈 수 있을까요?

Vue.js 3뿐만 아니라, Vue Router, Pinia와 같은 핵심 라이브러리를 배울 수 있습니다.
보너스로 Bootstrap에 대한 스킬까지 가져가실 수 있습니다.


지식공유자를 소개합니다 ✒️

유튜브와 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와 교안 등 최선을 다해 준비했습니다.
제가 운영하고 있는 짐코딩 유튜브 채널에서는 프론트엔드, 백엔드뿐만 아니라 AWS 인프라 웹 서비스를 만들기 전반적인 콘텐츠로 다가올 예정입니다.
많은 관심과 사랑 부탁드립니다. 감사합니다.

실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램

こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

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

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

  • HTML、CSSの基礎

  • JavaScriptの基礎

  • ジムコーディングフロントエンドウィング

こんにちは
です。

26,088

受講生

1,565

受講レビュー

658

回答

4.9

講座評価

18

講座

안녕하세요.

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

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

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

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

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

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

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

감사합니다.

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

💻 짐코딩 클럽 | gymcoding.co

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

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

カリキュラム

全体

37件 ∙ (7時間 48分)

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

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

受講レビュー

全体

310件

4.9

310件の受講レビュー

  • design2773님의 프로필 이미지
    design2773

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    Even when listening to it 1.5 times, it was good that it was explained very easily with rich content and accurate pronunciation that was just as good as the reference. It was very helpful.

    • gymcoding
      知識共有者

      1.5x likes! Haha wow referrer thank you~!! 🙂

  • kimjuno97님의 프로필 이미지
    kimjuno97

    受講レビュー 7

    平均評価 5.0

    5

    100% 受講後に作成

    According to npm trends, the number of Vue downloads between November and December was about 3 times that of React. I think this lecture is really helpful for getting started with Vue3!

    • gymcoding
      知識共有者

      Wow~! Thank you~!! 🙂 🎉

  • psw926409621733님의 프로필 이미지
    psw926409621733

    受講レビュー 5

    平均評価 5.0

    5

    100% 受講後に作成

    I had been working on a project with React for a year, and recently I changed jobs and started using Vue, so I took this course. The courses I had taken before were good, but I thought this course was very informative and only included the necessary parts. I think it was the best course I've taken.

    • gymcoding
      知識共有者

      Congratulations on your completion! 🎉 I'm glad it helped! Thank you~!! 🙂

  • mju60130435님의 프로필 이미지
    mju60130435

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    I suddenly started using Vue3 in my work, and I think I learned a lot from the short lecture time. It seems that the lecture was conducted at a level that even those who do not have knowledge of Vue2 can easily understand, and the instructor's diction is good, so I think I can concentrate well : ) I plan to listen to the practical part and Vuetify-related lectures as well!

  • bestksw님의 프로필 이미지
    bestksw

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    Thank you, Jimcoding, for your in-depth lectures and ability to convey them easily.

    • gymcoding
      知識共有者

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

¥8,275

gymcodingの他の講座

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

似ている講座

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