"Front-end Engineering Lecture" solves the problem of front-end efficiency engineering in one stop

Training course content:
The column sorts out the knowledge points and cases related to efficiency improvement in the front-end development workflow, builds a systematic front-end efficiency knowledge system for you, establishes correct problem-solving ideas, and gives you a basis for efficiency optimization.

The course is explained from three dimensions: development efficiency, construction efficiency and deployment efficiency.
Part 1: Development efficiency. Development is the most familiar part of our daily work process. If you want to do your work well, you must first sharpen your tools. In this section, the column mainly analyzes the efficiency improvement points of various projects in the development process, such as how to select and configure custom scaffolding when the project starts, how to configure our development and debugging environment, and other efficiency optimization details. It will also introduce new ideas for improving efficiency such as popular cloud development, no-code tools, and low-code tools. After learning, you will be able to freely choose and build the development toolset that best suits you in future project development.
Part 2: Build efficiency. This column will analyze the key factors that affect webpack build time and provide detailed analysis of the corresponding solutions and tools. In addition, the column will further explain the new efficiency improvement solutions in webpack 5 and show you the advantages and disadvantages of no-bundle type building tools. By studying these contents, you will establish a complete idea of ​​building tool optimization, further optimize project building efficiency, and save unnecessary waiting time to the greatest extent.
Part III: Deployment efficiency. Code building and deployment is an extension of front-end capabilities. Many companies use a common CI/CD system for front-end and back-end code deployment in their daily work, but few front-end developers can optimize the process efficiency during use. In this section, I will introduce you to the CI/CD systems commonly used in the industry, analyze the efficiency optimization points of front-end projects, and the points to pay attention to and optimization space when deploying front-end projects, from packaging solutions to containerization solutions. After studying this part, you can combine the technical characteristics of your company to create or optimize the deployment process suitable for your front-end project.

"Front-end Engineering Lectures" One-stop solution to front-end efficiency engineering problems Course Contents:
Part 1: Development Efficiency
01 Project cornerstone: exploring the front-end scaffolding tools
02 Interface debugging: How does hot update technology repair the engine while the plane is flying?
03 Build Speedup: How to Use SourceMap Correctly?
04 Interface debugging: How can Mock tools quickly debug interfaces?
05 Coding efficiency: How to improve the efficiency of writing code?
06 Team Tools: How to use cloud development to improve team development efficiency?
07 Low-code tools: How to achieve more flexible requirements with less code?
08 No-code tools: How to achieve efficient delivery without writing code?
Part 2: Build Efficiency
09 Build Overview: The Evolution of Front-End Build Tools
10 Process decomposition: Webpack's complete build process
11 Compilation efficiency improvement: How to speed up the Webpack compilation phase?
12 Packaging efficiency improvement: How to speed up the Webpack packaging stage?
13 Cache optimization: cache-based optimization solutions
14 Incremental build: Incremental build in Webpack
Version 15 features: Optimization details in Webpack5
16 No-bundle build: Inventory of No-bundle build solutions Part 3: Deployment efficiency
17 Introduction to deployment: Why is code generally not deployed in a development environment?
18 Tool Inventory: Master Those Popular Code Deployment Tools
19. Improve installation efficiency: Optimize the efficiency of dependency installation in the deployment process
20 Process Optimization: Optimizing the build process strategy in the deployment process
21 Container solution: From construction to deployment, what are the advantages of containerization solutions?
22 Case Study: Building a Basic Front-End Efficient Deployment System Conclusion Future Prospects for Front-End Efficiency Engineering