Tips for getting Started with web front end engineers

This article is for those who want to get started web front-end Project beginners, master please pass by, also welcome the master to shoot bricks.

First of all, the value of Web front-end engineers, the current web product interaction more and more complex, user experience and site front-end performance optimization These have to rely on web front-end engineers to do the Web front-end engineers are design and development of the complex, web front-end engineers are the most direct-oriented products in the developer, For a user-oriented designer, the result of a development team is to be presented by a web front-end engineer, because the user is not concerned about how powerful the processing in the background is; In the designer, the Web front-end engineer is a designer who directly targets developers, passing on the design concept to the developer in a computer-language way, Web front-end engineers are critical throughout the team.

In my eyes, a qualified web front-end engineer has to master HTML, CSS, and JavaScript. You have to be familiar with all these languages if you know only one or two of them. It's not that you have to be very proficient in these languages, but at least you have to be able to use them to do most of the work without having to ask for help frequently.

Below is the basic knowledge and skills that my web front-end engineers need to master:

1 basic structure of Web pages (HTML + CSS)

HTML is a markup language, not a programming language, the most basic is that tags are

2 how browsers are displaying Web pages

Different kernel browser to the page rendering is not the same, the browser now has a client debugging tool, showing a Google home page under the IE9 loading details:

Learn more about browser rendering and details when doing Web performance optimization. Say a more useful point of knowledge: the current browser parallel loading limit is 6, the old version of the browser will be different.

3 The life cycle of Web pages

Depending on the web framework, the life cycle of the page will be different, roughly the same: the client sends a GET request, the server returns to the corresponding page, the client completes the operation and data, and then posts it to the server. Be sure to keep the details of the data passing (front and back, between pages) in mind.

4 DHTML DOM BOM Javascript AJAX

This is the top priority of Web front-end development, and most of the time we are dealing with them. Say a few things: JavaScript is single-threaded programming, so-called JavaScript asynchronous programming is just a plan to execute the event at some point in the future; Learn more about DOM event mechanisms ; Client storage (added Localstorage and sessionstorage in HTML5); JavaScript is not as rigorous as server-side language, debugging is not very convenient, so start with a rigorous javascript editing habit JavaScript is very powerful and flexible, don't fantasize about being proficient in a short time (not to mention mastering it), and write frameworks, libraries, or start with a well-established framework such as jquery, and be proficient in using client-side debugging tools.

Experience in server-side language development, PS cut-graph technology

Web front-end development is somewhere in the middle of design and development, so everything on both sides has to be understood. Editing language is interlinked, previously written server language, for learning JavaScript is very useful, from the picture to static HTML page, without the PS cut graphics technology.

5 Browser compatibility

For historical reasons, browser compatibility has always plagued the Web front-end engineers, although there are W3 organizations, and developed some specifications, although the browser manufacturers are trying to improve and close to their specifications, but the real network environment of various kernels, various versions of the browser has a place. To solve the browser compatibility by accumulating experience, there is a lot of information on the Internet.

6 Fast learning ability and willingness to learn actively

The development of the Web front-end quickly, engaged in this industry must have rapid learning ability and active learning will, so as to adapt to the requirements of web products. In the Web front-end domain there is no absolute and non, solve a problem in a number of ways, but we have to find a more appropriate method, to find a more appropriate method needs to accumulate experience, in short, the Web front-end easy to get started, want to proficiency difficult, need more active learning will.

7 Good communication skills

Excellent front-end engineers need to have good communication skills, because your work is closely related to many people's work, such as project managers, designers, end users, development engineers, front-end engineers at the intersection of these categories of people, these roles require you to take care of, balance the needs of these four categories of people, Come up with a more appropriate solution. This shows that the communication ability to the front-end engineers demanding higher.

Finally, some good learning materials are provided:

1. The JavaScript authoritative guide

2. The Art of Javascript+dom programming

3. Advanced programming of JavaScript

Learn the front-end students

Welcome to join the front-end learning Exchange QQ Group: 461593224

Tips for getting Started with web front end engineers