Learning Front-End Development with Vue 3 and TypeScript
 |
Description
Book Introduction
Mastering Modern Vue with Composition API and TypeScript
This book is a practical introductory guide that guides you through front-end development using Vue.js and TypeScript from start to finish.
This tutorial will walk you through the process of creating a single-page application (SPA) based on Vue 3's latest features: Composition API, Pinia for state management, and Vue Router for page transitions, with hands-on exercises.
In particular, since it is conducted in a hands-on, practice-oriented format, you can systematically learn Vue 3 and TypeScript by directly entering and executing code.
Take your first steps into front-end development with confidence with Vue 3!
This book is a practical introductory guide that guides you through front-end development using Vue.js and TypeScript from start to finish.
This tutorial will walk you through the process of creating a single-page application (SPA) based on Vue 3's latest features: Composition API, Pinia for state management, and Vue Router for page transitions, with hands-on exercises.
In particular, since it is conducted in a hands-on, practice-oriented format, you can systematically learn Vue 3 and TypeScript by directly entering and executing code.
Take your first steps into front-end development with confidence with Vue 3!
- You can preview some of the book's contents.
Preview
index
Introduction
Chapter 1: Front-end Development Flow and Vue
_1.1 The Evolution of JavaScript and the Emergence of Front-End Development
_1.2 Front-end framework and Vue
Chapter 2: Vite and Vue Projects
_2.1 Preparing to create a Vue project
_2.2 Creating and Running a Vue Project
_2.3 Vue project creation questions and Vite
Chapter 3: Basics of Vue Programming
_3.1 Vue's components and basic syntax
_3.2 Responsive System
_3.3 Various ways to prepare reactive data
_3.4 Vue project structure and operation principles
Basic Edition
Chapter 4 Data and Event Directives
_4.1 Data Binding Directives
_4.2 Event Directives
Chapter 5 Two-Way Data Binding and Other Directives
_5.1 Two-way data binding
_5.2 Other data binding directives
Chapter 6 Control Directives
_6.1 Conditional Branch Directive
_6.2 Repeat Directive
_6.3 List Manipulation
Chapter 7 Using Script Blocks
_7.1 Watcher
_7.2 Lifecycle Hooks
_7.3 The real face of script setup
_7.4 Options API
Chapter 8 Inter-Component Interactions
_8.1 Using child components
_8.2 Component Independence and CSS Processing
_8.3 Communication from parent to child components
_8.4 Props Application
_8.5 Inter-Component Communication from Child to Parent
_8.6 Provider and Inject
Chapter 9: Using Child Components
_9.1 Slots for customizing child components
_9.2 Named slots implementing multiple slots
_9.3 Ranged slots that reverse data transfer
_9.4 Dynamic Components
Chapter 10 Vue Router
_10.1 Single-page application
_10.2 Vue Router Basics
_10.3 Path Parameters
_10.4 Controlling routing through script blocks
_10.5 Other features of Vue Router
Chapter 11 Pinia
_11.1 Pinia Basics
_11.2 How to use Pinia with arguments
_11.3 Application of Actions
Application section
Chapter 12 Asynchronous Processing
_12.1 Basics of Asynchronous Processing
_12.2 IndexedDB
_12.3 Web Access
Chapter 13 Unit Testing
_13.1 Unit Testing and Vitest
_13.2 Component Testing Basics
_13.3 Component Testing Application
_13.4 Testing communication between components
Chapter 1: Front-end Development Flow and Vue
_1.1 The Evolution of JavaScript and the Emergence of Front-End Development
_1.2 Front-end framework and Vue
Chapter 2: Vite and Vue Projects
_2.1 Preparing to create a Vue project
_2.2 Creating and Running a Vue Project
_2.3 Vue project creation questions and Vite
Chapter 3: Basics of Vue Programming
_3.1 Vue's components and basic syntax
_3.2 Responsive System
_3.3 Various ways to prepare reactive data
_3.4 Vue project structure and operation principles
Basic Edition
Chapter 4 Data and Event Directives
_4.1 Data Binding Directives
_4.2 Event Directives
Chapter 5 Two-Way Data Binding and Other Directives
_5.1 Two-way data binding
_5.2 Other data binding directives
Chapter 6 Control Directives
_6.1 Conditional Branch Directive
_6.2 Repeat Directive
_6.3 List Manipulation
Chapter 7 Using Script Blocks
_7.1 Watcher
_7.2 Lifecycle Hooks
_7.3 The real face of script setup
_7.4 Options API
Chapter 8 Inter-Component Interactions
_8.1 Using child components
_8.2 Component Independence and CSS Processing
_8.3 Communication from parent to child components
_8.4 Props Application
_8.5 Inter-Component Communication from Child to Parent
_8.6 Provider and Inject
Chapter 9: Using Child Components
_9.1 Slots for customizing child components
_9.2 Named slots implementing multiple slots
_9.3 Ranged slots that reverse data transfer
_9.4 Dynamic Components
Chapter 10 Vue Router
_10.1 Single-page application
_10.2 Vue Router Basics
_10.3 Path Parameters
_10.4 Controlling routing through script blocks
_10.5 Other features of Vue Router
Chapter 11 Pinia
_11.1 Pinia Basics
_11.2 How to use Pinia with arguments
_11.3 Application of Actions
Application section
Chapter 12 Asynchronous Processing
_12.1 Basics of Asynchronous Processing
_12.2 IndexedDB
_12.3 Web Access
Chapter 13 Unit Testing
_13.1 Unit Testing and Vitest
_13.2 Component Testing Basics
_13.3 Component Testing Application
_13.4 Testing communication between components
Detailed image
Publisher's Review
A Practical Guide to Vue 3 for Front-End Beginners, Complete with TypeScript!
This book is divided into introduction, basics, and application sections.
The introduction section helps you understand the front-end development flow and the basic operating principles of Vue, while the basic section covers Vue's core features, including directives and linking between components.
The application section explains asynchronous processing and unit testing, providing in-depth content necessary for practical use.
Additionally, with various examples and friendly explanations, even beginners can follow along without difficulty.
The author, with extensive practical experience, guides you step-by-step through the basics and applications of modern front-end development using Vue 3 and TypeScript.
Master the modern frontend with Vue 3 and TypeScript!
Key Contents
● Setting up a development environment using Vite
● Composition API and setup property
● Responsive system
● Directives and data binding
● Inter-component linkage
● Page transition with Vue Router
● Single-page application (SPA) development
● State management library Pinia
● Asynchronous processing and data communication
● Unit testing and quality control
This book is divided into introduction, basics, and application sections.
The introduction section helps you understand the front-end development flow and the basic operating principles of Vue, while the basic section covers Vue's core features, including directives and linking between components.
The application section explains asynchronous processing and unit testing, providing in-depth content necessary for practical use.
Additionally, with various examples and friendly explanations, even beginners can follow along without difficulty.
The author, with extensive practical experience, guides you step-by-step through the basics and applications of modern front-end development using Vue 3 and TypeScript.
Master the modern frontend with Vue 3 and TypeScript!
Key Contents
● Setting up a development environment using Vite
● Composition API and setup property
● Responsive system
● Directives and data binding
● Inter-component linkage
● Page transition with Vue Router
● Single-page application (SPA) development
● State management library Pinia
● Asynchronous processing and data communication
● Unit testing and quality control
GOODS SPECIFICS
- Date of issue: January 6, 2025
- Page count, weight, size: 520 pages | 183*235*18mm
- ISBN13: 9791169213325
- ISBN10: 1169213324
You may also like
카테고리
korean
korean
![GQ KOREA Mark (Monthly): December [2025]](http://librairie.coreenne.fr/cdn/shop/files/8ef265dbbfbf186523ed75ba7319009d.jpg?v=1765340328&width=3840)
