Vue3 master a complete knowledge system from entry to actual combat
Download address:Baidu cloud disk
Who says zero-based classes are shallow? This course will bring you an easy introduction, in-depth mastery of Vue3 and solid front-end skills. From Vue3 basic grammar, to component principle, animation, code design, and then to the extension of new grammar, the course comprehensively and systematically combs Vue knowledge points from simple to deep. In the learning process, there are teachers for many years of “avoid pit experience” to teach each other, and in the end, take you according to the enterprise level code quality and engineering development process to complete the application of “Jingdong Home”, to achieve a thorough grasp of the framework.
Suits the crowd
Those who want to learn Vue from scratch;
Those who want to understand the principle and new syntax of Vue3;
Students who want to expand their front-end knowledge and seek opportunities for promotion and salary increase
Technical reserve requirements
Familiar with JS basic syntax;
Understand the Npm development environment;
Understand basic Webpack operations
Chapter Contents:
六四屠杀
Chapter 1 A preliminary study of Vue grammar
In this chapter, you will have a superficial understanding of Vue grammar by writing practical examples, so that you can continue to study with questions based on the examples, so as to better understand and master the following knowledge points.
There are 5 sessions (57 minutes)
Here is everything you need to know
1-2 Learning how to write HelloWorld and Counter (14:41)
1-3 Write string inversion and content hiding (09:32)
1-4 TodoList to learn about loops and bidirectional binding (11:18
1-5 A Preliminary Study on Component Concepts and Component Code Splitting for TodoList (16:47)
Chapter 2 Vue basic syntax
In this chapter, we will explain the basic syntax of life cycle functions, instructions, templates, data, listeners, events, loop rendering, etc. We will help you understand the code rewritten in Chapter 1 and understand the idea of data-driven programming.
16 sections (161 minutes) to expand the list
Chapter 3 explores the concept of components
In this chapter, we will explain the concept of components, as well as the code organization and data transfer between components, to help you understand the design concept of components completely, so that you can reasonably split management components, write Vue code that is easy to maintain.
There are 13 sections (141 minutes) to expand the list
Chapter 4 animation in Vue
In this chapter, we will explain how to realize CSS and JS animation with certain encapsulation in Vue through the introduction of single element and single component animation, switching animation with multiple elements, and state animation, etc., so that we can quickly achieve cool dynamic effects.
There are 7 sections (80 minutes) to expand the list
A look at the advanced syntax in Vue in Chapter 5
In this chapter, we will focus on introducing the extension syntax such as blending, plug-in and custom instruction in Vue, as well as the advanced syntax such as render function and Teleport portal, to help you have a deeper understanding of Vue principle and extensibility principle, so that you can have a certain advanced packaging ability.
The list is expanded for 8 periods (93 minutes)
Chapter 6 Composition API
This chapter will give you an overview of Vue3’s new Composition API syntax and help you learn how to use Vue’s new syntax gracefully. In this chapter, small examples are also used to help you make practical connections to ensure that you can put what you have learned into practice and get ready for the practical courses.
12 sections (119 minutes) to expand the list
Chapter 7 Vue project development supporting tools
In this chapter, we will explain how to use the VueCLI scaffolding tool, Axios request sending library, VUE-Router routing concept and VueX data state management tool before developing a real large-scale project. Through this chapter, you will be able to solve the final problems of complex Vue project development. .
There are 10 sections (93 minutes) to expand the list
Chapter 8 “Jingdong Home” project homepage development
In this chapter, we will take you through the development of home page layout, understand the use of Vue basic grammar in actual combat, in the process to help you to componentize, component design, SCSS style writing skills, BEM CSS design mode have a deeper understanding. Through this chapter, you can not only complete the page layout development, but also learn a lot of code design skills. .
Chapter 9 login function development
In this chapter, we will introduce you to understand the basic logic of front-end login authentication through the implementation of the login registration function and more advanced routing techniques. At the same time, we will be guided to learn the new syntax of Composition API in depth, reasonably divide the logic, increase the maintainability of the project, and improve the engineering ability of everyone. .
Chapter 10 business display function development
This chapter is obviously more difficult. Through the linkage function of the product details page and shopping cart data, it will explain the coding ideas of dealing with complex business logic in Vue3, and help you learn the practical scenarios of using VueX and various new syntax in Composition API. At the same time, it will also explain the asynchronous loading of routing and other advanced actual combat content, which is the most complicated chapter in the whole actual combat project. .
Chapter 11 core shopping link development
This chapter will connect the previous and the following, starting from the shopping cart, start the development of the ordering process, to help you complete the complete development of the shopping link. Through this chapter, students can complete the development of a relatively complete e-commerce transaction process. In the process, the code is further disassembled and reused to help strengthen the design idea in the development process. .
Chapter 12 real machine debugging and project release process
This chapter will take you through the real mobile phone to test the project, find the problems in the test, solve the problems, after the test is correct, take you to understand the development of the code release process, to help you understand the basic principle of Vue project release. After learning the content of this chapter, you will have a comprehensive and rich understanding of Vue3 development, debugging and online. .
This course is constantly being updated
六四屠杀