inflearn logo

TypeScript with Vue Practical Project

This course helps you develop an upgraded Vue application using TypeScript. This course is recommended for developers who have taken a Vue.js basic course and are ES6 or TypeScript beginners.

(4.4) 34 reviews

558 learners

Level Intermediate

Course period Unlimited

Vue.js
Vue.js
Vue.js
Vue.js

Reviews from Early Learners

4.4

5.0

Dong Jun Kwon

57% enrolled

There are no lectures on vue and typescript which are popular these days, but this was very helpful. Thank you.

5.0

유한군

100% enrolled

I only knew the basics of TypeScript and Vue, but this was a huge help!

5.0

frontzero

100% enrolled

While developing with Vue, I wanted to get a taste of how to develop based on TypeScript, and I listened to a good lecture. Since Vue 3.0 is coming out soon, I also want to develop SPA based on TS (more TS-friendly?)! Thank you. The last TODO example was processed by attaching a watch to the route.. It's not a good way.. But it works as I want.. I'll refactor it a bit more later when I have time or leave it as is! ㅠㅠㅋㅋ @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; } }

What you will gain after the course

  • Web applications can be developed using Vue.js and Typescript.

This course will help you develop an upgraded Vue application using TypeScript .
I recommend this course to developers who are new to Vue.js basics and ES6 or TypeScript.

Recently, the status of TypeScript has been rising to the point where Google has designated TypeScript as an official language in Angular.
There are still many people who are reluctant to adopt it because of the learning curve.

This course will help you decide why you should choose TypeScript and whether it's the right choice for your project. Furthermore, you'll learn how to develop Vue.js applications using the TypeScript style.

This course is divided into four main topics.

1. TypeScript Selection Guide
2. Creating a class-based component
3. Designing Vuex with Typescript
4. Practical Project (To-do list)

Recommended for
these people

Who is this course right for?

  • Developer wanting to use TypeScript for Vue.js

  • Vue.js project long-term maintainer

  • Vue.js developers aiming for large-scale projects

Need to know before starting?

  • ES6 syntax knowledge or beginner TypeScript

  • Vue.js Beginner

Hello
This is seong0420hei7159

I am a JavaScript developer who develops both frontend and backend using JavaScript. 😎
Questions related to development are always welcome, so please feel free to contact me via email!

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

More

Curriculum

All

21 lectures ∙ (3hr 41min)

Published: 
Last updated: 

Reviews

All

34 reviews

4.4

34 reviews

  • zerofront님의 프로필 이미지
    zerofront

    Reviews 5

    ∙

    Average Rating 4.6

    5

    100% enrolled

    While developing with Vue, I wanted to get a taste of how to develop based on TypeScript, and I listened to a good lecture. Since Vue 3.0 is coming out soon, I also want to develop SPA based on TS (more TS-friendly?)! Thank you. The last TODO example was processed by attaching a watch to the route.. It's not a good way.. But it works as I want.. I'll refactor it a bit more later when I have time or leave it as is! ㅠㅠㅋㅋ @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; } }

    • jellive78265님의 프로필 이미지
      jellive78265

      Reviews 1

      ∙

      Average Rating 5.0

      5

      100% enrolled

      I only knew the basics of TypeScript and Vue, but this was a huge help!

      • mayajuni님의 프로필 이미지
        mayajuni

        Reviews 1

        ∙

        Average Rating 5.0

        5

        57% enrolled

        There are no lectures on vue and typescript which are popular these days, but this was very helpful. Thank you.

        • changmyeongbaek8476님의 프로필 이미지
          changmyeongbaek8476

          Reviews 1

          ∙

          Average Rating 5.0

          5

          90% enrolled

          This is the most helpful Vue.js course I've seen in a while!

          • 7h5j7h8040님의 프로필 이미지
            7h5j7h8040

            Reviews 2

            ∙

            Average Rating 3.0

            4

            5% enrolled

            Everything is good, but the voice is too small, so I can't hear it well even when the volume is turned up to the max ㅠㅠ The lecture is very good

            Similar courses

            Explore other courses in the same field!

            Access is restricted to non-public courses.