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!
- Projeciler İçin Pratik 2 Boyutlu Autocad Eğitimi
- 나만의 메타버스(Metaverse) 로블록스 [건축과 인테리어]
- Formation complète Photoshop CC2019 à CC2023
- Photoshop 2020 Manipülasyon ve Retouch Dersleri
- Plaxis 2D İnşaat (Geoteknik) Mühendisliği Modelleme Programı
- Sıfırdan Autodesk Eagle ile Elektronik Kart Tasarımı
- Mobil UI/UX Tasarım Kursu
- 3ds Max 2019 – 08 recursos fundamentais antes de iniciar.
- Adobe İllustrator 2021 | Sıfırdan Başla Uzman Ol!
- Sweet Home 3D le cours complet
- 【Illustrator入門コース】初心者から始めるフラットデザイン作成講座
- Maya必須カメラ&ライト習得コースMaya Required Camera & Light Acquisition
- İleri Seviye Adobe Photoshop İpuçları
- İŞ AKIŞINIZI FUSİON 360'A AKTARMANIZ İÇİN 40 NEDEN
- Midjourney : L'essentiel pour sublimer vos images
- 【センス不要】絵を描けない83.7%のデザイナーが覚えるべき簡単なイラスト手法を解説!(重宝される)
- Adobe Character Animator | تعلم تحريك الشخصيات
- BAŞTAN SONA AUTOCAD 2020 EĞİTİM SETİ
- Photoshop CC: Warstwy, Maski i Tryby Mieszania
- Фотошоп 2020/2021 с нуля. Практика Photoshop.