Vue JS 3: The Composition API (Inc Script Setup, TypeScript)

Learn Vue.js 3 with TypeScript, the Composition API and Pinia (2022)

4.28 (611 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Vue js 3

TypeScript

Unit Testing

Composition Fundamentals

New Reactivity System

Design Patterns

Why take this course?

(RE-RECORDED JULY 2022, UPDATED OCT 2020 w/ TESTING)

Vue.js 3 and the Composition API is here!

Learn to build a complex, real world application with the Composition API, TypeScript, Pinia and Vue Router, taught by Lachlan Miller. maintainer of Vue Test Utils and Vue.js team member. This is an intermediate-advanced course aimed at developers with some basic programming experience with tools such ES6 JavaScript.

We move fast and introduce all the required topics to build highly dynamic, complex single page apps with Vue.js 3 and the new Composition API.

Unlike other courses, testing and design patterns are at the core of everything we do. We explore the new features Vue.js 3 brings to the table. Some of the things you'll learn:

- How to use and test new Vue 3 components with Cypress and Test Utils

- Building reusable modules using the new reactivity API

- TypeScript to create type safe applications

- Creating a complex, real-time markdown editor

- Integrating third party libraries from npm

- Implementing authentication and authorisation with JWT (JSON Web Tokens) and cookies

- Routing, include navigation guards with Vue Router 4

- Writing and testing complex interactions (Vitest, Vue Test Utils)

- A real back end with Express and TypeScript

This is an intermediate to advanced course; some basic programming knowledge is required. I respect your time and have packed as much content into the course as possible. Rather than explaining the same basic concepts 10 times over, move quickly and see the same concepts applied in different contexts to reinforce them.

Screenshots

Vue JS 3: The Composition API (Inc Script Setup, TypeScript) - Screenshot_01

Vue JS 3: The Composition API (Inc Script Setup, TypeScript) - Screenshot_02

Vue JS 3: The Composition API (Inc Script Setup, TypeScript) - Screenshot_03

Vue JS 3: The Composition API (Inc Script Setup, TypeScript) - Screenshot_04

Reviews

Eric

November 14, 2023

the instructor is an excellent developer but I think the typescript could have been a seperate course. it was distracting. the instructor really prioritized brevity vs clarity and i think that was a mistake.

Vincent

April 23, 2023

As a backend developer, I have always struggled with learning Frontend frameworks and libraries like Angular, VueJS, or ReactJS, well until I found this course. I am learning TypesScript, and VueJS using industry standards, and it feels like I am just using Jinja 2. This is such an awesome course. Thank you.

Oleksii

April 20, 2023

If this is your first Vue course, this is not for you. If you don't know TypeScript, this is not for you. I would have liked to have the project code at least after each section, not just at the beginning and end. Overall, if this were my first course on Vue, I wouldn't have understood anything.

Jason

March 9, 2023

Instructor goes a bit fast, and his code isn't matching up with the current experience of vite (which apparently defaults to port 5173 now). However, the instructor is also pretty responsive to questions, and gets back to you pretty quickly when they arise.

Cody

December 11, 2022

Excellent course. I recommend it for all skill levels of Vue. I've been working with Vue professionally for nearly three years now and am learning a ton from this.

Tiantang

December 6, 2022

This is a good course partially because it's relatively up to date! Most courses are out of date very quickly as frontend frameworks evolve very quickly. The author definitely knows Vue deeply and it's always good to learn from one of the core contributors of an open source project!

December 4, 2022

I’m currently taking this course and found it to be an excellent learning experience. The course is easy to understand and very detailed in its explanation of the setup function. The instructor is very concise in his delivery of the material, which allowed me to quickly grasp the concepts being presented. I found the course to be very helpful in understanding the basics of Vue 3, vite, composition api, SFC, typescript and I would highly recommend it to anyone looking to learn the basics of this powerful framework.

Karsten

November 30, 2022

Seems to be a good choice. When you really do anything by hand, as I did, you will very often have to stop the video. But learning curve is great. Love ist so far!

Milos

November 5, 2022

Great learning experience, learned a ton about Vue, Composition API, TypeScript, testing, and so much more in this hands-on course!

Arthur

October 31, 2022

It has a good content, but I couldn't get really into it (the teacher is not so captivating and the demo project is not interesting)

Waleed

October 30, 2022

Best course on Vue with typescript and script setup. 100% recommended. If you want to keep yourself updated in Vue this course is the right way to go. I'm telling you with my experience throughout this course.

Carlos

October 13, 2022

The instructor is very good at explaining in detail every part of the code and that makes this course easy to understand, although sometimes I feel it goes too fast. However, 10/10 to this course.

Patrick

September 27, 2022

Excellent clarity and conciseness. Instead of wasting time on CSS styling, this course focuses on Vue 3 essentials. Recommended without a doubt.

Ruben

September 20, 2022

Really like the way he goes through everything. Short video's where you learn a lot in every video. Because of the length it makes it easy to keep going! And the code after every video is really good, love it!

Moataz

September 14, 2022

it is satisfying and smooth, but some features not working for me, like Suspense and highlight color styling, but maybe will work with another try and work around, i'll give it a try

Charts

Price

Rating

Enrollment distribution

Vue JS 3: The Composition API (Inc Script Setup, TypeScript) - Distribution chart