The difference between front-end development engineer and art master knowledge

Article Description: the knowledge that the front-end development needs to possess.

Absrtact: Many companies and even most of the Internet site for the main business companies will be "art" of the concept of confusion, usually these companies will be Web design + Web production staff collectively referred to as "art." and a mature Internet company will be the site's talent planning more detailed, such as ued team (user experience design, English user experience), which is divided into "interactive design", "visual Design", "Front-End development", "User research", "copy" and other positions. Today mainly for this topic, and you share the "art" and "front-end" between the functions of the difference ...

One, what is art?

Art: Art Engineer (art Engineer), usually from the art of Arts and design colleges and universities mostly.
According to the nature of the work of art generally divided into graphic art, three-dimensional art, Web art three categories.
Graphic artists are designed with fireworks or Photoshop to create a flat look.
Three-dimensional art is designed with 3DMAX tools such as three-dimensional role model design, prop model design, environmental scene model design, packaging design.
Web page Art is the art of Dreamwerver and other Web page editing software has been designed to the plane effect map, made HTML static Web page files. This requires the use of CSS and DIV technology, which is called Chettu. Said the detailed point is, the Web page art general needs to be proficient in photoshop/css/html/javascript and so on network language or the tool carries on the webpage frame, the color, the tone, the creativity and so on processing.
And here is the Web page art, in fact, is the product of the Web1.0 era, when the site for static HTML pages, users use the site's behavior is mainly browse. And 2005 years later, the Internet into the Web2.0 era, a variety of similar desktop applications have a large number of web apps appear. such as Gmail Googlereader and so on. The front-end and interaction of the site has undergone tremendous changes, the Web page is no longer just a single text and pictures, a variety of rich media to make the content of the Web page more vivid, and the interactive form of software to provide users with a better experience, these are based on a variety of front-end technology to achieve close collaboration. Thus, "Front-End development engineer" This position arises spontaneously!

Second, what is the front-end development engineer?

The front-end development engineer is the Web front-end development engineer's abbreviation, is in the last five years really began to receive the attention of a new career. Web front-end development technology is a first easy and difficult process, mainly includes three elements: HTML, CSS and JavaScript, which requires the front-end development engineer not only to master the basic Web front-end development technology, Web site performance optimization, SEO and server-side basic knowledge, and learn to use a variety of tools to assist development and theoretical level of knowledge, including the maintenance of the code, the ease of assembly, layered semantic templates and browser rating support.
The front-end development engineer, simply, is to turn the designer's artwork into an HTML page that is really being rendered in the browser for the user to click on the operation interaction, this work can be simple to use Photoshop Fireworks point a few mouse direct Export page, can also be complex to consider the semantics of each label, Overall performance, browser compatibility, user interaction, search engine optimization and so on; The basic requirements of the skills are skilled use of graphics and image processing tools, proficient in html/css/javascript front-end language, it is best to understand a server-side language such as PHP and so on. Want to get started front-end development this industry is very simple, buy a book on the Html+css, self-study a two-week time, may be able to find a "web production" of the occupation, but want to really become a good front-end engineer is more difficult, because the front-end of several technologies are easy to get into the difficult, Most people are easy to get to, but they are hard to master. Coupled with a lot of companies do not pay attention to the same reasons leading to the level of the front-end engineers and generally lower levels of treatment, and then more people do not want to learn the need for a variety of technology-assisted front-end development, because you can spend less energy to learn a back-end language.

三、一名 Excellent front-end development needs to master the knowledge

To do front-end development, the first and most basic is the need to master Html+css, with these two most basic knowledge, can be handy to cut out a page. But that's not enough. We also have to be compatible with a wide range of browsers, although some companies only want to ie6/7/8+ Firefox compatible on the line, but as a good front-end, must give their own requirements set higher, in addition to a few commonly used browsers must be compatible, it is best to compatible with Chrome, Opera, Safari and other browsers. In order to be compatible with so many browsers, you must master the knowledge of CSS hack, so that you can use hack technology to differentiate and compatible with various versions of the browser. But I believe that since it can be compatible with Firefox, it is not difficult to be compatible.
After being able to write elegant HTML code, we also need to conform as much as possible to the standard and semantic specifications of the consortium. This is not hard to ask, but it is necessary to do both. A good site front-end engineer needs to take into account the semantics of each HTML tag. Reasonable use of HX tags and ul ol dl tags and so on. Make your page even if the CSS is disabled to maintain good structure and readability.
We know that the domestic Internet users, with IE browser more, but from the domestic or the world's Internet customers look, some customers are not using IE to browse the content of the Internet, they will use some other browsing tools such as: Netscape, Mozilla, FireFox, opera and so on, If your site does not meet the standards of the Internet, users who use other browsers will not be able to see your site. Then some customers can not see your business or products, although this part of the customer is relatively small, but also is a part of customers, lost any potential customers, for enterprises, are losses.
And there are a lot of benefits to be met by the consortium, such as: File downloads and page display faster; content can be accessed by more users (including people with disabilities such as blindness, weak vision, color blindness); content can be accessed by a wider range of devices (including screen readers, handheld devices, search bots, printers, refrigerators, etc.) Users can customize their performance interface through style selection, and all pages can provide a version that is suitable for printing, and so on.
After fully mastering the knowledge of html+css, the most difficult task is JavaScript. JS is one of the necessary skills in the front-end, but also the hardest part, the reason for putting it here, is to let beginners have a step-by-step steps. At the same time to learn too many things, it will be difficult to digest, so separate step-by-step play proficient, the pressure will be smaller. In this case, front-end development needs to master basic DOM operations, understand Ajax, and write efficient OOP code to reduce maintenance costs. Now the JS framework is more and more, such as jquery, Prototype, Yui, Dojo and so on. Front-End development should be based on a variety of requirements, different development, choose the appropriate framework, to achieve the highest code efficiency, the best user experience, code download the smallest, and can be in a separate or even more product lines to maximize the reuse of code.

The above mentioned is a front-end development engineer must have the relevant knowledge, next to talk about the development of the front-end skills.

1. Choose to master Photoshop or fireworks selectively.
The degree to which you can learn depends on your own needs. If the future depends on the front end to eat, to large companies do not need front-end development to do design drafts, will be layered Chettu on it. Of course, if you are interested in design, the PS play very well, is also a good thing.

2. Learn about a back-end language
You can learn about backend languages such as Php+mysql or JSP. The particularity of the profession determines that we need to communicate with the back-end workers frequently, and mastering some knowledge in this field is conducive to more effective communication problems. Enhance the image of the front end in the whole team, and then improve their treatment. In addition, learn this part of things, there are enterprises to find you to do the site, you can take the more secure. As for learning PHP or learning JSP, according to their own hobbies to set, personal feel PHP is very good, many open source programs are PHP, learned to help build their own stations. In addition, WordPress is a very fun thing.

3. Seo+ue (User experience)
User experience is kingly, and SEO is to attract users of the king. UE is actually a part of the front-end development can not be missing. Play this, upward, can be promoted to the Product manager, Department manager position, down, you can win the satisfaction of their customers. Besides, this thing is not difficult to learn, more careful observation of life. Why not?

4. Front-End performance optimization
Mastering this craft can improve the speed of the website, thus saving the company's expenses. Have time to query the Web page optimization rules, such as: Minimize the number of HTTP requests, CSS sprites picture integration technology, merge CSS and JS, the use of CDN technology, reduce the number of DNS lookups, avoid redirection and so on.

See here, do you have a deeper understanding of the word "front end"? Is it different from the traditional "art"? I have done some research, some do front-end development, you can not care about others to his name, but some are very disgusted with this noun. Because in today's WEB2.0 era, "art" this appellation is more old-fashioned, more out, because now to the front end of the site, need more professional development skills. So whether the front-end development, or visual design, do not like this title.
What we are sharing here today is only part of the "Front-End development", and we have the opportunity to explore the theory in depth.