[Last updated 5/2024] Complete Vue Developer Bootcamp (Pinia, Vitest) (Udemy – Engsub)

About Course

Views

What you’ll learn:
Build enterprise level Vue applications and deploy to production
File Uploads, Testing, PWAs, Internationalization, Authentication with Vue 3
Learn to build reactive, performant, large scale applications like a senior developer
Learn the latest features with Vue 3 including Composition API, Pinia (updated from Vuex), Vue Router + more
Learn to build beautiful applications using TailwindCSS, Sass, CSS Animations and Transitions
Master the latest ecosystem of a Vue Developer from scratch
Become a top 10% Vue.js Developer
Use Pinia (updated from Vuex) for state management in your applications
Learn to compare tradeoffs when it comes to performance and scalability
Set up authentication and user accounts
Master Vue design patterns
Use Firebase to build full stack applications
Routing with Vue Router
Using the latest ES6/ES7/ES8/ES9/ES10/ES11 JavaScript to write clean code
Learn to lead Vue projects by making good architecture decisions and helping others on your team
Testing your application with Vitest, snapshot testing, and even E2E testing
Converting apps to Progressive Web Apps
Time video:
28 hours (287 Lessons + Documents)
Teacher:
Andrei Neagoie, Luis Ramirez Jr, Zero To Mastery
Total weight:
7.22 GB

Original link:
https://www.udemy.com/course/complete-vue-js-developer-zero-to-mastery-vuex/
Link :
Below The Post

Khuyên dùng phần mềm 7Zip để giải nén!

Course Content

13 – Master Project Uploading Files

014 Canceling Uploads.mp4

04:44
026 Router Leave Guards.mp4

09:43
025 Updating the list of songs after an Upload.mp4

08:04
024 Deleting a Song from the StorageDatabase.mp4

10:06
023 Editing a Song.mp4

12:53
022 Validating the Song Form.mp4

07:00
021 Toggling the Form.mp4

02:47
020 Prop Validation.mp4

02:52
019 Displaying the List of Songs.mp4

03:02
018 Storing the List of Songs.mp4

04:44
017 Querying the Database.mp4

06:03
016 One more thing about References.mp4

04:43
015 Cancelling Uploads with Refs.mp4

07:01
001 Preparing the Upload Component.mp4

06:18
013 Fallback Upload.mp4

04:38
012 Firebase References and Snapshots.mp4

02:37
011 Storing the File Data in the Database.mp4

10:41
010 Handling Errors and Successful Uploads.mp4

06:42
009 Improving the Progress Bar.mp4

04:52
008 Making the Progress Bar Dynamic.mp4

03:13
007 Adding the Progress Bar.mp4

06:53
006 Firebase Rules and Validation.mp4

07:01
005 Uploading Files with Firebase.mp4

05:57
004 Enabling Firebase’s Storage Service.mp4

01:20
003 Handling the File.mp4

06:34
002 Handling Drag and Drop Events.mp4

08:12

24 – Appendix Extra Bits

23 – Where To Go From Here

22 – Component Design Patterns

21 – Composition API

001 The Composition API.mp4

06:00
002 Mixins.mp4

10:23
003 Reactive References.mp4

07:09
004 The Reactive Function.mp4

07:04
005 Watchers and Computed Properties.mp4

08:03
006 Lifecycle Functions.mp4

03:07
007 Props.mp4

06:09
008 Template Refs.mp4

04:38
009 Emitting Events.mp4

01:54
010 Advantages of the Composition API.mp4

11:51
011 Router Hooks.mp4

07:42
012 Pinia Hooks.mp4

03:03
013 Verifying Reactivity.mp4

03:08
014 The setup Attribute.mp4

02:58

20 – Master Project Testing Your Vue App

010 Testing Children Components.mp4

06:30
018 Writing an E2E Test.mp4

12:20
017 E2E Testing Overview.mp4

06:30
016 Snapshot Testing.mp4

11:54
015 Testing Router Components.mp4

06:35
014 Mocking Promises.mp4

04:14
013 Testing Pinia Actions.mp4

06:07
012 Testing Attributes.mp4

06:28
011 Mocking Methods.mp4

05:33
001 Introduction to Testing.mp4

12:14
009 Avoid Boolean Assertions.mp4

01:37
008 Stubbing Components.mp4

04:50
007 Passing Data to Components.mp4

05:11
006 Testing the Inner Content.mp4

04:15
005 Mounting with Vue Test Utils.mp4

06:39
004 Writing Our First Test.mp4

08:57
003 Adding the Vitest UI.mp4

02:55
002 Introduction to Vitest.mp4

02:50

19 – Master Project Deployment + Production

18 – Master Project Performance Optimizations

17 – Master Project PWA (Progressive Web App)

001 What are Progressive Web Apps.mp4

04:19
002 The Manifest File.mp4

05:24
003 Generating the Manifest File.mp4

05:35
004 Configuring the Manifest File.mp4

03:29
005 Offline Support with Service Workers.mp4

06:00
006 Understanding Caching.mp4

03:00
007 Workbox.mp4

05:15
008 Firebase Data Persistence.mp4

04:18
009 Handling Offline Uploads.mp4

05:34

16 – Master Project Internationalization

15 – Master Project Directives

14 – Master Project Playing Music

012 Detecting Query Parameters.mp4

06:55
023 Route Transitions.mp4

04:43
022 Creating links with Hash Fragments.mp4

04:48
020 Changing the Audio Position.mp4

10:23
019 Player Progress Bar.mp4

08:21
018 Formatting the Time.mp4

04:31
017 Duration and Current Position.mp4

06:13
016 Toggling Audio.mp4

10:03
015 Playing Audio.mp4

03:33
014 Storing the song in the State.mp4

07:27
013 Updating the Comment Count.mp4

04:27
001 Creating the Home Page.mp4

09:40
011 Query Parameters.mp4

05:43
010 Updating the Comments List.mp4

07:34
009 Displaying the Comments.mp4

06:20
008 Finalizing the Comment Form.mp4

10:23
007 Prepping the Form.mp4

04:42
006 Validating the Comment.mp4

03:58
005 Creating the Song Template.mp4

09:53
004 Path Parameters.mp4

04:47
003 Infinite Scrolling.mp4

08:23
002 Checking the Scroll Position.mp4

08:12

01 – Introduction

12 – Master Project Routing

001 Understanding Routing.mp4

04:45
002 Reviewing the Router Configuration.mp4

05:06
003 Creating Routes.mp4

07:09
004 History Mode.mp4

08:47
005 Navigating with Links.mp4

05:47
006 Custom Links.mp4

05:21
007 Tailwind Styles for Active Links.mp4

05:02
008 Naming Routes.mp4

04:15
009 Setting up “Catch-All” and Redirect Routes.mp4

06:23
010 Route Alias.mp4

02:38
011 Guarding Routes.mp4

05:13
012 Route Specific Guards.mp4

04:54
013 Guarding Authentication Only Routes.mp4

03:20
014 Redirecting after Logging Out.mp4

04:55
015 Route Meta Fields.mp4

08:26

11 – Master Project Authentication

010 Logging the user in after Signup.mp4

06:47
018 Sidebar JSON Web Tokens.mp4

09:10
017 Signing Out.mp4

08:03
016 Setting up the Login.mp4

06:42
015 Persisting the User Authentication.mp4

06:29
014 Initializing Firebase First.mp4

04:39
013 Connecting the User with their Data.mp4

08:24
012 Using Actions.mp4

07:45
011 Understanding Actions.mp4

02:22
001 Understanding Authentication.mp4

06:23
009 Understanding Authentication.mp4

06:25
007 Storing the User Form Data.mp4

07:56
006 Exporting Services.mp4

04:54
005 Handling the Response.mp4

04:48
004 User Registration.mp4

06:30
003 Setting up the Firebase SDK.mp4

07:37
002 Reviewing the Rules.mp4

04:49

10 – Master Project Form Validation

010 Dropdown and Checkbox Fields.mp4

07:29
018 Setting up the Login Form.mp4

18:00
017 Showing Alerts.mp4

08:57
016 Validation Triggers.mp4

03:58
015 Custom Error Messages.mp4

10:34
014 Default Values.mp4

01:53
013 Rendering Multiple Error Messages.mp4

06:22
012 Sidebar Slot Properties.mp4

08:34
011 Validating the Form.mp4

04:01
001 Setting up Form Validation.mp4

04:30
009 Validating Passwords.mp4

05:01
008 Validating Numbers.mp4

04:32
007 Validating Emails.mp4

03:40
006 Additional Rules.mp4

06:30
005 Applying Rules.mp4

05:35
004 Defining Rules.mp4

03:48
003 Validation Components.mp4

05:31
002 Registering a Plugin.mp4

05:34

09 – Master Project Introduction to Pinia

011 Reviewing the Pinia Configuration.mp4

06:04
020 Adding Tabs.mp4

05:33
019 Aliases.mp4

03:13
018 Closing the Modal.mp4

02:05
017 Using Getters.mp4

04:09
016 Understanding Getters.mp4

01:31
015 Alternative Mapping Functions.mp4

03:06
014 Working with State.mp4

06:40
013 Disabling Vue’s Rules.mp4

04:52
012 Splitting the Template into Components.mp4

05:23
001 The Next Step.mp4

01:31
010 Understanding State.mp4

05:34
009 Loading Assets.mp4

03:59
008 Practicing with Tailwind.mp4

05:15
007 Installing Tailwind.mp4

07:58
006 What is Tailwind.mp4

05:36
005 Adding the Template.mp4

08:13
004 Formatting with ESLint and Prettier.mp4

04:30
003 Reviewing the Files.mp4

06:19
002 Creating a New Project.mp4

04:39

08 – Project 2 Vue Quiz App

07 – Transitions & Animations

001 Animating with CSS Transitions.mp4

09:47
002 Fine-tuning Transitions.mp4

05:11
003 Animating with CSS Animations.mp4

08:32
004 Animating with JavaScript.mp4

06:34
005 JavaScript Zoom Animation.mp4

06:51
006 CSS and JavaScript Transitions.mp4

03:24
007 Animating a List.mp4

08:53
008 Fixing the Animation.mp4

04:18
009 Transition CSS Class Names.mp4

05:37

06 – Advanced Vue Components

001 Scaffolding a Vue Project.mp4

09:08
002 Sidebar Understanding Servers.mp4

05:25
003 Reviewing the Files.mp4

09:29
004 Creating Components.mp4

04:04
005 Child Components.mp4

08:16
006 Component Styles.mp4

06:29
007 Using SASS in Components.mp4

02:04
008 Communicating Between Components.mp4

02:21
009 Props.mp4

06:13
010 The Limitations of Props.mp4

03:46
011 Emitting Events.mp4

08:34
012 Validating Props.mp4

07:35
013 Callback Functions.mp4

04:58
014 Inserting content with slots.mp4

08:33
015 Named Slots.mp4

07:07
016 Dynamic Components.mp4

09:38

05 – Vue Developer Environment

04 – Vue Beyond the Fundamentals

03 – Project 1 Perspective Playground

02 – Vue Fundamentals

012 Passing on Data with Events.mp4

02:33
023 Understanding the role of the key attribute.mp4

08:15
022 List Rendering.mp4

12:00
021 The v-show Directive.mp4

04:24
020 Conditional Rendering.mp4

10:04
019 Binding Styles.mp4

05:13
018 Binding Classes.mp4

08:09
017 Watchers.mp4

03:12
016 Computed Properties.mp4

09:06
015 v-model Modifiers.mp4

05:19
014 Keyboard Events and Modifiers.mp4

04:54
013 Event Modifiers.mp4

02:31
001 Getting Started.mp4

07:37
011 Listening to Events.mp4

07:06
010 Outputting Raw HTML.mp4

06:00
009 Binding Attributes.mp4

02:38
008 Two-way data binding.mp4

07:13
007 Directives.mp4

05:07
006 Methods.mp4

04:40
005 Accessing the Instance Data.mp4

06:01
004 Multiple Vue Instances.mp4

04:06
003 Working with Data.mp4

08:43
002 Vue Dev Tools.mp4

06:01

Student Ratings & Reviews

No Review Yet

About Course

Course Content

13 – Master Project Uploading Files

014 Canceling Uploads.mp4

026 Router Leave Guards.mp4

025 Updating the list of songs after an Upload.mp4

024 Deleting a Song from the StorageDatabase.mp4

023 Editing a Song.mp4

022 Validating the Song Form.mp4

021 Toggling the Form.mp4

020 Prop Validation.mp4

019 Displaying the List of Songs.mp4

018 Storing the List of Songs.mp4

017 Querying the Database.mp4

016 One more thing about References.mp4

015 Cancelling Uploads with Refs.mp4

001 Preparing the Upload Component.mp4

013 Fallback Upload.mp4

012 Firebase References and Snapshots.mp4

011 Storing the File Data in the Database.mp4

010 Handling Errors and Successful Uploads.mp4

009 Improving the Progress Bar.mp4

008 Making the Progress Bar Dynamic.mp4

007 Adding the Progress Bar.mp4

006 Firebase Rules and Validation.mp4

005 Uploading Files with Firebase.mp4

004 Enabling Firebase’s Storage Service.mp4

003 Handling the File.mp4

002 Handling Drag and Drop Events.mp4

24 – Appendix Extra Bits

003 Using The TerminalCommand Prompt.mp4

004 Running script.js In Node.mp4

005 Modules In Node.mp4

007 ES6 Modules In Node.mp4

008 Types of Modules.mp4

23 – Where To Go From Here

001 Thank You!.mp4

22 – Component Design Patterns

001 Section Overview.mp4

002 Controlled Components.mp4

003 Separation of Concerns.mp4

004 Third-Party Libraries as Controlled Components.mp4

005 Moving Beyond Vue’s Event System.mp4

006 Encapsulating Scrolling.mp4

007 The Teleport Component.mp4

21 – Composition API

001 The Composition API.mp4

002 Mixins.mp4

003 Reactive References.mp4

004 The Reactive Function.mp4

005 Watchers and Computed Properties.mp4

006 Lifecycle Functions.mp4

007 Props.mp4

008 Template Refs.mp4

009 Emitting Events.mp4

010 Advantages of the Composition API.mp4

011 Router Hooks.mp4

012 Pinia Hooks.mp4

013 Verifying Reactivity.mp4

014 The setup Attribute.mp4

20 – Master Project Testing Your Vue App

010 Testing Children Components.mp4

018 Writing an E2E Test.mp4

017 E2E Testing Overview.mp4

016 Snapshot Testing.mp4

015 Testing Router Components.mp4

014 Mocking Promises.mp4

013 Testing Pinia Actions.mp4

012 Testing Attributes.mp4

011 Mocking Methods.mp4

001 Introduction to Testing.mp4

009 Avoid Boolean Assertions.mp4

008 Stubbing Components.mp4

007 Passing Data to Components.mp4

006 Testing the Inner Content.mp4

005 Mounting with Vue Test Utils.mp4

004 Writing Our First Test.mp4

003 Adding the Vitest UI.mp4

002 Introduction to Vitest.mp4

19 – Master Project Deployment + Production