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
The complete VUE JS course ( 2024 edition )

The complete VUE JS course ( 2024 edition )

Loại khoá học: Web Development

Learn to build beautiful web apps using VUE JS, version 3 and 2. Composition API included.

image
50.000 VND
999.000 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ả

Do you want to learn the whole process of building your App with Vue  ?. This is the course for you.


We will start from the very beginning, from "I don't even know how use it..and why should I“ to actually understanding how Vue works and make it communicate with other technologies like Firebase.

You will learn all the logic and practice behind Vue in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with some course projects, and after you have a strong base of Vue we will journey into Routes, VUEX and Authentication.


Do we cover the composition API ?

Don’t sweat it, we will dedicate a full module to talk about the composition API.


To sum everything up, you will learn in this course:

  • The very basics of Vue JS. How to install and the logic behind it.

  • We will build a tiny web game just knowing the basics.

  • Once we are done with the basics, we will use Vue like the pro’s by using the CLI.

  • We will connect our Vue app with technologies like Firebase.

  • Everybody is using VUEX, so we will learn how to use Vuex.

  • Once we know the hardcore stuff about Vue, Vuex and routes we will put everything in practice by creating a practice project where we will mix it all.

  • You also get a Full ES6 course, just in case


What about the instructor experience ?

Well I've been around for 13 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.

Today I work as developer for a major company developing applications with Vue, React or Angular, but I like to teach in my spare time.


How about the target audience?

  • This course is for almost everyone, a little bit of Javascript is required. We will use ES6 but you can learn as we go.

  • If you want to take your coding to the next level, this is the course for you.

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

Create applications using javascript and Vue js framework.

Yêu cầu

  • HTML, CSS and Javascript

Nội dung khoá học

23 sections

Introduction

4 lectures
Introduction
00:57
Installing Node JS
01:17
IDE
01:05
Course source code
00:52

The Basics

16 lectures
Options VS Composition
01:16
Starting with VUE
01:57
VUE instance and Setup
08:50
Methods and functions
05:36
Refs and Reactivity
08:31
Built in directives
07:13
Conditional rendering
09:01
Looping
06:10
Disabling re-render
03:04
Working with events
06:04
Events and arguments
05:54
The V-Model
09:21
Working with Styles
14:05
Computed Properties
10:39
Watchers
08:54
Shorthands
02:47

Practice project One

7 lectures
Introduction
05:55
Setting up the VUE app
08:33
Adding names to the list
06:17
Validating names
06:53
Next stage
05:35
Generating the "looser"
03:29
Finishing app
06:55

Components and Node

20 lectures
Installing VUE template
06:39
Starting a node VUE app
07:26
Components
08:02
The style tag
07:16
Passing props
08:53
Prop types and validation
06:38
Custom events and Emit
11:12
More prop type validation
04:41
Provide and Inject part one
07:32
Provide and Inject part two
07:20
Slots
07:50
Named slots
03:23
Lifecycles
02:28
Testing Lifecycles
09:11
Dynamic components
06:41
Keep alive
07:21
Teleport
06:33
Custom directives
12:40
CD hooks
06:35
Local CD
02:59

Working with Forms

5 lectures
Form and Inputs
06:59
Radio and checkbox
05:45
Validation
08:08
Vee-Validate
11:35
Yup Schema
07:22

VUE Transitions

5 lectures
Common Transition
08:17
Named transitions
10:33
Transition modes
09:06
Transition hooks
03:23
Transition Group
12:07

Working with requests

6 lectures
The template
05:25
GET Users
07:13
Loader and Toasts
11:48
Posting
06:30
Composables
05:58
Add user composable
06:07

VUE Router

12 lectures
The template
02:21
Config router
09:23
Linking
04:48
Router hooks
04:12
Params
05:40
Router and requests
15:23
Watch param changes
03:53
Props, Redirect and 404
06:55
Nested routes
04:18
Named routes and views
05:40
Global route guards
11:12
Per route guard
12:14

Database and Authentication

13 lectures
Introduction
01:42
Install and config Firebase
08:44
Get documents
10:29
Posting documents
03:44
Update component
03:56
Update documents
07:19
Delete document
03:58
Firebase Auth
02:32
Register User
07:01
Sign in
07:14
Logout
03:38
User Object
11:10
Route Guards
06:12

Pinia state management

5 lectures
Install and Config
09:35
Mutations
07:58
Getters
11:34
Actions
09:38
Subscribing
10:43

Practice project: Gamesource

34 lectures
Starting with the App
06:24
Installing libraries
06:35
Firebase configs
07:48
App Header
09:50
The Sign in or Register form
14:14
The user store
07:25
Register user
15:26
Sign in user
08:48
Sign in errors with subscribe
11:00
Auto sign in
12:00
Nav and Sign out
06:03
Creating dashboard routes
09:03
Dashboard layout
11:14
Guarding routes
05:26
Add article form
13:06
Add article validation
08:12
Tip Tap editor
16:32
Articles Store
05:39
Posting articles
15:25
Edit articles - Part 1
13:59
Edit articles - Part 2
14:00
Intro to cloudinary
03:46
Get admin articles
10:22
Showing the articles table
12:51
Load more admin articles
09:22
Remove article by ID
07:01
Getting home articles
07:06
Home carousel
07:01
Home articles
12:56
Article page
10:20
Update profile composable
07:23
Update profile form
12:13
Deploying
10:04
Rules
14:46

The basics [ Legacy ]

17 lectures
Importing
04:53
Creating an instance
11:48
Methods
07:46
Built in directives
09:22
Conditional rendering
10:16
Looper
08:52
Disable updates
03:52
Working with events
07:14
Events and arguments
08:12
Keyboard events
05:00
The v-model
17:08
Working with styles
15:36
Computed properties
15:55
Watchers
07:05
Shorthands
03:19
Multiple instances
08:53
Components
10:02

Project one [ Legacy ]

5 lectures
Introduction and input
13:14
Validating names
08:00
Showing the list of names
09:37
Adding transitions
05:50
Finishing the app
13:33

Components [ Legacy ]

22 lectures
Installing node
01:34
Using the CLI
09:45
The main and app
08:46
Connecting components
11:14
The style
09:11
Passing props
12:55
Proptypes and validation
08:16
Custom events
12:17
More types and event validation
11:12
Provide and inject - part one
09:51
Provide and inject - part two
09:34
Slots
07:59
Named slots
04:38
Lifecycles
04:47
Lifecycles in action
11:59
Dynamic components
07:03
Keep alive
10:17
Teleport
06:32
Fragments
02:22
Custom directives
15:13
Custom directives other hooks
08:52
Local custom directives
03:54

Forms [ Legacy ]

7 lectures
Working with forms
11:16
Checkboxes and radios
06:04
Selects
04:54
Raw validation
11:34
Vee validate - part one
20:27
Vee validate - part two
09:04
Schema validation
11:31

Transitions [ Legacy ]

8 lectures
CSS Transitions
15:25
Named transitions
09:58
Transition modes
13:57
Using animate CSS
06:01
Animation lifecycles
06:22
JS Animations
12:31
Transition groups
09:56
The appear prop
03:21

Working with requests [ Legacy ]

4 lectures
Installing
08:10
GET posts
09:51
Loaders and errors
12:07
Posting
12:11

Routing [ Legacy ]

11 lectures
Creating routes
13:27
Linking
05:49
Programmatic navigation
04:33
Params
09:38
Routes and networking
18:18
Props, redirecting and not found
07:34
Nested routes
05:44
Named routes and views
09:41
Global route guards
14:39
Per route guards
09:11
Meta
04:55

Vuex [ Legacy ]

8 lectures
Installing and config
07:54
Mutations
16:54
Getters
11:55
Actions
13:17
Map helpers
10:08
Modules
13:57
Working with modules
09:17
Namespaces
08:21

Authentication [ Legacy ]

10 lectures
introduction
07:14
Why using tokens
03:42
Sign up - part one
13:20
Sign up - part two
15:33
Sign in
07:20
Sign out
10:53
Fixing the nav
04:00
Auto log in
14:06
Route guards
19:38
Handling errors
11:19

Practice project - Gamespot [ Legacy ]

35 lectures
Installation
18:00
Routes and vuex
17:38
The header
06:49
The carousel
15:17
Home cards
18:09
The article view
11:19
Creating the sign in form
18:29
Sign up user
16:17
New user on firestore
16:20
Sign in user
13:39
Notifications
16:58
Finish notifications
16:54
Auto sign in part one
12:08
Auto sign in part two
09:25
Logout
12:57
Dashboard layout
16:30
Icons and titles
14:00
Route guards
08:19
Add article form elements part one
18:17
Add article form elements part two
17:45
WYSIWYG editor part one
14:14
WYSIWYG editor part two
11:41
Posting article
22:31
Get admin articles
19:29
Admin articles table
19:17
Load more admin articles
19:25
Admin remove by id
11:02
Loading home articles
14:23
Loading article data and 404
11:55
Profile update - The form
14:21
Profile update - firestore
11:38
Update article part one
18:53
Update article part two
16:39
Deploying
10:31
A bit of rules
17:05

Composition API [ Legacy ]

13 lectures
Introduction
04:32
Ref
15:01
Methods and computed
11:27
Watcher
07:46
Reactive
16:47
Components and props
04:07
Emitting and context
07:59
Lifecycle hooks
10:20
Provide and inject
12:17
More on Ref
17:27
More on reactive
16:45
What about routes ?
11:58
What about vuex ?
11:55

ES6

89 lectures
Introduction to ES6
02:39
CONST AND LET
04:48
CONST AND LET: Scope
07:05
CONST AND LET: Real life example
07:04
Exercise one
00:09
Exercise one - solution
03:10
Exercise two
00:34
Exercise two - solution
05:20
Template strings or Template literals
05:51
Template strings or Template literals 2
07:54
Template strings or Template literals 3
04:28
Template strings or Template literals 4
02:31
Exercise one
00:09
Exercise one - solution
02:57
Exercise two
00:15
Exercise two - solution
04:36
ForEach Helper
06:47
ForEach Helper 2
03:33
ForEach Helper 3
04:08
ForEach exercise
00:25
ForEach exercise - Solution
05:28
Map helper
06:02
Map helper 2
04:19
Map helper exercise one
00:09
Map helper exercise one - Solution
02:01
Map helper exercise two
00:10
Map helper exercise two - Solution
03:11
Filter helper
03:00
Filter helper 2
03:54
Filter helper exercise one
00:06
Filter helper exercise one - solution
01:49
Filter helper exercise two
00:18
Filter helper exercise two - solution
06:11
Find helper
03:37
Find helper 2
08:37
Every & Some helper
06:05
Every & Some helper 2
02:15
Reduce helper
05:40
Reduce helper 2
04:30
Reduce helper exercise one
00:04
Reduce helper exercise one - solution
01:41
Reduce helper exercise two
00:09
Reduce helper exercise two - solution
05:21
For...of helper
04:06
Fat arrow functions
04:41
Fat arrow functions 2
05:44
Fat arrow functions exercise
00:05
Fat arrow functions exercise - solution
06:21
Object literals
03:40
Object literals 2
04:30
Object literals exercise one
00:06
Object literals exercise one - solution
02:31
Default arguments
04:09
Default arguments exercise one
00:09
Default arguments exercise one - solution
01:12
Rest operator
04:23
Spread operator
03:12
Rest and Spread exercise one
00:06
Rest and Spread exercise one - solution
03:48
Rest and Spread exercise two
00:02
Rest and Spread exercise two - solution
02:18
Classes
02:46
Classes 2
03:36
Classes 3
03:23
Classes 4
04:06
Destructuring
07:02
Destructuring 2
03:17
Destructuring 3
03:37
Destructuring 4
04:11
Promises and Fetch
03:23
Promises and Fetch 2
06:52
Promises and Fetch 3
07:36
Promises and Fetch 4
02:31
Strings and Numbers
06:36
Strings and Numbers 2
04:36
Modules
07:10
Modules 2
04:18
Modules 3
06:07
Generators
08:06
Generators 2
06:46
Generators 3
06:40
Generators 4
07:00
Generators 5
05:11
Generators 6
05:30
Using Sets
05:55
Iterating sets
03:58
Using Map
06:42
Map methods
01:50
Iterating Map
06:02

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

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
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
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