2014 front-end developers how to improve themselves

Most people are very concerned about personal improvement in technology. But keeping an understanding of new technologies is a big challenge, after all, the amount of information we need is too large. Over the past 2012 years, the development of the front-end was accompanied by a number of revolutionary breakthroughs and a redefinition of the front end.

We are moving fast on the road to practice, and concrete progress is embodied in the use of abstraction, excellent code quality, maintainability and better performance. If you're really busy and don't have time to keep up with the latest technology, don't worry.

With the advent of the holiday, we have some free time to control, I think, if I collect the front-end related to the discussion list to share, it will certainly have some help to everyone. You don't have to read all of them, but these tips will help you learn more about how to prepare for becoming a better front end developer next year.

Here are some excellent PPT for front-end development, which you can access through the links in this article.

First, the basic part

Ways to go at the forefront of technology

Ppt:how to stay-to-Date on Web Stuff, Chris coyier

Even as technology-related ideas change, we can keep ourselves at the forefront of technology.

Make sure your development model is in keeping with the Times

Ppt:a New Baseline for front-end developers, Rebecca Murphey

Once we edited the file, it was the most common practice to test it locally and then upload it to FTP. We judge his front-end level by whether a front-end can write a page that is compatible with IE6. Our technology in HTML,CSS and JavaScript is not strong enough.

Such a situation has changed a lot in recent years, with the improvement of working methods and the introduction of various tools. Front-end development is gaining more and more attention, and this topic explains the new starting point in the development of the front end.

Ii. New starting point for front-end development engineers

Understand how the browser works behind the screen

Ppt:so, want to be a front-end Engineer, David Mosher (Video)

Some people will say that the browser is the most unstable of the development platform he knows. If you're a client development engineer, understanding how the browser works inside will help you make better decisions, and you'll marvel at the debates behind those best practices. In one of the best themes of the year, David Mosher will be waiting for you to learn about browser parsing and page rendering.

Learn what the Web platform now needs to offer

Ppt:tooling for the modern Web App Developer, Addy Osmani

The web is evolving, and understanding the new technology in the platform is not an easy task. The new features of HTML5 allow us to build a completely new Web application that contains many features that were previously impossible to implement (at least without plugins).

In this topic, my teammate Eric will take you through the pain of HTML5 and focus on many solutions to real world problems. You'll learn about media streaming, device input, modern CSS design, media capture, file I/O, and more.

Iii. Mode of work

How web App development engineers work

Whether you're using coffeescript or javascript,less or sass, building a good Web application now requires a lot of referencing external resources, frameworks, tools, and tools to integrate them together. To put it simply, you need a practical belt for spanking.

In this topic, you will learn about the current front-end system and learn a new tool to integrate these systems, called Yeoman.

You can also access the extended version of this topic.

Ppt:tooling for the modern WebApp Developer

How the Web designer works

Ppt:a modern Web Designer ' s Workflow, Chris coyier (Video)

Today we have a high demand for Web architects. If in the past, this job title has already expressed its corresponding work, but now is not only the visual design position, even involves the construction of the interaction. Designers need to consider the different shapes, sizes, different connections and different devices, and these devices must be able to work properly.

As a designer, you often need to communicate and share code between teams, and you need to know a lot of different technologies. In this topic, Chris Coyier will talk about a lot of amazing tools to help you get the job done more smoothly and discuss what should be done to provide a high level of modern workflow.

How mobile Web development works

Ppt:mobile Web developers Toolbelt, Pete Le Page (Video)

There is a big difference between mobile development and PC-side development, a topic that describes the tools to make mobile web development easier and more convenient for mobile web development.

How to Debug

Ppt:secrets of the Chrome DevTools, Patrick Dubroy (Video)

Explore Google developer tools in depth

Iv. Future-oriented development

Css

Ppt:the CSS of Tomorrow, Peter Gasston

This topic describes what CSS brings to your current development, and as a CSS programmer, how to use CSS3 to achieve future-oriented development.

Javascript

Ppt:the Future of JavaScript, Dave Herman

Learn about the new features of ES6 and how to use them

WEB applications

Ppt:web components and the future of Web App development, Eric Bidelman

How to better integrate a variety of new technologies into your Web application.

Five, CSS

Art in the field of CSS

Ppt:all the New CSS hawtness, Darcy Clarke

This topic introduces the latest CSS implementations and related standards, and learns how these new CSS technologies are changing our daily development.

Modular CSS

Ppt:your CSS is a Mess, Jonathan Snook

Most people's CSS code is a mess, in this topic, you will know how to solve the CSS modular problem, easy to manage and maintain.

Pre-processor for CSS

Ppt:css pre-processors, Bermon Painter

If you haven't used a CSS preprocessor yet, you're out. This topic outlines several of the more popular CSS preprocessor.

Document

Ppt:a Better Future with KSS, Kyle Neath

This topic describes one of Kyle's tools, KSS, documents and code formatting used to generate CSS files.

VI. JavaScript

The importance of code style

Ppt:maintainable JavaScript, Nicholas Zakas

Writing interesting JavaScript code and writing professional JavaScript code is not the same thing, and in this topic of zakas you will learn how to write JavaScript code for sustainable maintenance.

Build large-scale apps

Ppt:soundcloud ' s Stack, Nick Fisher

In this theme, Nick Fisher from SoundCloud introduces the story of their company developing a large-scale JavaScript app, and shares their development steps and how to improve their development efficiency.

Rethink the structure of your application

Ppt:re-imagining the Browser with AngularJS, Igor Minar

In this topic, you will learn how to use the power of the future Web platform in your current Web application.

Internationalization

Ppt:entschuldigen you, Parlez Vouz JavaScript, Sebastian Golasch (Video)

In this topic, Sebastian describes how to address the problems of internationalization in the real world and how to solve them in an elegant way.

Patterns and principles

Ppt:the plight of Pinocchio, Brandon Keepers

We need to use JavaScript as a real language, and we need all the best practices that can be used with real language on JavaScript. JavaScript is no longer a toy language.

When to delay (lazy) load scripts

Ppt:how late is later? , Massimiliano Marcon

We all know that lazy (lazy) loading scripts can increase the load time of Web applications, so when is the right time to load scripts?

VII. Mobile Web Development

Ppt:creating Responsive HTML5 Touch Interfaces, Stephen Woods (Video | Audio)

How to solve the problem of interaction between UI and user, avoiding these pitfalls is what many application developers need to face in the future.

The challenge from the scroll bar

ppt:embracing touch:cross-platform Scrolling, Mark dalgleish (Video)

The scrolling effect is the most popular way to move a page. Unfortunately, the effect of sliding is not always comparable with the native scroll bar. How should we solve this problem on a mobile browser?

Native, HTML5 and mixed applications

Ppt:native, HTML5 and Hybrid Mobile development, Eran Zinman

In this topic, Eran shared his experience in cross-platform development.

Performance, distribution and Facebook practices on HTML5

Ppt:on the future of Mobile Web Apps, Simon Cross

What does Facebook do with HTML5? What else needs to be improved?

Debugging Tools for mobile development

Ppt:mobile debugging, Remy Sharp

Responsive Design Technology

Ppt:responsive Web design:clever Tips and techniques, Vitaly Friedman

This topic provides an overview of responsive design implementations.

Viii. Web Apps

Off-line web Apps

Ppt:offline Rules, Andrew Betts (Video)

How to store the client in the Web application, and how to use it to improve the experience of the website.

State of the ART

Ppt:building Web Apps of the Future:tomorrow, Today and yesterday, Paul Kinlan (Audio)

Paul describes how to build a future-oriented web App.

Client Storage

Ppt:storage in the Browser, Andrew Betts

App Cache

Ppt:application Cache:douchebag, Jake Archibald (Video)

How to use application cache to build your website

Nine, performance

Css

Ppt:high-performance CSS, Paul Irish

Find CSS that affects page performance, such as Box-shadow, which causes the browser to draw at least 70 milliseconds, and solutions.

Ppt:github ' s CSS performance, Jon Rohan

Avoid Jank

Ppt:jank-free:in Pursuit of Smooth Web Apps, Tom Wiltzius

Jank is a state when the animated card, the effect is slow, or the page scrolls slowly. This topic describes how to avoid these states.

Web

Ppt:building Faster Websites, Ilya Grigorik

How to consider the overall performance improvement in the site's perspective.

Javascript

Ppt:breaking the JavaScript speed Limit with V8, Daniel Clifford

How to break the speed limit of V8 execution scripts.

Ten, testing

Understand the bad reason for the code

Ppt:why our Code smells, Brandon Keepers (Video)

In this topic, Brandon will introduce his everyday code, look for bad code that will cause problems, understand why the code appears, and what the code means, and finally how to refactor it.

Current state of the ART

Ppt:javascript testing:the Holy Grail, Adam Hawkins (Video)

How to use test tools to ensure an app's experience.

Improve the testability of your code

Ppt:writing testable JavaScript, Rebecca murphey (Audio)

Xi. Summary

It is worthwhile to spend time thinking about your own technical improvement. The more you hone, the more chance you have to become a good engineer.

This list does not necessarily cover all the good ppt of the year, but I hope we can provide some guidance. Go read some of the things you are interested in. This kind of reading will improve your ability and hope to really help you with your daily development.

2014 front-end developers how to improve themselves