What skills are needed to learn web front-end?

1. HTML5 CSS3

HTML5 and CSS3 are basic contents that must be learned on the way to becoming a Web engineer. They mainly include understanding common browsers and browser kernels; understanding the concept of semantics; Master HTML5 syntax and usage skills; master common HTML5 tags. Master CSS syntax and usage skills; master DIV CSS layout methods; master common web page layout patterns. Master the new HTML5 layout tags and multimedia tags; master CSS32D, 3D transformation, and animation effects; be able to use the new CSS3 attributes to beautify and modify web pages; understand the differences in mobile screens, mobile browsers, and operating systems.

2. JS interaction design

JS interaction technology can give the page a dynamic effect display and improve the user's browsing experience. This part mainly involves mastering the basic syntax of JavaScript through JS learning; Master common JavaScript algorithms; master various operations of DOM; be proficient in using object-oriented ideas for DOM programming; master the advanced syntax of JavaScript; master common JavaScript compatibility solutions. Proficient in using jQuery to operate DOM; proficient in using and writing jQuery cases.

3. Node development

Node.js is not just a framework, it is a complete JavaScript environment equipped with development tools that developers may need. Therefore, learning Node well is a technology that needs to be mastered in connecting front-end and back-end development. This part requires mastering the basic usage and compatibility of ES6; mastering the core syntax of ES6; and using ES6 to implement front-end modular development. Use the Webpack module packager; use Node.js for Web server development; master the JavaScript asynchronous programming model; master the JavaScript modular programming method; use Node.js to operate the MongoDB database; independently develop dynamic websites based on background interfaces and Ajax data interaction Project; independently complete the basic development work of the corporate website from the front desk to the back office.

4. Front-end framework

Front-end framework is a skill that web developers need to master, and it will be widely used in actual development. So you need to master the current front-end framework. Mainstream Vue, React, Angular, etc., master D3.js for big data visualization interactive development; master the Vue technology stack for project development; master the React technology stack for project development; master the use of mainstream frameworks to develop portals, management systems, mobile Web, etc. Client; master the Webpack project construction and configuration process; master the deployment and release mode of Web projects; master the development of common website business modules, etc.

5. Mini Program and APP Development? Nowadays, mobile applications are becoming more and more popular. Mastering the mini program and APP development technology can enhance one's competitiveness. This requires mastering the basics of mini program development; being able to independently Develop mini program projects; be able to master the use of Canvas; be able to master the deployment and release of mini programs; be able to master the use of the mini program development framework mpvue; master the use of third-party AI platforms. Be able to master the basics of small game development; be able to independently develop small game projects; be able to master the deployment and release of small games; be able to independently use ReactNative to develop native apps.

Video tutorial:

Web link