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.
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)
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
자바스크립트로 프론트엔드도 개발하고 백엔드도 개발하는 자바스크립트 개발자입니다. 😎
개발과 관련된 질문은 언제나 환영하오니 편하게 이메일로 연락주세요!
📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com
All
21 lectures ∙ (3hr 41min)
1. Orientation
02:36
All
34 reviews
4.4
34 reviews
Reviews 2
∙
Average Rating 3.0
Reviews 1
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
Reviews 5
∙
Average Rating 4.6
5
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; } }
Reviews 1
∙
Average Rating 5.0
Explore other courses in the same field!
![Planner, how about learning this level of web development? [Theory + Practice]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
