The way to the front-end design of the-web-no-work PDF

: Network Disk Download

great coincidence: the way of Web front-end design : A comprehensive discussion on the methods, principles, techniques and best practices of Web front-end design 5 professional communities unanimously recommended! Emerging occupations such as front-end development engineers, front-end architects, front-end architects, and UX designers, Inject new life and vitality into the front-end design and development field. As the user's experience of the application becomes more and more demanding, the challenges facing the front-end area are increasing and the problem is becoming more and more important. One of the most prominent problems is the lack of composite front-end talent. From the knowledge system, the compound front-end talent needs to grasp and understand the knowledge is very much, even can use "complex" two words to describe. This led to an excellent front-end development talent that takes a long time to grow, so the industry's demand for such talents is extremely urgent, promising prospects. As a programmer who does not have much experience in web front-end development and design, how can we devote ourselves to this area full of good prospects and imaginary space? How to cultivate their own internal strength to let themselves from the meeting, from qualified to excellent, from excellent to outstanding?

Great coincidence: The road to the design of Web front-end" can provide good guidance and reference in the course of your cultivation. If you're thinking about these questions, maybe the big coincidence: the road to Web front-end design is what you want! What skills and qualities do you need as a qualified web front-end development engineer? Why is it that if you want to be proficient in web front-end development, you must be proficient in 10 lines first? How can front-end designers understand their users correctly? How to understand and practice user-centric design principles? What problems should be noticed in prototyping design? How do I make better use of tools to quickly prototype? What are the key elements of usability design? How do I design high-availability page elements (navigation, forms, links, and so on)? The first principle of "usability" is "Don't Let me think", How does your website do not allow users to think? What are the 5 goals of usability testing? How can you discover the nature of the problem through usability testing? How to maintain the consistency of the design? What are the three principles of consistent design? How do you understand the phrase "style is design"? What are the styling techniques that front-end developers and designers must master? What are the features of the style? How do I write JavaScript code that is easy to manage, maintain, and reuse? , what are the best practices for JavaScript? How do I understand the relationship between HTML files, CSS files, and JavaScript files? How do you organize these files well to make them easier to manage, reuse, and maintain? How to balance the color of the website? How to make your website design concise and beautiful? How much do you know about the art of page layout? What are the classic design ideas in the field of Web front-end design? How can you master the nature of these design ideas? How do I test the performance of the front end? What are the basic principles of front-end performance optimization? How to optimize the content of the page and server-side optimization? How to use SEO technology to make your site more discoverable? What new design methods will CSS3 and HTML5 bring? Is Web3.0 really here? What are the outstanding performances of Web3.0 's pioneers? What is the future of Web front-end development and design?

Big Qiao Not work: Web front-end Design cultivation path directory:

Praise
Objective
Thanks
The 1th chapter of Web front-end development ABC/1
1.1 Web Bigger picture/2
The birth of 1.1.1 chaos opening--web/2
1.1.2 Leader in Network technology--W3C/4
1.1.3 Continuous optimization of client technology/7
1.1.4 Service-side technology mature/8
1.2 Position, curve and mission/11
1.2.1 Front end Development Road/11
1.2.2000 Army easy to get, one will be difficult to find/12
1.2.3 a daunting learning curve/14
1.2.4 Front-end developers how to position themselves/16
1.3 Technology required for front-end development/17
1.4 Common tools for front-end development/25
1.4.1 Design Tools/25
1.4.2 Prototype Tools/26
1.4.3 Debug Class Tool/27
1.4.4 Auxiliary Tools/32
1.5 Summary/33

2nd to create the cornerstone of front-end design-Surrender your prototype/34
2.1 ucd--User-centric design principles/35
2.1.1 followers/36
2.1.2 User Research/39
2.1.3 more subtle way/42
2.2 hand over the first design draft/46
2.2.1 Why prototyping is important/47
2.2.2 How the prototype behaves/48
2.2.3 Considerations for Prototyping products/56
2.3 Let the tool help you/57
2.3.1 Create user Model/58
2.3.2 balsamiqmockups design concept diagram/59
2.3.3 Axurerp Design Interaction prototype/60
2.3.4 more Real Performance/66
2.4 Summary/71

3rd from the past to the future-the evolution of the front-end design/72
3.1 Most familiar strangers/73
3.1.1 Browser contention/73
3.1.2 Performance comparison/74
3.1.3 Iepkweb Standard/77
3.2 structure changes/83
3.2.1 table Nightmare/83
3.2.2 div and CSS-based layout structure/86
3.3 Not just script/90
3.3.1 JavaScript Original/90
3.3.2 gorgeous evolution/92
3.3.3 Ajax had to mention/95
3.3.4 script framework appears/96
3.4 Contact Future (i)--preliminary discussion html5/101
3.4.1 Summary/101
3.4.2 Structure/102
3.4.3 Flash killer canvas?/105
3.4.4 Design a layout structure document/107
3.4.5 support for Forms/109
3.5 Contact the Future (ii) the world of--CSS3 is wonderful/110
3.5.1 Selector changes/113
3.5.2 layout changes/116
3.5.3 Style changes/119
3.5.4 Animation/120
3.6 Summary/121

The 4th chapter makes your design popular--Usability design/122
4.1 Availability Principles/123
4.1.1 Don't make me think./124
4.1.2 Stop your hypothesis/129
4.1.3 Designed for scanning/132
4.2 High Availability page/136
4.2.1 Navigation Path/137
4.2.2 when the link becomes cloud/145
4.2.3 Design Available Forms/147
4.2.4 refusal to write art/153
4.3 Usability test/156
4.3.1 How to test/157
4.3.2 Phenomenon and Nature/158
4.4 Cleverly dealing with errors/159
4.4.1 Advance Prevention/162
4.4.2 Design Useful Information/165
4.4.3 humanized operation/169
4.5 System Consistency Design/170
4.5.1 Specification Design/172
4.5.2 Finish/172
4.6 Summary/173

5th prototype Modelling/174
5.1 Layout of the road/175
......
The 6th chapter explores, tastes, summarizes--classical design thinking
The 7th chapter makes your design more perfect--optimization techniques and best practices
The 8th chapter thinking and Prospect--on the future of web development

: Network Disk Download

The way to the front-end design of the-web-no-work PDF