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

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

  • 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

    • 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.

      • 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!

          • 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!

            Similar courses

            Explore other courses in the same field!

            Access is restricted to non-public courses.