Mô tả

Another Vue.js 3 from zero to hero course - kind of. This course is for developers who want to move fast. We cover the traditional way of building Vue apps - the Options API - as well as the the new Composition API, and even see how you can mix and match them together.

There are 8 modules; 4 introduce fundamental skills (Options API; Composition API; Vuex and Vue Router). The remaining four modules are projects, so you can see how to apply the fundamental skills in real apps. I am a big believer in learning by doing.

After learning both the Options and Composition API, we see how to use them both with Vuex and Vue Router, and talk about the different use-cases and trade-offs to consider.

Finally, as we progress through, our focus starts to shift from not only how to build apps with Vue, but to thinking about how we architect things; how components should communicate, where data should be saved (also known as state management) and how it flows through the app.

The course is taught by Vue.js team member Lachlan Miller, so you can be confident you are in good hands.

After covering Vue; we look at Vuex, Vue's state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the three core Vue libraries (Vue, Vuex, Vue Router) to build an application.

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

Vue JS 3 from scratch

Options and Composition API

Vuex

Vue Router

Creating reusable components

Design Patterns

Front-end Routing

Yêu cầu

  • A thirst for knowledge
  • Basic web technologies (HTML/CSS/JS)
  • Basic terminal proficiency (make files and directories)

Nội dung khoá học

8 sections

Course Introduction

15 lectures
Notes before starting
00:31
Introduction
03:06
Your First Vue.js App
03:15
Adding a Template Property
02:17
User Interactions with Methods
03:41
Control Flow with v-if and v-else
03:04
Loops with v-for
02:51
Computed Properties
02:39
Class Bindings
04:20
Input Validation
07:13
The Amazing v-model
03:41
Your First Component
02:16
Component Props
05:42
Child-Parent Communication with Events
06:41
Source Code for Upcoming Projects
00:15

Project 1: User Sign-up Form with Validation

8 lectures
Project #1: User Sign-up Form w/ Validation
01:03
Single File Components
04:25
A Custom Button Component
06:38
Custom Input Foundations
04:07
Dynamic Validation
06:31
Rethinking the Form State
06:48
Validating the Form
05:05
Submitting the Form and Finishing Up
06:23

Project #2: Pokemon Evolutions

10 lectures
Project #2: Pokemon Evolutions
00:50
Creating the Card Foundations
02:02
Loading Remote Data with Fetch
05:15
Fetching Multiple Data Sources
05:21
Lifecycle Hooks
02:07
Rendering Content
03:11
Modular Components with Slots
07:53
Reusing Code to Fetch Evolutions
04:41
Better Styles with Class Bindings
04:09
Separating Business Logic and Presentation Components
08:39

Composition Fundamentals

9 lectures
Composition Fundamentals Introduction
01:23
Hello, Composition API!
02:23
Reactivity with ref
06:54
Reactive for Complex Values
03:27
Composing Computed Properties
03:01
Watch and Watch Effect
03:57
Before and After with watch
06:07
The useNumbers Composable
05:02
Open Source Library: Vue Use
03:24

Project #3: Composing a Microblog

10 lectures
Projet #3: Microblog (with the Composition API)
01:12
Creating the Microblog Store
03:05
Render Posts with the Card Component
05:06
The Hashtag Component
04:17
Emitting Events with the Composition API
06:27
Filtering Posts with Computed
03:33
Refactoring with the Posts Store
06:07
Liking a Post
03:35
Searching for Hashtags
03:46
Mind Blowing Fefactor and Exercises
03:30

Vue Router Fundamentals

10 lectures
Vue Router Fundamentals
01:13
Hello Vue Router
05:57
The Router Link component
03:45
Children and Nested Routes
03:43
Route Params with the Composition API
06:31
New Post Route
03:24
New Post Form
02:35
usePosts Composable
05:57
Redirects with Vue Router
02:44
Options API Refactor
10:25

Vuex Fundamentals

10 lectures
Introduction to Vuex
01:11
Create a Vuex Store and State
04:40
Updating State with Mutations
04:46
More on Mutations
05:23
Dispatching Actions
04:08
Mocking the Server and Fetching Posts
03:28
Showing the Current Post
02:51
Vuex Getters
02:11
Scaling Vuex with Modules
04:57
Options API Refactor
03:57

Project #4: Capstone Project

13 lectures
Introduction to the Capstone Project
01:10
Setting Up Vuex
02:51
Reusable Layouts
04:52
Fetching Albums with Fetch
03:18
Data Fetching Workflow with Vuex
04:26
Creating the Album Component
03:47
Fetching Thousands of Photos
04:24
Adding Routing
03:30
Improved Routing
03:53
Routing with Router Link
01:42
watchEffect and Routing Params
03:52
Vuex Level Caching for Better Performance
04:47
Parting Words and Recommendations
01:53

Đá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?

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.