Frontend Masters – Production-Grade Vue.js 2021-2

Published on: 2021-06-22 13:37:17

Categories: 28

Description

Production-Grade Vue.js is a product-grade training program that is scalable and can grow. During this course you will learn about component design patterns, workflows to improve productivity, method evaluation, status management, navigation, and best practices for highly complex application architectures.

What you will learn in the Production-Grade Vue.js course:

Familiarity with the best way to draw coding in JavaScript, HTML and CSS languages with exercises and answers
Familiarity with CLI and its alternatives
Learn Component-related topics including naming, rewriting to reduce complexity, component file structure, Component Props, and solving complexity problems using Slots, Dynamic Components Switch
Composition API and its modules with exercises and answers
Status management and a variety of routing techniques
Library testing and evaluation, working with Cypress and Unit & E2E tests
Learning Correction Maintenance (Code Maintenance)

Course details:

Publisher: FrontendMasters
Instructor: Ben Hong
Language: English
Level of Study: Basic to Advanced
Number of Courses: 36
Duration: 4 hours and 37 minutes

Course topics:

Introduction

Introduction (00:00:00 – 00:02:13)

Best Practices

JavaScript Best Practices (00:02:14 – 00:08:16)
HTML Best Practices (00:08:17 – 00:17:58)
CSS Best Practices (00:17:59 – 00:26:39)
Best Practices Exercise (00:26:40 – 00:29:00)
Best Practices Solution (00:29:01 – 00:35:44)

CLI

Vue CLI (00:35:45 – 00:46:14)
Vue CLI Alternatives and Q&A (00:46:15 – 00:55:51)

Components

Component Naming Conventions (00:55:52 – 01:06:03)
When to Refactor (01:06:04 – 01:12:12)
Component File Structure (01:12:13 – 01:24:48)
Component Props (01:24:49 – 01:28:57)
Solving Prop Complexity with Slots (01:28:58 – 01:35:38)
Dynamically Switching Components (01:35:39 – 01:39:31)
Component Design Patterns (01:39:32 – 01:45:37)
Mixins (01:45:38 – 01:50:12)
Provide & Inject (01:50:13 – 01:55:36)

Composition API

Composition API (01:55:37 – 02:08:38)
Composition Modules (02:08:39 – 02:25:25)
Composition Exercise (02:25:26 – 02:26:33)
Composition Solution (02: 26:34 – 02:31:35)

State Management

Vuex Best Practices (02:31:36 – 02:46:09)
Vuex and Composition API Q&A (02:46:10 – 02:54:00)
Routing Techniques (02:54:01 – 03:01:53)

Testing

Testing Libraries (03:01:54 – 03:08:41)
Unit & E2E Testing (03:08:42 – 03:20:02)
Testing Q&A (03:20:03 – 03:24:42)
Cypress (03 : 24: 43 – 03:29:09)

Code Maintenance

Following Best Practices (03:29:10 – 03:37:22)
Selection & Implementation of Conventions (03:37:23 – 03:47:09)
Maintenance of Conventions (03:47:10 – 03:53:01)
CI Best Practices (03:53:02 – 04:04:04)
Core Principles of Enterprise Code (04:04:05 – 04:10:04)
Migrating from Vue 2 to Vue 3 (04:10:05 – 04: 14:14)
Vue Architecture Q&A (04:14:15 – 04:33:19)

Wrapping Up

Wrapping Up (04:33:20 – 04:37:50)