front-end development learning

What do you need to learn about front-end development? According to the Internet Industry Talent Shortage Index (TSI) report, WEB front-end development engineers have become the most in-demand jobs in the Internet industry today. According to this report, the Internet has become the industry with the most urgent demand for talents in the whole industry; and among the various shortage positions in the local Internet, various R&D technology positions are firmly in the forefront. It can be seen that the web front-end development profession is hot at the moment, so what needs to be learned in web front-end development? Can I become a qualified web front-end developer? Let's take a closer look at the learning content of the web.

A qualified web front-end development engineer should have both breadth and depth in the knowledge system. In the past, Photoshop and Dreamweaver can make web pages, but now it is far from enough to master these. Whether it is development difficulty or development method, the current web page production is closer to the traditional website background development, so it is no longer called web page production, but web front-end development. The role of web front-end development in product development has become more and more important, and it requires professionally studied front-end engineers to do well. Professionals in this field have been favored in the past two years.

Therefore, an excellent front-end development engineer not only needs to master all kinds of technologies necessary for the front-end, but also master other technologies, and needs to master a little background knowledge. SEO website optimization technology, so that it can be called an "excellent web front-end development engineer". How can we do better?

First, you must master basic web front-end development technologies, including: CSS, HTML, SEO, DOM, BOM, Ajax, JavaScript, etc. While mastering these technologies, you must also clearly understand their compatibility on different browsers Situation, rendering principle and existing bugs.

Second, in the knowledge structure of a qualified front-end engineer, the basic knowledge of website performance optimization, SEO and server-side must also be mastered.

Third, we must learn to use various tools for auxiliary development.

Fourth, in addition to mastering technical knowledge, you must also master theoretical knowledge, including code maintainability, ease of use of components, hierarchical semantic templates and browser hierarchical support, etc.

According to the talent requirements of the above enterprises, the well-known team of Qianfeng Education has developed the latest web front-end development training course system:

the first stage: front-end page reconstruction

1. PC-side website layout

- front-end development environment introduction (DreamWeaver, Notepad++, HBuilder)

- HTML Basics, CSS Basics, CSS Core Properties

- CSS Style Cascading, Inheritance, Box Model

- Containers, Overflow and Element Types

- Browser Compatibility and Adaptive Width and Height

- Positioning, Anchors and Transparency

- Image Integration

- Tables, CSS Properties and Filtering Mirror

- CSS Optimization

2, HTML5+CSS3 Foundation

- HTML5 New Elements and Properties

- Form Field Enhancement Elements

- CSS3 Selectors

- Text Font Related Styles

- CSS3 Displacement and Deformation Processing

- CSS3 2D Transformation and Excessive Animation

- CSS3 3D Transformation and Keyframe Animation

- Flexbox Model

- Media Query

- Responsive Design

3. WebApp Page Layout

- Mobile Page Design Specification

- Mobile Cutout

- Text flow/control flexibility/image equal ratio/specially designed 100% layout

- proportional scaling layout

- viewport/meta

- use of rem/vw

- flexbox detailed

- mobile web special style processing (reset, 1px border, high-definition image) )

 

The second stage: JavaScript advanced programming

4. Native JavaScript interactive function development 5.

Object-oriented advanced and ES5/ES6 applications Development 8. HTTP Protocol, Ajax Advanced and Back-end Development - Detailed Explanation of HTTP(s) Protocol - Ajax Advanced, Cross Domain and Deferred - PHP Foundation - MySQL Foundation - Apache and Nginx Environment Construction and Configuration - Interface Definition - Mock Data - Restful - Front-end and back-end joint debugging - Front-end security (XSS, CSRF, JSON injection) 9. Front-end engineering and modular application 10. PC-side website development 11, AngularJS 12, PC-side management information system front-end development Stage 4: Mobile Terminal project development





 

































 



13. Touch terminal

14. WeChat scene 15. Application of Vue.js to develop

WebApp

16. Application of Ionic to develop WebApp

. Native 20. Various hybrid application development The sixth stage: WebApp back-end system development 1. NodeJS foundation and NodeJS core modules - NodeJS introduction - NodeJS environment construction and introduction - ES6 application in NodeJS - CommonJS module - fs and path module - stream - socket.io - http module API - URL module - local storage of data 2. Express - express api - express middleware - ejs/jade 3. noSQL database - mongodb and mongoose - framework middleware - project actual import