Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Vue JS
Vue JS 3: The Composition API (Inc Script Setup, TypeScript)

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

Loại khoá học: Web Development

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

image
50.000 VND
30 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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

Bạn sẽ học được gì

Vue js 3

TypeScript

Unit Testing

Composition Fundamentals

New Reactivity System

Design Patterns

Yêu cầu

  • Modern JavaScript
  • Some Vue 2 experience will be a plus!

Nội dung khoá học

7 sections

Composition API and Testing Basics

14 lectures
Introduction to Course and Lecturer!
03:51
Resources
00:06
Installation and Configuration
02:05
Bulma CSS
00:16
Vue Single File Components
06:51
Directives - Loops with v-for
02:23
Bindings with v-bind
03:12
Events and Reactivity
04:31
More on Events
03:06
Reactivity with Ref
05:00
Type Safety with TypeScript
04:21
DateTimes with Luxon
06:07
Derived Data with Computed
05:19
Passing Data with Props and a Refactor
07:12

Loading with Suspense and a Reactive Store from Scratch

8 lectures
Creating a Custom Reactive Store
07:31
Errata: Installing Pinia
00:08
Moving to Pinia for State Management
04:44
State Data Structures
06:42
Extracting Complexity
07:35
A Bit of Node.js
03:35
Fetching Data with Fetch
05:21
Loading States with Suspense
03:53

Vue Router, Creating Posts with Markdown and Syntax Highlighting

13 lectures
Introduction to Module - Routing and Posts
01:11
Routing with Vue Router
06:37
New Post Route
04:11
Creating the Post Writer Component
03:30
Two way binding with v-model
03:48
DOM Access with Template Refs
05:35
Two Way Binding with content editable
07:04
Reactive Markdown with watchEffect
06:41
Syntax Highlighting!
03:49
Optimization with debounce
05:13
Posting a New Post
04:30
Node.js - Post Endpoint
03:05
Post Request and Persisting Data
03:24

User Sign Up, Validation and Reuseble Components

10 lectures
Introduction to Module - Teleport and Forms
01:30
Teleport for Modals
02:54
Creating the useModal Composable
04:53
v-model with Custom Components
07:21
Framework Agnostic Validation - Part 1
05:37
Framework Agnostic Validation - Part 2
04:00
Linking Validation and Form Inputs
06:22
Submitting the Form and Event Modifiers
04:36
Defining the Users Store
04:14
Node.js - User Creation Endpoint
04:39

Ins and Outs of Authentication

11 lectures
Introduction to Module - Authentication
01:52
Tooling - Vite Proxy Configuration
04:25
Signing a JWT
06:33
Authenticating Users
05:59
Conditionally Rendering for Authenticated Users
05:45
Implementing Logout
03:17
The Power of Dynamic Components
05:53
Making UserForm Generic for Sign Up and Sign In
04:46
Handling Failed Login
04:48
Node.js - Login Endpoint
03:09
Homework and Exercises!
02:56

Finishing the App, Deployment and Next Steps!

12 lectures
Introduction to Module - Authorization and Finishing Touches
00:53
Vue Router and Navigation Guards
04:18
Showing Posts
07:39
Editing Posts
05:05
Associating Posts with Users
06:20
Conditionally Editing Posts
02:46
An Essential Refactor Guided by TypeScript
03:50
Node.js - PUT Endpoint for Updates
03:48
Solving the Race Condition
05:14
Deploying to Production - Digital Ocean and Nginx
06:49
Parting Recommendations and Next Steps!
03:01
Testing (Cypress, Test Utils, Vite)
00:18

Component Testing (Vitest, Vue Test Utils)

11 lectures
Setting Up Vitest
05:47
Other Tools
00:22
Mounting Component with Vue Test Utils
04:52
Interacting with Components using Trigger
08:55
Installing Plugins in Tests
06:56
Testing Navbar and Auth Status
05:55
Stubbing Globals with Vitest
07:02
Testing Teleport
06:04
Testing Forms and Emitted Events
12:36
Async Tests and Inline Snapshots
10:50
Some TSX and Testing Philosophy
05:33

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
Angular - The Complete Guide (2024 Edition)

Angular - The Complete Guide (2024 Edition)

120 VND
50.000 VND
.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

100 VND
50.000 VND
Unreal Engine 5: The Complete Beginner's Course

Unreal Engine 5: The Complete Beginner's Course

1.899.000 VND
50.000 VND
Complete WordPress Developer Course 2023 - Plugins & Themes

Complete WordPress Developer Course 2023 - Plugins & Themes

1.999.000 VND
50.000 VND
The Data Science Course: Complete Data Science Bootcamp 2024

The Data Science Course: Complete Data Science Bootcamp 2024

140 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi