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

/

Front-end

TypeScript with Vue 実戦プロジェクト

タイプスクリプトを利用して一段階アップグレードされた Vue アプリケーションを開発できるよう手助けをする講座です。 Vue.js の基礎講座と ES6 または タイプスクリプトの入門者である開発者の方々にこの講座をおすすめします。

  • seong0420hei7159
Vue.js

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

こんなことが学べます

  • Vue.jsとTypescriptを利用してウェブアプリケーションを開発できる。

TypeScriptを使用して、一段階アップグレードされたVueアプリケーションを開発するのに役立つコースです。
Vue.jsの基礎講座やES6またはTypeScriptの入門者である開発者の方にこの講座をお勧めします。

最近、GoogleのAngularでタイプスクリプトを公式言語で指定するほどタイプスクリプトの位相が高くなっていくが、
まだランニングカーブのために導入を嫌がる方が多いです。

このコースでは、なぜタイプスクリプトを選択する必要があるのか、果たして私のプロジェクトにタイプスクリプトを導入するのが正しいかを選択するのに役立ちます。また、このコースでは、Vue.jsアプリケーションでTypeScriptスタイルで開発する方法を学ぶことができます。

このコースは主に4つのテーマで構成されています。

1. Typescript選択ガイド
2. Class-based コンポーネントの作成
3. Typescriptを使ってVuexを設計する
4. 実戦プロジェクト (Todo-list)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Vue.js に TypeScript を使用しようとする開発者

  • Vue.js のプロジェクトを長期間メンテナンスする実務者

  • Vue.js で大規模なプロジェクト開発を手がけたい実務者

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

  • ES6の文法を知っていたり、TypeScript初級

  • Vue.js 初級

こんにちは
です。

자바스크립트로 프론트엔드도 개발하고 백엔드도 개발하는 자바스크립트 개발자입니다. 😎
개발과 관련된 질문은 언제나 환영하오니 편하게 이메일로 연락주세요!

📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com

カリキュラム

全体

21件 ∙ (3時間 41分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

34件

4.4

34件の受講レビュー

  • 한재형님의 프로필 이미지
    한재형

    受講レビュー 2

    平均評価 3.0

    4

    5% 受講後に作成

    다 좋은데 목소리가 너무 작아서 볼륨을 최대로 해도 잘 안들려요 ㅠㅠ 강의는 아주 좋습니다

    • Dong Jun Kwon님의 프로필 이미지
      Dong Jun Kwon

      受講レビュー 1

      平均評価 5.0

      5

      57% 受講後に作成

      요즘 핫한 vue와 typescript에 대한 강의가 없는데 도움이 많이 되었습니다. 감사합니다.

      • 유한군님의 프로필 이미지
        유한군

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        타입스크립트와 Vue를 기초만 알고 있었는데 매우 큰 도움이 되었습니다!

        • frontzero님의 프로필 이미지
          frontzero

          受講レビュー 5

          平均評価 4.6

          5

          100% 受講後に作成

          Vue 로 개발을 하면서, TypeScript 기반으로 어떻게 개발하는지 맛을보고싶었는데, 좋은 강의가 있어서 잘 들었습니다. vue 3.0 이 빨리 나와서 저도 TS기반(좀 더 TS 친화적인?)에 SPA 개발을 하고싶네요! 감사합니다. 마지막 TODO 예제는 라우트에다 watch 를 달아서 처리를 했네요.. 좋은 방식은 아니지만.. 그래도 원하는대로 동작하니.. 나중에 시간나면 좀 더 리팩토링 해보던가 이대로 두는걸로! ㅠㅠㅋㅋ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch (after.params.path) { case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } } else { this.todoData = this.$store.getters.todoItem; } }

          • 백창명님의 프로필 이미지
            백창명

            受講レビュー 1

            平均評価 5.0

            5

            90% 受講後に作成

            근래 봤던 Vue.js 강의 중 가장 도움이 많이 되었습니다!

            公開していない講座のため、受講が制限されます。
            非公開講座

            似ている講座

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