Complete Vue Developer in 2021 (w/ Vuex, Composition API, Router)

Complete Vue Developer in 2021 (w/ Vuex, Composition API, Router)

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 29h 01m | 5.53 GB

The only Vue.js tutorial + projects course you need to learn Vue (including all new Vue 3 features), build large-scale Vue applications from scratch & get hired as a Vue developer in 2021. Go from Zero To VUE Mastery.

What you’ll learn

  • Build enterprise level Vue applications and deploy to production
  • Learn to build reactive, performant, large scale applications like a senior developer
  • Learn to build beautiful applications using TailwindCSS, Sass, CSS Animations and Transitions
  • Become a top 10% Vue.js Developer
  • Learn to compare tradeoffs when it comes to performance and scalability
  • Use Firebase to build full stack applications
  • Master Vue design patterns
  • Converting apps to Progressive Web Apps
  • Using the latest ES6/ES7/ES8/ES9/ES10/ES11 JavaScript to write clean code
  • File Uploads, Testing, PWAs, Internationalization, Authentication with Vue 3
  • Learn the latest features with Vue 3 including Composition API, Vuex, Vue Router + more
  • Master the latest ecosystem of a Vue Developer from scratch
  • Use Vuex for state management in your applications
  • Set up authentication and user accounts
  • Learn to lead Vue projects by making good architecture decisions and helping others on your team
  • Routing with Vue Router
  • Testing your application with Jest, snapshot testing, and even E2E testing
  • Learn why Vue is outgrowing React and Angular in developer popularity
Table of Contents

1 Course Outline (5:55)
2 Vue vs React vs Angular
3 Composition vs. Options API
4 Getting Started
5 Vue Dev Tools
6 Working with Data
7 Multiple Vue Instances
8 Accessing the Instance Data
9 Methods
10 Directives
11 Two-way data binding
12 Binding Attributes
13 Outputting Raw HTML
14 Listening to Events
15 Passing on Data with Events
16 Event Modifiers
17 Keyboard Events and Modifiers
18 v-model Modifiers
19 Computed Properties
20 Watchers
21 Binding Classes
22 Binding Styles
23 Conditional Rendering
24 The v-show Directive
25 List Rendering
26 Understanding the role of the key attribute
27 Creating a Perspective Playground
28 Copying to the Clipboard
29 Mounting the Vue Instance
30 Understanding Lifecycle Hooks
31 Using Lifecycle Hooks
32 Virtual DOM
33 Understanding Reactivity with Proxies
34 The Vue Compiler
35 Introduction to Components
36 Overview
37 Installing Webpack
38 Configuring Webpack
39 Installing Babel
40 Configuring Babel
41 Installing SASS
42 Bundling CSS
43 SASS Basics
44 PostCSS
45 Understanding Linting
46 Installing ESLint
47 Configuring ESLint with Visual Studio Code
48 Conclusion
49 Installing the Vue CLI
50 Sidebar: Understanding Servers
51 Reviewing the Files
52 Creating Components
53 Child Components
54 Component Styles
55 Using SASS in Components
56 Communicating Between Components
57 Props
58 The Limitations of Props
59 Emitting Events
60 Validating Props
61 Callback Functions
62 Inserting content with slots
63 Named Slots
64 Dynamic Components
65 Animating with CSS Transitions
66 Fine-tuning Transitions
67 Animating with CSS Animations
68 Animating with JavaScript
69 JavaScript Zoom Animation
70 CSS and JavaScript Transitions
71 Animating a List
72 Fixing the Animation
73 Transition CSS Class Names
74 Setting up the Quiz Application
75 Rendering the Questions
76 Moving between Questions
77 Finishing Touches
78 The Next Step
79 Installing Yarn
80 Introduction to the Vue UI
81 Creating a New Project
82 Reviewing the UI and Files
83 Adding the Template
84 What is Tailwind?
85 Installing Tailwind
86 Practicing with Tailwind
87 Loading Assets
88 Understanding State
89 Reviewing the Vuex Configuration
90 Splitting the Template into Components
91 Working with State
92 Using Mutations
93 Mapping Mutations
94 Understanding Getters
95 Using Getters
96 Closing the Modal
97 Mapping Getters and State Properties
98 Aliases
99 Adding Tabs
100 Setting up Form Validation
101 Registering A Plugin
102 Validation Components
103 Defining Rules
104 Applying Rules
105 Additional Rules
106 Validating Emails
107 Validating Numbers
108 Validating Passwords
109 Dropdown and Checkbox Fields
110 Validating the Form
111 Sidebar: Slot Properties
112 Rendering Multiple Error Messages
113 Default Values
114 Custom Error Messages
115 Validation Triggers
116 Showing Alerts
117 Setting up the Login Form
118 Understanding Authentication
119 Reviewing the Rules
120 Setting up the Firebase SDK
121 User Registration
122 Handling the Response
123 Exporting Services
124 Storing the User Form Data
125 Understanding Authentication
126 Logging the user in after Signup
127 Understanding Actions
128 Using Actions
129 Connecting the User with their Data
130 Initializing Firebase First
131 Persisting the User Authentication
132 Setting up the Login
133 Signing Out
134 Sidebar: JSON Web Tokens
135 Understanding Routing
136 Reviewing the Router Configuration
137 Creating Routes
138 History Mode
139 Navigating with Links
140 Custom Links
141 Tailwind Styles for Active Links
142 Naming Routes
143 Setting up “Catch-All” and Redirect Routes
144 Route Alias
145 Guarding Routes
146 Route Specific Guards
147 Guarding Authentication Only Routes
148 Redirecting after Logging Out
149 Route Meta Fields
150 Avoiding Dependency Cycle
151 Preparing the Upload Component
152 Handling Drag and Drop Events
153 Handling the File
154 Uploading Files with Firebase
155 Firebase Rules and Validation
156 Adding the Progress Bar
157 Making the Progress Bar Dynamic
158 Improving the Progress Bar
159 Handling Errors and Successful Uploads
160 Storing the File Data in the Database
161 Firebase References and Snapshots
162 Fallback Upload
163 Canceling Uploads
164 Cancelling Uploads with Refs
165 One more thing about References
166 Querying the Database
167 Storing the List of Songs
168 Displaying the List of Songs
169 Prop Validation
170 Toggling the Form
171 Validating the Song Form
172 Editing a Song
173 Deleting a Song from the Storage/Database
174 Updating the list of songs after an Upload
175 Router Leave Guards
176 Creating the Home Page
177 Checking the Scroll Position
178 Infinite Scrolling
179 Path Parameters
180 Creating the Song Template
181 Validating the Comment
182 Prepping the Form
183 Finalizing the Comment Form
184 Displaying the Comments
185 Updating the Comments List
186 Query Parameters
187 Detecting Query Parameters
188 Updating the Comment Count
189 Storing the song in the State
190 Playing Audio
191 Toggling Audio
192 Duration and Current Position
193 Formatting the Time
194 Player Progress Bar
195 Changing the Audio Position
196 Creating links with Hash Fragments
197 Route Transitions
198 Introduction to Directives
199 Writing our First Directive
200 Passing Values to Directives
201 Directive Modifiers
202 Registering a Directive Locally
203 Introduction to i18n
204 Reviewing the Configuration
205 Our First Translation
206 Formatting and Pluralization
207 Number Localizations
208 Translating HTML with Component Interpolation
209 Changing Locales
210 Exercise: Translating the Rest of the App
211 What are Progressive Web Apps?
212 The Manifest File
213 Generating the Manifest File
214 Configuring the Manifest File
215 Offline Support with Service Workers
216 Workbox
217 Firebase Data Persistence
218 Handling Offline Uploads
219 Overview
220 Auto-Registering Global Components
221 Vuex Modules
222 Fixing the App
223 Vuex Namespaces
224 Automatic Module Registration
225 Dynamically Registering Modules
226 Perceived Performance
227 Dynamic Route Imports
228 Chunk Names
229 Progress Bar
230 Code Coverage
231 Deploying an App with Vercel
232 Introduction to Testing
233 Introduction to Jest
234 Writing Our First Test
235 Mounting with Vue Test Utils
236 Testing the Inner Content
237 Passing Data to Components
238 Stubbing Components
239 Avoid Boolean Assertions
240 Testing Children Components
241 Mocking Firebase
242 Mocking Methods
243 Testing Attributes
244 Testing Vuex Mutations
245 Testing Vuex Actions
246 Mocking Promises
247 Testing Vuex Getters
248 Testing Router Components
249 Snapshot Testing
250 E2E Testing Overview
251 Writing an E2E Test
252 The Composition API
253 Mixins
254 Reactive References
255 The Reactive Function
256 Watchers and Computed Properties
257 Lifecycle Functions
258 Props
259 Template Refs
260 Emitting Events
261 Advantages of the Composition API
262 Router Hooks
263 Vuex Hooks
264 Verifying Reactivity
265 Using The Terminal/Command Prompt
266 Running script.js In Node
267 Modules In Node
268 ES6 Modules In Node
269 Types of Modules

Homepage