Vue with Test Driven Development

Vue with Test Driven Development, available at $69.99, has an average rating of 4.7, with 164 lectures, based on 231 reviews, and has 2089 subscribers.

You will learn about Build application with Vue 3 Build an application with internationalization (i18n) Learn both composition and options api Build an application with client side routing, by using vue router Implement global state management with pinia Practice Test Driven Development in a complete project from beginning to the end. Learn the test runner, vitest and understand how to structure test modules How to mock external dependencies in testing. Feel how the test driven development is giving confidence when refactoring your application. This course is ideal for individuals who are Developers who want to learn Vue 3 or Developers who want to see Test Driven Development in action It is particularly useful for Developers who want to learn Vue 3 or Developers who want to see Test Driven Development in action.

Enroll now: Vue with Test Driven Development

Summary

Title: Vue with Test Driven Development

Price: $69.99

Average Rating: 4.7

Number of Lectures: 164

Number of Published Lectures: 164

Number of Curriculum Items: 164

Number of Published Curriculum Objects: 164

Original Price: $94.99

Quality Status: approved

Status: Live

What You Will Learn

Build application with Vue 3
Build an application with internationalization (i18n)
Learn both composition and options api
Build an application with client side routing, by using vue router
Implement global state management with pinia
Practice Test Driven Development in a complete project from beginning to the end.
Learn the test runner, vitest and understand how to structure test modules
How to mock external dependencies in testing.
Feel how the test driven development is giving confidence when refactoring your application.

Who Should Attend

Developers who want to learn Vue 3
Developers who want to see Test Driven Development in action

Target Audiences

Developers who want to learn Vue 3
Developers who want to see Test Driven Development in action

The frontend world is having very popular frameworks which are heavily used in most of the applications.

In this course we will be learning Vue 3 by creating a web application with it. Also we will apply test driven development (TDD) methodology from beginning to the end.

We will use one of the most popular test libraries of javascript. vitest and testing-library

while building this application, we will learn

both options api and composition api
client-side routing. we will apply our custom implementation then we will use vue-router library
internationalization with vue-i18n
global state management in a component based application by using pinia

and we will see

how test driven development works.
diff of integration and unit tests
how it’s affecting our code quality, reusability
how it’s giving us the confidence about refactoring our implementation
how to avoid implementation details while creating tests

This course is purely built on practice. Each code piece we write, will be for our actual application implementation.

In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us.

And following this practice, will help you to get a solid foundation about overall web application requirements and how to implement one of them with Vueby following test driven development methodology.

After completing the course, you will be able to use Vue in your next project and you will experience the benefits of test driven development.

Course Curriculum

Chapter 1: Intro

Lecture 1: Intro

Lecture 2: Methodology

Lecture 3: Create Project

Lecture 4: Additional Dependencies

Lecture 5: Final Setup

Lecture 6: Backend

Lecture 7: Project Source Code

Chapter 2: Sign Up Page

Lecture 1: Sign Up Form

Lecture 2: Form Interactions

Lecture 3: Refactor

Lecture 4: API Request

Lecture 5: ref or reactive

Lecture 6: Mock Service Worker (MSW)

Lecture 7: Event Modifier

Lecture 8: Proxy

Lecture 9: Styling

Lecture 10: Style Override

Chapter 3: API Request/Response Handling

Lecture 1: Disable Button

Lecture 2: Refactor Tests

Lecture 3: Spinner

Lecture 4: Task: Sign Up Success Response

Lecture 5: Task: Sign Up Success Response – Requirement

Lecture 6: Sign Up Success Response

Lecture 7: Hide Form

Lecture 8: Task: Sign Up Failure

Lecture 9: Task: Sign Up Failure – Requirement List

Lecture 10: Sign Up Failure

Lecture 11: Unit Tests

Chapter 4: Validation

Lecture 1: Displaying Validation Error

Lecture 2: Input Component

Lecture 3: Input Error Style

Lecture 4: Repeating Tests

Lecture 5: Password Mismatch

Lecture 6: Hide Errors

Chapter 5: i18n – Internationalization

Lecture 1: vue-i18n

Lecture 2: Fixing Tests

Lecture 3: Language Selector

Lecture 4: Potential Issues & Refactor

Lecture 5: Store Language in LocalStorage

Lecture 6: Language in Requests

Lecture 7: Extract API Function

Chapter 6: Activation Page

Lecture 1: Client-side Routing

Lecture 2: NavBar

Lecture 3: NavBar Style

Lecture 4: Task: Activation Page

Lecture 5: Task: Activation Page – Requirement List

Lecture 6: Activation Page

Lecture 7: Activation Request

Lecture 8: Use Route Param

Lecture 9: Task: Handling Api Response

Lecture 10: Task: Handling Api Response – Requirement List

Lecture 11: Handling Api Response

Lecture 12: Extract Repeating Components

Lecture 13: Task: Language in Request

Lecture 14: Task: Language in Request – Requirement

Lecture 15: Language in Request

Lecture 16: Axios Interceptor

Lecture 17: Unit Tests

Chapter 7: Account Recovery

Lecture 1: Task: Account Recovery

Lecture 2: Requirement: Password Reset Request Page

Lecture 3: Requirement: Password Reset Set Page

Lecture 4: Password Reset Request Page

Lecture 5: Password Reset Set Page

Lecture 6: Button Component

Chapter 8: Listing Users

Lecture 1: User List

Lecture 2: Fixing Pages in Test

Lecture 3: Next & Previous Pages

Lecture 4: Task: Spinner

Lecture 5: Task: Spinner – Requirement List

Lecture 6: Spinner

Lecture 7: Default Profile Image

Lecture 8: Key in v-for

Lecture 9: Card Component

Chapter 9: User Page

Lecture 1: Link to User Page

Lecture 2: Task: User Page

Lecture 3: Task: User Page – Requirement List

Lecture 4: User Page

Lecture 5: Custom Composable

Lecture 6: Updating Unit Tests

Chapter 10: Authentication

Lecture 1: Task: Login Page

Lecture 2: Task: Login Page – Requirement List

Lecture 3: Login Page

Lecture 4: Password Reset Integration

Lecture 5: Routing After Login Success

Lecture 6: Logged in Layout

Lecture 7: Local Storage with Pinia

Lecture 8: Logout

Lecture 9: Task: Delete User

Lecture 10: Task: Delete User – Requirement List

Lecture 11: Delete User

Instructors

Basar Buyukkahraman
Software Engineer

Rating Distribution

1 stars: 2 votes
2 stars: 3 votes
3 stars: 23 votes
4 stars: 68 votes
5 stars: 135 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu