Introduction to web Front-end engineers and introduction to web engineers

Introduction to web Front-end engineers and introduction to web engineers

This article is intended for beginners who want to get started with the web Front-end project. If you are an expert, please pass by. You are also welcome to make a brick.

Let's talk about the value of web Front-end engineers. At present, web product interaction is becoming more and more complex, the user experience and website front-end performance optimization depend on web Front-end engineers as web Front-end engineers. They are a combination of design and development. web Front-end engineers are the most direct product-oriented developers, for user-oriented designers, the result of a development team is presented by web Front-end engineers, because users do not care about how powerful background processing is; among the designers, web Front-end engineers are directly oriented to developers and pass their design concepts to developers in a computer language, web Front-end engineers are critical to the entire team.

In my opinion, a qualified web front-end engineer must master HTML, CSS, and JavaScript. You can only understand one or two of them. You must be familiar with these three languages. It doesn't mean that you must be proficient in these three languages, but you must at least be able to use them to complete most tasks without frequently asking for help from others.

The following describes the basic knowledge and skills that web Front-end engineers need to master:

1. Basic Structure of a webpage (HTML + CSS)

HTML is a markup language rather than a programming language. The most basic labels are

2. How does a Browser display a webpage?

Browsers with different kernels render webpages differently. Currently, browsers have client debugging tools to display the loading details of a google homepage under IE9:

When optimizing web performance, you need to know more about browser rendering and details. A useful knowledge point: currently, the maximum number of concurrent browser loading is 6, which may vary with older browsers.

3. Web page Lifecycle

Different web frameworks have different page lifecycles, which are roughly the same: the client sends a GET request, the server returns the corresponding page, the client completes the operation and data, and then POST the request to the server. Be sure to understand the details of data transmission (between the front-end and the back-end and between pages.

4 dhtml dom bom Javascript AJAX

This is the focus of Web Front-end development. Most of the time we are dealing with them. Note: javascript is a single-thread programming. The so-called javascript asynchronous programming only plans to execute corresponding events at a certain time in the future. Learn more about the DOM event mechanism; client storage (localStorage and sessionStorage are added to HTML5). javascript is not as rigorous as the server language and debugging is not very convenient. Therefore, you must develop a rigorous javascript editing habit at the beginning; javascript is very powerful and flexible. Do not fantasize about being proficient in a short period of time (not to mention being proficient) It, and write some frameworks and class libraries. In the initial stage, you should first use sophisticated frameworks (such as jquery) be familiar with client debugging tools.

Server-side language development experience, PS graph cutting technology

Web Front-end development is between design and development, so you have to understand what is at both ends. The editing language is the same. I have previously compiled a server language, which is very helpful for learning javascript. converting an image into a static HTML page requires the PS graph cutting technology.

5. browser compatibility

Due to historical reasons, browser compatibility has been plagued by front-end web engineers. Although W3 organization and some standards have been developed, browser vendors are working hard to improve and conform to the standards, however, browsers of various kernels and versions have a place in the real network environment. Experience has been used to solve browser compatibility problems. We have a lot of information on the Internet.

6. Quick learning ability and willingness to take the initiative

The development of web Front-end is very fast. To engage in this industry, you must have the ability to learn quickly and take the initiative to learn in order to meet the requirements of web products. There is no absolute right or wrong in the web Front-end field, and there are many ways to solve a problem, but we need to find a more appropriate method and find a more suitable method that requires accumulation of experience, in short, it is easy to get started with web Front-end, and it is difficult to be proficient. More willingness to learn is required.

7. Good communication skills

Excellent front-end engineers must have good communication skills, because your work is closely related to the work of many people, such as project managers, designers, end users, and development engineers, front-end engineers are at the intersection of these types of people. You have to take care of these roles, balance the needs of these four types of people, and come up with a suitable solution. It can be seen that the communication capability has higher requirements for front-end engineers.

Finally, we provide some good learning materials:

1. javascript authoritative guide

2. javascript + DOM programming Art

3. javascript Advanced Programming

Front-end students

Welcome to the front-end study and exchange QQ group: 461593224